Node.js

Node.js는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임.

런타임 이란 프로그래밍 언어가 동작하는 환경!

JavaScript 런타임이란 JavaScript라는 프로그래밍 언어가 동작하는 컴퓨터 환경을 의미합니다.

nvm

NVM 은 Node Version Manager로써 Node.js의 도구이며 여러 Node.js를 설치하여 상황에 따라 버전을 변경해 가면서 사용하는 것을 말합니다.

NVM을 사용하여 Windows 환경에서도 Node.js의 버전을 관리하고, 개발 환경에 따라 Node.js 버전을 변경할 수 있습니다.

nvm 설치

windows 버전 설치

1. 검색창에 nvm-windows 을 검색합니다.
2. github 페이지 (nvm for windows)[https://github.com/coreybutler/nvm-windows] 에 접속하여 Download Noew!를 클릭하여 Download 받습니다.
3. 다음을 클릭하여 계속 진행합니다.
4. 터미널에서 nvm --version 을 입력하여 설치 됐는지 버전을 확인해봅니다.

nvm 사용법

• nvm ls : 설치되어 있는 node.js를 확인합니다.
• nvm install 12.14.1 : 12.14.1 버전의 node.js를 설치합니다.
• nvm use 12.14.1 : 12.14.1 버전의 node.js를 사용합니다.

node.js 를 설치하고 나서 부터 node라는 명령어를 터미널에서 사용할 수 있습니다.

• node --version : 설치되어 있는 node.js를 확인합니다.

node.js의 버전 여러개를 관리하는 이유는 프로젝트와 상황에 따라 버전을 변경해야될 경우가 있기 때문입니다.

• nvm uninstall 12.21.0 : 12.21.0 버전의 node.js를 삭제합니다.

npm

NPM(Node Package Manager)은 전 세계의 개발자들이 만든 다양한 기능(패키지, 모듈)들을 관리해 줍니다.

node.js 를 설치하면 npm도 같이 설치가 됩니다.

npm으로 프로젝트 관리하기

• npm init -y : npm으로 패키지를 관리합니다. (터미널에서 해당 프로젝트의 디렉토리에서 명령어를 입력해야 합니다.)

명령어

• npm install or npm i : package.json 의 내역을 바탕으로 설치되었던 패키지들을 설치합니다.
• npm install -D xxx : 개발용 의존성 패키지로 설치합니다.
• npm install xxx : 일반 의존성으로 설치합니다.

기타

• node_modules 라는 폴더는 언제든지 지워도 상관없습니다. npm i를 통하여 언제든지 다시 재설치할 수 있습니다.
• package.json와 package-lock.json 프로젝트를 관리하면서 절대 지워지면 안되는 파일입니다.
• package-lock.json에는 우리가 설치한 패키지들이 내부적으로 사용하는 또 다른 패키지에 대한 정보 등이 담겨있습니다. package-lock.json은 우리가 직접 관리할 필요가 없습니다.

개발 서버 실행과 빌드

parcel npm으로 설치하기

• 터미널에서 npm install -D parcel-bundler로 parcel을 설치합니다.

parcel로 개발 서버 열기

local환경에서 개발용으로 서버를 열어서 프로젝트를 확인할 수 있습니다.

1. package.json의 scripts 영역에 "dev": "parcel index.html"이라고 작성합니다.
   
2. npm run dev 명령어로 개발서버를 열 수 있습니다. 위의 script 부분에 속성으로 dev 대신에 다른 이름을 사용해도 됩니다.

• ctrl + c 로 개발서버를 종료할 수 있습니다.

build 명령어

실제로 사용자들이 보는 용도의 결과물이 출력됩니다.

1. package.json의 scripts 영역에 "build": "parcel build index.html" 를 작성합니다.
   
2. 터미널에서 npm run build 명령어를 실행합니다.