[Node.js] npm 패키지

npm 패키지란?

npm이란 Node.js 패키지 관리자로 Node Package Manager의 약자입니다. Node.js를 설치하게 되면 자동으로 설치되며, npm은 자바스크립트 라이브러리를 설치하고 관리할 수 있는 패키지 매니저입니다. 

IT 개발자들이 npm명령어를 통하여 자바스크립트 라이브러리를 쉽게 다운로드하고 관리하며 사용할수 있습니다.

npm 패키지는 프론트엔드 프로젝트에서 많이 사용되며, 특히 Vue.js, React.js 와 같은 자바스크립트 프레임워크를 사용할 때에 npm으로 프로젝트의 버전을 쉽게 관리할 수 있습니다.

 

Node.js 다운로드 : https://nodejs.org/ko

Node.js

 

npm 사용하기

npm을 사용하려면 npm이 정상적으로 설치되어 있는지 확인이 필요합니다.

#node.js 버전확인
> node -v

#npm 버전확인
>npm -v

또한 npm을 사용하려면 초기설정이 필요한데 npm init 명령어를 실행하게 되면 초기설정을 하게 되며 package.json 파일을 생성하게 됩니다.

그후에 npm 패키지를 설지 하면 됩니다.

#npm 패키지 설치
$ npm install [패키지]

#npm 패키지 제거
$ npm uninstall [패키지]

#npm 패키지 전역 설치
$ npm install [패키지] --global

패키지 최초 설치시에는 node_modules 폴더가 생성되며 그 하위폴더에 패키지 폴더 생성되어 설치됩니다. 설치된 패키지 버전 관리는 npm 초기설정 시 생성되었던 package.json 파일의 Dependencies 항목에서 확인이 가능합니다.

 

npm 명령어

npm에서 사용되는 명령어 목록을 확인하고 싶다면 npm만 입력하여 확인이 가능합니다. 

$ npm

npm <command>

Usage:

npm install        install all the dependencies in your project
npm install <foo>  add the <foo> dependency to your project
npm test           run this project's tests
npm run <foo>      run the script named <foo>
npm <command> -h   quick help on <command>
npm -l             display usage info for all commands
npm help <term>    search for help on <term>
npm help npm       more involved overview

All commands:

    access, adduser, audit, bugs, cache, ci, completion,
    config, dedupe, deprecate, diff, dist-tag, docs, doctor,
    edit, exec, explain, explore, find-dupes, fund, get, help,
    hook, init, install, install-ci-test, install-test, link,
    ll, login, logout, ls, org, outdated, owner, pack, ping,
    pkg, prefix, profile, prune, publish, query, rebuild, repo,
    restart, root, run-script, search, set, shrinkwrap, star,
    stars, start, stop, team, test, token, uninstall, unpublish,
    unstar, update, version, view, whoami

Specify configs in the ini-formatted file:
    /Users/.npmrc
or on the command line via: npm <command> --key=value

More configuration info: npm help config
Configuration fields: npm help 7 config

npm@9.2.0 /Users/.nvm/versions/node/v19.3.0/lib/node_modules/npm

 

devDependencies 란 무엇인가?

npm 설치시 라이브러리가 배포용(dependencies)과 개발용(devDependencies)으로 구분되어야 합니다. 그 이유는 웹개발 배포 시 필요 없는 패키지를 빌드(build) 하지 않으므로써, 시간단축과 함께 리소스 관리에 도움이 되기 때문입니다.

패키지명	패키지 설명
webpack	빌드 도구
eslint	코드 문법 검사
imagemin	이미지 압축
scss	CSS 전처리

#devDependencies 설치

$ npm install [패키지명] -D

 

devDependencies 설치된 패키지 버전관리는 package.json 파일의 devDependencies 항목에서 확인이 가능합니다.