NPM 사용 가이드 총정리 (설치부터 삭제까지..)

NPM 은 무엇인가?

NPM(Node Package Manager)은 Node 로 만들어진 패키지를 관리하는 도구이다.
개발 시 필요한 컴포넌트, 프레임워크, 라이브러리 등등 여러 가지를 다운 받아서 개발하고자 하는 웹사이트에 반영할 수 있도록 제공하는 도구 이다.
NPM 웹사이트(https://www.npmjs.com/)를 통해서 패키지를 검색하고 CLI (Command-Line Interface) 를 통해 패키지를 다운로드 받고, 설치하고, 업데이트 할 수 있다.

NPM 웹사이트

NPM은 어떻게 설치 해야 하는가?

NPM 은 Node.js (https://nodejs.org/)에 포함 되어 있다. 따라서 Node.js 를 설치하면 된다.

Node 다운로드

어떤 버전의 Node 가 설치 되어 있는지 확인 하는 방법은 아래와 같다.

node -v

어떤 버전의 NPM 이 설치 되어 있는지도 확인 할 수 있다.

npm -v

결과
NPM 버전

NPM Package

NPM Package

오른쪽에 얼마나 유명한지, 퀄리티는 어떤지, 유지보수는 잘 되는지를 표시 해 주고 있다.

NPM Package 찾기

npm 웹사이트에서 필요로 하는 패키지를 검색한다.

NPM search

Package 를 찾았으면 패키지의 자세한 정보(주간 다운로드 수, 버전, 라이센스, git 리포지토리, 패키지 사용방법 등)를 확인 할 수 있다.

NPM search detail

NPM 으로 개발 환경 만들기

우선 개발환경을 꾸미고 싶은 폴더를 생성하고 해당 폴더에 진입한다.

mkdir npmtest
cd npmtest

아래 명령어를 입력한다.

npm init -y

package.json 파일이 생성된다.

NPM init

하단에서 설명하겠지만 우선 Package 를 하나 설치 한다. (따라 해 보기)

npm install lodash

package-lock.json 파일과 함께, node_modules 폴더가 생성된다.

NPM init

package.json 과 package-lock.json 의 자세한 설명은 별도로..

NPM Package 설치 방법

npm install 패키지 이름

예) npm install lodash

결과)
NPM install

옵션 -g 를 쓰면 해당 폴더만이 아닌 시스템 어디서든 패키지를 사용할 수 있다.

NPM Pakcage 업데이트 하는 방법

npm update 패키지명

예) npm update lodash

설치된 패키지를 한꺼번에 업데이트 하려면?

npm update --save 

업데이트가 됐는지 확인 해 보려면?

npm outdated

업데이트 전
NPM outdated

업데이트 후
NPM outdated

설치된 NPM Package 를 알아보기

npm list 

NPM list

패키지에 포함된 패키지들도 모두 나오므로 보기 힘들다.

npm list --depth=0

최상단 패키지 이름만 나온다.

NPM Package 삭제 하는 방법

설치한 패키지 중에 더 이상 사용하지 않거나, 잘못 설치한 경우 삭제 할 수 있다.

npm uninstall 패키지명

예) npm uninstall lodash

결과)
NPM uninstall

패키지가 삭제 되었는지 list 를 사용하여 확인 할 수 있다.

공유하기