CH01. NodeJs

Node.js

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

• 자바스크립트로 제어 가능한 환경
  1. 컴퓨터 -> Node.js의 도움을 받아 브라우저에서 동작 가능한 결과(HTML, CSS, JS)로 변환함
  2. 웹 브라우저

NPM

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

• 사용방법
  npm install 모듈/패키지 이름

• npm 프로젝트 만들기
  npm init
  -> package.json 파일 생성됨

  • 플래그
    -y: 질문 생략 가능

• 패키지 설치시 용도구분

  1. 배포용 :일반 의존성 패키지
  2. 개발용 :개발 의존성 패키지
  • 플래그
    --save-dev = -D
    

#기본 파일/폴더

• package.json
  : 프로젝트가 직접적으로 의존하고 있는 패키지들을 관리하는 파일
• package-lock.json
  : 설치하는 패키지들의 관계나 버전 정보를 명시해두는 파일
• node_modules
  : 설치하는 패키지에 연결된 다른 패키지들도 같이 설치되는 폴더
  -> 삭제해도 npm install시 다시 생김
• dist
  : 배포 시, dist 폴더 안 결과만 업로드하면 됨
• .gitignore
  : node-modules, dist와 같이 버전 관리에서 무시할 폴더 이름을 명시

• parcel bundler
  : ts파일을 브라우저에서도 동작할 수 있도록 js파일로 변환 시켜줌
  -> dist 폴더에서 확인가능

• build script
  : 실제 서비스로 배포 하기위해 제품용으로 빌드
  -> dist 폴더 내 파일들은 난독화됨
  

유의적 버전(SemVer)

: 프로젝트가 개발되는 특정한 시점 상태에 의미를 부여해 숫자를 매기는 방법

• (옵션)Major.Minor.Patch
  • Major: 기존 버전과 호환되지 않는 새로운 버전
    -> 크게 변경사항이 있을 경우 올라감
  • Minor: 기존 버전과 호환되는 기능이 추가된 버전
  • Patch: 기존 버전과 호환되는 버그 및 오타 등이 수정된 버전
  • (옵션) ^: Major 버전 안에서 가장 최신 버전으로 업데이트 가능
    -> 기존 버전과 호환이 가능한 선에서 가장 최신 버전
  • (옵션) ~: Minor 버전 안에서 가장 최신 버전으로 업데이트 가능

• 모듈/패키지 버전 정해서 설치
  npm install 모듈/패키지명@버전
• 옵션 안에서 최신 버전으로 업데이트
  npm update 모듈/패키지명

🍀TIP

• 터미널 초기화 명령어: clear, cls
• 기본내용 자동생성: ! + Enter 키