Node.js

NodeJS 기초

Node.js_TJE

ALOHA-CLASS

Node.js 설치

Node.js 설치 #Node.js #노드설치

https://www.youtube.com/watch?v=meky2rl4jkk&list=PL4C2AmBC9jOZt8T7VOWvLBbnwpPxeIhtr

설치 및 개발환경

Node.js 설치

Overview

•

다운로드

•

설치

•

설치확인

Node.js 설치

npm 버전 업데이트

npm 버전 업데이트 하는 방법을 알아봅니다.

npm 이란?

npm 사이트에서 필요한 패키지들을 검색하고 설치 및 가이드를 확인할 수 있습니다.

npm | Home

https://www.npmjs.com/

npm 버전 업데이트

Node 시작하기

•

CMD 에서 node 실행

•

VSCODE  터미널 에서 실행

•

Node.js 종료

•

자바스크립트(js) 파일 실행

CMD 에서 node 실행

Node 시작하기

Node.js 핵심개념

•

싱글 스레드 (Single-Threaded)

•

논블로킹 I/O (Non-Blocking I/O)

•

이벤트 기반 (Event-Driven)

•

npm (Node Package Manager)

•

V8 엔진

싱글 스레드 (Single-Threaded)

•

Node.js는 기본적으로 싱글 스레드 모델을 채택하고 있습니다. 이는 하나의 주요 스레드에서 이벤트 루프를 통해 모든 작업을 처리한다는 것을 의미합니다.

•

이는 간단한 구조를 가지고 있어 개발자가 복잡한 동기화 문제를 해결하기 쉽게 만듭니다.

Node.js 핵심개념

Node 프로젝트 .gitignore

Node로 만든 프로젝트는 node_modules 때문에 엄청 많은 변경 사항이 발생한다. npm install 후 2K, 4K 수로 엄청 많은 변경 사항 카운트가 뜬다.

그러나 이걸 다 github 에 올릴 필요는 없다. package.json 에 의존성이 있으니 clone, 또는 pull 을 받고 npm install 을 하면 된다.

이를 github 에 올리지 않기 위해서는 .gitignore 파일(변경 사항을 무시할 파일들을 설정하는 파일)을 지정 해야한다.

Node.js 프로젝트 - .gitignore

ECMAScript

ECMAScript는 스크립트 언어인 JavaScript의 표준 규격을 정의하는 규격입니다.

자바스크립트의 버전을 나타내는 이름이라고 생각해도 좋습니다. 실제로, ECMAScript는 자바스크립트의 기본적인 동작, 데이터 타입, 객체, 문법 등을 정의합니다.

여러 브라우저와 JavaScript 엔진은 ECMAScript 표준을 따르며, 새로운 ECMAScript 버전이 나올 때마다 이를 구현하여 브라우저와 런타임 환경에서 개발자가 최신의 언어 기능을 사용할 수 있도록 합니다.

ECMAScript 통해 JavaSscript 언어의 표준을 정의하고, 브라우저(chrome, edge, firefox 등) 및 JavaScript 엔진이 이에 맞춰 각각 브라우저와 런타임 환경에서 ECMAScript 라는 표준으로 동작할 수 있도록 기준을 제시합니다. 이에 따라 개발자들의 브라우저 및 런타임 환경을 통해, ECMAScript 표준에 따른 JavaScript 언어의 최신 기술을 사용할 수 있습니다.

 런타임 환경?
: 프로그램이 실행되는 동안의 컴퓨터 환경을 의미합니다. 이는 어떤 프로그램이나 스크립트가 실행될 때, 해당 프로그램이 필요로 하는 여러가지 리소스와 서비스를 제공하는 환경을 말합니다.

ECMAScript

AJAX(Asynchronous JavaScript and XML)

XMLHttpRequest

XMLHttpRequest는 브라우저에서 제공하는 객체로, 비동기적으로 서버와 통신할 수 있도록 도와줍니다. 초기에 주로 사용되었으나, 콜백 지향적이고 복잡한 API 구조로 인해 가독성이 떨어지는 단점이 있습니다.

