Node.js 알아보기

Node.js란?

Chrome V8 Javascript 엔진으로 빌드된 Javascript 런타임(프로그래밍 언어가 동작하는 환경)이다.

NVM 설치하기

NVM(Node Version Manager)이란 Node.js의 버전을 관리하는 도구이다.

windows 환경에서 설치하기👀

1️⃣ 설치 URL : https://github.com/coreybutler/nvm-windows/releases > nvm-setup.zip 을 다운받아 실행

2️⃣ 설치 후 명령 프롬프트에서 nvm —version 명령을 입력하여 설치된 node.js 버전 확인

# 설치된 node.js 목록 확인하기
$ nvm ls

Node.js 설치하기

# node.js 버전 설치하기
$ nvm install 0.10
$ nvm install v0.1.2
$ nvm install v8

# node 최신 버전 설치 (설치 당시 기준)
$ nvm install node

# node LTS 최신버전 설치
$ nvm install --lts

# nvm과 관련된 다양한 명령어 확인하기
$ nvm --help

Node.js 버전 확인하기

#설치된 Node.js 버전 확인
$ node --version

# 필요없는 node 버전 삭제하기
$ nvm uninstall <version>

NPM이란?

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

NPM 명령어 익히기

# package.json 을 만드는 명령어로 새로운 프로젝트에 패키지를 만들 때 사용
$ npm init -y 

# 패키지 설치 / 일반 의존성 패키지 설치 : 실제 웹브라우저에서 동작하는 용도
$ npm install 패키지명

# 패키지 설치 / 개발용 의존성 패키지 설치(-D, --save-dev) : 개발할 때만 도움을 받는 용도
$ npm install 패키지명 -D

package.json 살펴보기

{
  "name": "test", // 프로젝트 이름(폴더 이름, 변경 가능)
  "version": "1.0.0", // 프로젝트 버전
  "description": "", // 프로젝트에 대한 간단한 설명
  "main": "index.js", // 하나의 패키지처럼 만들어서 npm에 업로드할 때 필요한 옵션 (웹사이트 제작 시엔 불필요)
  "scripts": { // 프로젝트 내부에서 사용할 수 있는 커스텀 스크립트 명령어 (run 명령어를 통해 실행)
    "dev": "parcel index.html", // 개발 서버를 로컬에서 열어주는 기능을 동작시킴
		"build": "parcel build index,html" // 실제 사용자들이 보는 용도로 출력됨
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
	"devDependencies": { // 개발용 의존성 패키지
    "parcel-bundler": "^1.12.5" // 
  },
  "dependencies": { // 일반 의존성 패키지
    "lodash": "^4.17.21"
  }
}

# package.json 내 script에 정의된 dev를 실행한다.
$ npm run dev

위 구조는 가장 기본적인 구조이며 실제 애플리케이션을 만들 때 자주 사용되는 속성은 다음과 같다.

• scripts
• dependencies
• devDependencies