[패스트캠퍼스 강의] NODEJS

 

Node.js

Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임

                                                                 -> 프로그래밍 언어가 동작하는 환경

-> JavaScript의 문법을 해석하고 그것을 실제로 동작시켜줄 수 있는 엔진

 

웹브라우저에서는 HTML, CSS, JS만 작동.

개발을 도와주는 모듈을 설치해서 도움을 받고자 할 때, Node.js를 통해서 JavaScript로 변환 필요.

 

https://nodejs.org/en

Node.js

 

LTS 버전 설치. 

 

node --version

 

 

npm

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

npm 생태계 안에 있는 패키지를 우리의 프로젝트로 install해서 사용할 수 있음. 

관리 효율 증가, 손쉬운 기능 고도화 / 학습 난이도가 증가하고, 구성이 복잡

 

 

clear

터미널 초기화 

 

npm init

// 기본 질문 생략 가능
npm init -y

 

 

package.json 생성됨. 

 

---

 

parcel

웹사이트에서 동작할 내용을 묶어주는 역할 (bundler).

웹사이트에서 직접적으로 동작하는 패키지 아님. 

개발용으로만 사용. (--save-dev) devDependecies

npm install parcel --save-dev
npm install --save-dev parcel 
npm install -D parcel

 

parcel 폴더 안에도 package.json 파일이 있음.

의존하는 다른 패키지들도 함께 모두 설치됨. (이런 관계 정보는 package-lock.json에 있음)

 

node_modules는 gitignore에 적어주기. 

 

 "scripts": {
    "dev": "parcel ./index.html"
  },

 

npm run dev

 

 

dist 폴더

distribute. 실제 서비스가 될, 빌드된 결과. 

typescript로 만든 코드를 파슬이 변환. 

 

 "scripts": {
    "dev": "parcel ./index.html",
    "build": "parcel build ./index.html"
  },

 

npm run build

 

제품용으로 만듦. 난독화됨. 사람이 해석하는 용도가 아니라 줄바꿈이나 띄어쓰기 같은게 들어가지 않음. 

 

https://parceljs.org/docs/

Parcel Documentation

 

---

 

유의적 버전 (Semantic Versioning, SemVer)

Major.Minor.Patch      4.17.21 

Major : 기존 버전과 호환되지 않는 새로운 버전. 프로젝트에서 크게 변경사항 있을 때.

Minor : 기존 버전과 호환되는 기능이 추가된 버전. 

Patch : 기존 버전과 호환되는 버그 및 오타 등이 수정된 버전. (기능 추가x)

 

^ (caret) : Major 버전 안에서 가장 최신 버전으로 업데이트 가능

npm info lodash
npm install lodash@4.17.19
npm update lodash

caret을 제거하면 update 불가능. 

 

~ : Minor 버전 안에서 가장 최신 버전으로 업데이트 가능