주요 속성 및 메소드

XMLHttpRequest

fetch

JavaScript에서 제공하는 API 중 하나로, 네트워크 요청을 만들고 응답을 다룰 수 있게 해주는 기능을 제공합니다. fetch API는 Promise를 기반으로 동작하며, 비동기적으로 네트워크 요청을 처리할 수 있습니다.

fetch() 는 자바스크립트의 브라우저 내장 함수로, 네트워크에서 리소스를 가져오는 동작을 간결하게 표현합니다. fetch() 함수는:

•

첫 번째 인자로 URL을 받습니다.

•

두 번째 인자로 옵션 객체를 받습니다.

•

Promise 타입의 객체를 반환합니다.

반환된 객체는:

•

API 호출이 성공했을 경우에는 응답(response) 객체를 resolve합니다.

•

실패했을 경우에는 예외(error) 객체를 reject합니다.

fetch

axios

axios는 JavaScript의 HTTP 클라이언트 라이브러리로, 브라우저와 Node.js 환경에서 모두 사용할 수 있습니다. axios는 Promise를 기반으로 한 강력한 기능과 다양한 설정 옵션을 제공하여 네트워크 요청을 보다 편리하게 다룰 수 있도록 도와줍니다.

Axios 기본 구조

Axios의 주요 메서드

axios

개요

•

Promise

•

Promise 상태

•

주요 메소드

•

기본 예시 코드

•

API 호출 예시 코드

Promise

비동기 작업의 성공 또는 실패 결과를 처리하는 객체

Promise

async & await

JavaScript의 비동기 프로그래밍을 간편하게 만드는 키워드입니다.

•

Promise 

•

async

•

await

async

async: "비동기" 또는 "비동기식"이라는 의미로 해석됩니다. 영어 단어 asynchronous의 줄임말로, 동시에 일어나지 않는 것을 의미합니다.

await

await: "기다리다" 또는 "대기하다"라는 의미로 해석됩니다. 영어 동사 await에서 유래한 것으로, 어떤 일이 완료되기를 기다리는 것을 의미합니다.

async & await

Node.js - 내장 객체

global

Node.js의 global 객체는 모든 모듈에서 접근 가능한 전역 객체입니다.

이 객체는 모든 모듈에서 공유되며, 모듈 내에서 선언하지 않고 사용할 수 있는 다양한 속성과 메서드를 제공합니다. 예를 들어, console 객체나 setTimeout() 함수는 global 객체에 속해 있습니다.

global 객체를 사용할 때에는 주의해야 합니다. 전역 변수와 함수는 코드의 가독성과 유지 보수성을 저하시킬 수 있으므로, 가능한 한 지역 변수와 함수를 사용하는 것이 좋습니다. 그러나 특정한 상황에서 전역 객체의 기능이 필요할 수 있으니 적절하게 활용하시기 바랍니다.

주의: 코드의 전역 공간에서 변수를 선언하면, 이 변수는 실제로는 global 객체의 프로퍼티로 취급됩니다.

global

console

Node.js의 console은 개발자가 코드를 실행하는 동안 로그 메시지를 출력하기 위해 사용되는 객체입니다. console 객체는 다양한 메서드를 제공하여 로그 메시지의 출력 레벨과 형식을 지정할 수 있습니다.

일반적으로 console.log() 메서드를 사용하여 값을 콘솔에 출력할 수 있습니다. 이 메서드는 문자열, 변수, 객체 등 다양한 유형의 데이터를 출력할 수 있습니다. 또한 console.error() 메서드를 사용하여 에러 메시지를 출력하고 console.warn() 메서드를 사용하여 경고 메시지를 출력할 수도 있습니다.

