npm이란?

• Node package manager
  node.js 설치하면 자동으로 설치됨
  (다른 프로그램과의 호환 문제가 있기 때문에 LTS 설치를 추천)
• 자바스크립트 프로그래밍 언어를 위한 패키지 관리자
• 자바스크립트 라이브러리 검색하고 다운로드 받을 수 있는 공개 저장소
• npm init : npm 초기화 명령어
  npm init -y : (따로 enter 입력해가며 npm 설정할 필요가 없음)

npm install 방식을 사용하는 이유

• 페이지 레이아웃을 구성하다가 어느 지점에서 라이브러리가 필요할 때
  중간에 script태그를 삽입할 수는 있다.
  하지만 사용된 라이브러리 내용을 일일히 확인하기 힘들고 서로 호환되는 라이브러리의 버전관리가 어렵다.
• 라이브러리 설치시 해당 사이트에 들어가서 가져오는 번거로움을 줄이고 다운로드가 편리하다.
• npm install library (--save-prod) : 디폴트값으로 설정되어있음

(sudo) npm install [라이브러리명] --global / --g

• 일반 npm install과는 다르게 node_modules 폴더가 생성되지 않는다.

전역설치 vs 지역설치란?

• 시스템 상에서 해당 라이브러리의 명령어를 인식하게끔 설정하기위해서 전역 설치를 한다(ex. gulp)
• 프로젝트에서 사용할 라이브러리는 지역설치
• 시스템 레벨에서 사용할 자바스크립트 라이브러리(해당 라이브러리명을 명령어로 인식)는 전역설치

지역설치 옵션 2가지

• npm install library --save-prod
  : pack.json 파일에서 dependencies 항목으로 들어간다.
• npm install library --save-dev (= npm i library -D)
  : pack.json 파일에서 devDependencies 항목으로 들어간다.

dependencies vs devDependencies

• dependencies 어플리케이션 로직을 구현하는 것과 연관이 있는 라이브러리(jquery, react, angular, chart, vue),
  devDependencies 개발을 할 때 도움을 주는 개발용 보조 라이브러리 (webpack, sass)

배포용 라이브러리 vs 개발용 라이브러리

• dependencies vs devDependencies 와 같다.
• npm run build 명령어 실행시 devDependencies 라이브러리는 설치되지 않는다. 꼭 주의해주어야 한다.
• 이 두가지 용도의 구분은 해당 사이트를 갔을 때 설치 명령어를 확인하면 가장 정확하게 알 수 있다. 그리고 해당 라이브러리의 용도를 개발자가 판단해서 설정할 수도 있다.