npm(노드 패키지 매니저) 간단 정리

 

 

맨날 쓰는건데 아무 지식 없이 쓰는거라 한번 공부해봤다.

---

NPM(Node Package Manager)

- 노드패키지매니저

- 자바스크립트 패키지 관리자

- 자바스크립트 라이브러리가 있는 공개 저장소

- NPM(Node Package Manager)는 명령어로 자바스크립트 라이브러리를 설치하고 관리할 수 있는 패키지 매니저

→ 자바스크립트 라이브러리를 npm 명령어로 편하게 다운 가능

 

npm 사용이유

1. 라이브러리 버전관리에 굿 → 걍 pacakage.json 에서 슥슥 세팅하면 끝
2. cdn 일일이 검색하고 찾지 않아도 된다 → 걍 install 명령어로 빠르게 세팅

 

버전확인

npm -v

 

npm 초기화

npm init  // ← 이름, 버전 등등 겁나 물어봄.. 어짜피 따로 세팅하는게 더 편함

npm init -y  // ← 기본값으로 바로 생성

npm 설치 및 삭제

npm install  // npm을 설치함
npm install jquery  // 제이쿼리를 **지역 설치
npm install jquery --global // 제이쿼리를 **전역 설치
npm uninstall jquery  // 제이쿼리 제거

명령어 축약

// 둘 다 같은거임
npm install jquery --save-dev
npm i jquery -D

npm 지역설치 or 전역설치
지역 설치는 해당 프로젝트 폴더가 아닌,

시스템 레벨에 설치됨 (AppData\Roaming\npm\node_modules에 설치됨)

pacakage.json 의 dependencies & devDependencies 차이

npm i jquery // dependencies에 설치

npm i jquery -D // devDependencies 설치

 

dependencies

- 배포용 라이브러리

- 애플리케이션 로직과 연관이 있는 것들, 화면의 로직과 직접적인 연관 ...

(ex- jquery, react, angular, vue 등)

 

devDependencies (배포가 안됨!)

- 개발용 라이브러리

- 개발을 할때 도움을 주는, 개발 보조용 라이브러리 ...

(ex- webpack, js-compression, sass 등)

 

즉, 구분해놓지 않으면 쓸모 없는 게 배포가 되서 빌드가 오래걸릴 수 도있음!!!!

 

---

 

공부 내용 출처 : https://inf.run/amsD

프론트엔드 개발자를 위한 웹팩 강의 - 인프런