console 객체는 다양한 메서드를 제공하는데, 이를 사용하여 개발 중에 디버깅을 수행하거나 코드의 실행 상태를 확인할 수 있습니다. 예를 들어 console.time() 및 console.timeEnd() 메서드를 사용하여 코드의 실행 시간을 측정할 수 있고, console.trace() 메서드를 사용하여 코드의 호출 스택을 출력할 수도 있습니다.

이 외에도 console 객체는 다양한 기능을 제공하며, Node.js 환경에서 디버깅 및 로깅에 유용하게 사용됩니다.

정의

console은 JavaScript 환경에서 제공되는 내장 객체로서, 콘솔에 다양한 유형의 로그를 출력하거나 디버깅 메시지를 표시하는 데 사용됩니다. Node.js에서는 터미널 콘솔에 출력되고, 브라우저 환경에서는 개발자 도구의 콘솔 탭에 출력됩니다.

console

타이머

Node.js에는 다양한 타이머 내장 객체가 있습니다. 이들 타이머 객체는 비동기적인 작업을 스케줄링하고 실행하는 데 사용됩니다.

타이머 실행 함수

타이머 취소 함수

이러한 타이머 객체들은 Node.js의 비동기적인 특성을 이해하고 작업을 스케줄링할 때 유용하게 활용될 수 있습니다.

setTimeout

지정된 시간이 경과한 후에 콜백 함수를 실행합니다.

타이머

process

Node.js에서 process는 내장 객체로서 현재 실행 중인 Node.js 프로세스에 대한 정보와 제어를 제공합니다. process 객체를 사용하여 환경 변수, 커맨드 라인 인수, 작업 디렉토리 등에 접근할 수 있습니다.

process 객체를 사용하여 Node.js 프로세스를 제어하고 다양한 정보에 접근할 수 있습니다.

정의

process 객체는 Node.js 환경에서 실행 중인 프로세스에 대한 정보를 제공하는 내장 객체입니다. 이 객체를 통해 환경 변수, 실행 매개변수, 현재 작업 디렉토리 등의 정보에 접근할 수 있습니다.

문법

process 객체는 global 객체를 생략하고 사용할 수 있습니다.

process

Node.js - 내장 모듈

os

Node.js의 os 내장 모듈은 운영체제와 상호작용하기 위한 다양한 기능을 제공합니다. 이 모듈을 사용하여 운영체제에 대한 정보를 확인하고, 호스트의 네트워크 인터페이스를 조회하고, 시스템 리소스에 접근할 수 있습니다.

몇 가지 주요한 os 모듈의 함수와 속성은 다음과 같습니다

•

os.platform(): 현재 운영체제의 플랫폼을 반환합니다. 예를 들어, "win32", "darwin", "linux"와 같은 값을 반환할 수 있습니다.

•

os.arch(): 현재 운영체제의 아키텍처를 반환합니다. 예를 들어, "x64", "arm", "ia32"와 같은 값을 반환할 수 있습니다.

•

os.cpus(): 컴퓨터의 모든 CPU 코어에 대한 정보를 반환합니다.

•

os.totalmem(): 시스템의 총 메모리 양을 바이트 단위로 반환합니다.

•

os.hostname(): 호스트의 이름을 반환합니다.

•

os.networkInterfaces(): 호스트의 네트워크 인터페이스에 대한 정보를 반환합니다.

이외에도 os 모듈은 다양한 운영체제 관련 기능을 제공합니다. 자세한 내용은 Node.js 공식 문서에서 확인할 수 있습니다.

path

Node.js에서 path 모듈은 파일 및 디렉토리 경로를 조작하는 데 사용됩니다. 이 모듈은 경로를 조작하고 처리하기 위한 다양한 유용한 기능을 제공합니다. 몇 가지 주요 기능은 다음과 같습니다.

•

path.join(): 여러 경로 세그먼트를 하나의 경로로 결합합니다.

•

path.resolve(): 주어진 경로를 절대 경로로 해석합니다.

•

path.basename(): 파일 경로에서 파일의 기본 이름을 가져옵니다.

•

path.dirname(): 파일 경로에서 파일이 위치한 디렉토리 이름을 가져옵니다.

•

path.extname(): 파일 경로에서 파일의 확장자를 가져옵니다.

•

path.parse(): 파일 경로를 구성 요소로 분석하여 객체로 반환합니다.

path 모듈은 파일 경로를 조작해야 할 때 유용하며, 파일 및 디렉토리 관리에 필수적인 기능을 제공합니다.

정의

path

url

: URL 과 관련된 기능을 제공하는 node.js 내장 모듈

url 모듈은 Node.js의 내장 모듈 중 하나로, URL과 관련된 기능을 제공합니다. 이 모듈을 사용하면 URL을 파싱하고 조작하는 데 도움이 됩니다. 주요 기능에는 URL을 파싱하여 구성 요소에 접근하는 기능, URL을 조작하여 새로운 URL을 생성하는 기능, URL 문자열을 이스케이프하는 기능 등이 있습니다.

url 모듈을 사용하려면 먼저 모듈을 가져와야 합니다. 다음은 기본적인 사용법입니다.

이렇게 url 모듈을 사용하여 URL을 다룰 수 있습니다. 더 자세한 내용은 Node.js 공식 문서에서 확인하실 수 있습니다.

url

dns 모듈

Node.js의 dns 모듈은 도메인 이름과 IP 주소 간의 변환 및 DNS(Domain Name System) 조회 기능을 제공합니다. 이 모듈을 사용하여 도메인 이름을 IP 주소로 해석하거나, IP 주소를 도메인 이름으로 변환할 수 있습니다.

crypto

: 암호화, 해시, HMAC 등의 보안 관련 작업에 대한 기능을 제공해주는 내장 모듈

정의

crypto 모듈은 Node.js에서 제공하는 내장 모듈 중 하나로, 암호화 및 해시 관련 작업을 수행하기 위한 기능을 제공합니다. 이 모듈을 사용하면 다양한 해시 알고리즘, 암호화 및 복호화 기능을 활용할 수 있습니다.

문법:

crypto 모듈을 사용하려면 먼저 모듈을 가져와야 합니다.

crypto

util

: Node.js에서 다양한 유틸리티 함수들을 제공하는 내장 모듈

Promise 패턴 변환, 상속, 서식 문자열 생성, 객체 디버깅 등의 기능을 제공합니다.

정의

util 모듈은 각종 유틸리티 함수들을 제공하는 Node.js의 내장 모듈입니다.

문법

util

Node.js

파일 시스템

Node.js에서 파일 시스템을 다루기 위해 기본적으로 fs (File System) 모듈을 사용합니다. 이 모듈은 파일 읽기, 쓰기, 삭제, 이동, 이름 변경 등 다양한 파일 시스템 작업을 수행할 수 있게 해줍니다.

fs

: 파일 시스템 작업을 수행하기 위한 모듈

문법

fs 모듈 주요 메소드 및 속성

파일 시스템

이벤트

정의

어떤 사건이 발생했음을 나타내는 신호

Node.js에서 이벤트는 이벤트 기반 프로그래밍 모델을 통해 처리됩니다. 이 모델은 이벤트 발생자(Event Emitter)와 이벤트 리스너(Event Listener) 간의 상호 작용으로 구성됩니다. 이벤트 발생자는 특정 이벤트가 발생했음을 알리고, 이를 듣고 있는 이벤트 리스너는 해당 이벤트에 대한 행동을 정의합니다.

문법

Node.js의 events 모듈을 사용하여 이벤트를 구현할 수 있습니다. 주요 메소드로는 on, emit, once 등이 있습니다.

이벤트

예외처리

정의

프로그램 실행 중에 예기치 않은 상황이 발생했을 때 이를 적절하게 처리하는 프로그래밍의 한 방법

문법

주요 속성 및 메소드

예시 코드

예외처리

http 모듈

정의

Node.js의 http 모듈은 HTTP 프로토콜을 사용하여 서버 및 클라이언트를 생성하는 데 사용되는 핵심 모듈입니다. HTTP 서버를 만들고 요청을 처리하며, 클라이언트로부터 요청을 만들어 서버로 전송하는 데 사용됩니다.

문법

http 모듈

npm (Node Package Manager)

Node.js 애플리케이션을 위한 패키지 관리자

Node.js를 설치하면 함께 제공되며, 다양한 패키지를 설치하고 관리할 수 있습니다. npm은 Node.js 생태계에서 코드를 공유하고 재사용하기 위한 핵심 도구 중 하나로, 개발자가 프로젝트에 필요한 외부 모듈을 손쉽게 추가하고 관리할 수 있도록 도와줍니다.

npm 공식 사이트

npm

yarn

JavaScript 프로젝트의 종속성을 효율적으로 관리하는 패키지 매니저

Yarn은 JavaScript 프로젝트의 종속성을 효율적으로 관리하기 위한 패키지 매니저입니다. npm과 유사하지만, 여러 가지 측면에서 더 빠르고 안전하며 일관된 방식으로 패키지를 설치하는 등의 장점이 있습니다. Yarn은 Facebook, Google, Exponent, Tilde 등의 기업과 개발자들이 협업하여 개발한 오픈 소스 프로젝트입니다.

공식 사이트

Home page | Yarn

Yarn, the modern JavaScript package manager

https://yarnpkg.com/

yarn

Express

express

Node.js를 위한 웹 애플리케이션 프레임워크

정의

•

빠르고 간편한 방식으로 웹 및 모바일 애플리케이션을 개발할 수 있게 해줍니다.

•

라우팅, 미들웨어, 템플릿 엔진 등 다양한 기능을 제공하여 개발자가 유연하게 웹 애플리케이션을 구축할 수 있습니다.

주요기능

express 소개 및 설치

프로젝트 생성 모듈 - express-generator

express-generator 설치

사전설치 : mkdrip 최선 버전 설치

express-generator 설치

express-generator

미들웨어 (middleware)

Express.js 의 요청(request)과 응답(response) 사이의 작업을 수행하는 함수

미들웨어는 Express 애플리케이션의 요청-응답 사이클 동안 다양한 작업을 처리할 수 있으며, 각 미들웨어는 요청 객체(req), 응답 객체(res), 그리고 애플리케이션 요청-응답 주기를 제어하기 위해 호출되는 다음 미들웨어 함수를 나타내는 next 함수를 받습니다.

미들웨어의 특징

순차적 실행: 미들웨어는 코드에서 정의된 순서대로 순차적으로 실행됩니다.

요청-응답 주기 제어: 각 미들웨어는 요청과 응답 객체에 대한 제어를 가지며, 다음 미들웨어로 제어를 전달하거나 요청-응답 주기를 종료할 수 있습니다.

중간 처리 작업: 미들웨어는 요청과 응답을 중간에서 가로채어 수정하거나 추가 작업을 수행할 수 있습니다.

자주 사용되는 미들웨어

미들웨어

Router

정의

Express 애플리케이션에서 라우팅을 구현하는 객체

라우터 객체는 Express 애플리케이션에서 라우팅을 구현하는 데 사용됩니다. 라우터를 사용하여 HTTP 요청을 특정 핸들러로 매핑할 수 있습니다. 핸들러는 요청을 처리하고 응답을 생성하는 함수입니다.

사용목적

•

HTTP 요청을 특정 핸들러로 매핑합니다.

•

URL 패턴과 매개변수를 사용하여 라우팅을 구현합니다.

•

미들웨어를 사용하여 라우팅을 확장합니다.

Router

req & res

req

HTTP 요청에 대한 정보를 제공하는 객체

주요 속성 및 메소드

예시 코드

URL 패턴 매개변수 사용하기

쿼리 문자열 사용하기

요청 본문 사용하기

req & res

pug

Node.js에서 사용되는 템플릿 엔진

Pug는 HTML과 JavaScript를 조합한 언어로, HTML의 장점인 가독성과 유지보수성을 유지하면서 JavaScript의 동적 기능을 사용할 수 있습니다.

확장자 : *.pug

주요 문법

퍼그 pug

넌적스

Node.js 의 템플릿 엔진

Nunjucks는 템플릿 엔진 중 하나로, JavaScript를 기반으로 하는 강력하고 유연한 템플릿 엔진입니다. 주로 Node.js 환경에서 사용되며, Express.js와 함께 많이 사용됩니다.

확장자 : *.njk

주요 문법

넌적스 Nunjucks

Sequelize

Node.js 환경에서 사용되는 ORM(Object-Relational Mapping) 라이브러리

MySQL, PostgreSQL, SQLite, MSSQL 등 다양한 데이터베이스를 지원합니다. Sequelize를 사용하면 JavaScript 코드를 통해 데이터베이스와 상호 작용할 수 있으며, 데이터베이스 스키마를 모델로 정의하여 쉽게 다룰 수 있습니다.

주요 속성 및 메소드

사용 목적

Sequelize는 데이터베이스와의 상호 작용을 추상화하여 개발자가 SQL 쿼리를 직접 작성하지 않고도 데이터베이스와 통신할 수 있게 해줍니다. 이를 통해 코드의 가독성을 높이고, 데이터베이스 스키마의 변경에 유연하게 대처할 수 있습니다. 또한 Sequelize는 다양한 데이터베이스를 지원하므로, 프로젝트의 요구 사항에 맞게 선택하여 사용할 수 있습니다.

시퀄라이즈

Nodemon

Node.js 애플리케이션을 개발할 때 사용되는 도구로, 코드 변경을 감지하고 자동으로 서버를 재시작해주는 도구입니다. 일반적으로 개발자가 코드를 수정할 때마다 수동으로 서버를 중지하고 다시 시작하는 번거로움을 해결하기 위해 Nodemon이 사용됩니다.

특징

실시간 코드 감지: 코드 변경을 실시간으로 감지하여 자동으로 서버를 다시 시작합니다.

수동 재시작 없이 개발 가능: 개발자가 코드를 수정할 때마다 서버를 수동으로 중지하고 다시 시작할 필요가 없습니다.

간편한 사용법: 기존의 Node.js 명령어와 비슷하게 사용할 수 있어 쉽게 통합할 수 있습니다.

Nodemon

Express 게시판 프로젝트

프로젝트 폴더 생성 - board

모듈 설치

config.json (데이터 소스 설정)

model 설정

라우터 작성

뷰 작성

app 설정

Express 게시판 프로젝트

node 에러 노트

code ECONNRESET npm 에러

vscode 터미널에서 npm 에러

Node.js

Node.js 설치

Overview

npm 버전 업데이트

npm 이란?

Node 시작하기

CMD 에서 node 실행

Node.js 핵심개념

싱글 스레드 (Single-Threaded)

Node 프로젝트 .gitignore

ECMAScript

XMLHttpRequest

주요 속성 및 메소드

fetch

axios

Axios 기본 구조

Axios의 주요 메서드

개요

Promise

async & await

async

await

global

console

정의

타이머

타이머 실행 함수

타이머 취소 함수

setTimeout

process

정의

문법

os

path

정의

url

dns 모듈

dns.lookup()

dns.reverse()

정의

crypto

정의

문법:

util

정의

문법

파일 시스템

fs

문법

fs 모듈 주요 메소드 및 속성

이벤트

정의

문법

예외처리

정의

문법

주요 속성 및 메소드

예시 코드

http 모듈

정의

문법

npm (Node Package Manager)

npm 공식 사이트

yarn

공식 사이트

express

정의

주요기능

프로젝트 생성 모듈 - express-generator

express-generator 설치

express-generator 설치

미들웨어 (middleware)

미들웨어의 특징

자주 사용되는 미들웨어

Router

정의

사용목적

req & res

req

주요 속성 및 메소드