[JavaScript] npm install [패키지 명] --save와 --save -dev의 의미

2021. 8. 8. 17:56·JavaScript
반응형

npm 이란?

npm 은 자바스크립트 프로그래밍 언어를 위한 패키지 관리자이다.

자바스크립트 런타임 환경 Node.js의 기본 패키지 관리자이다.  [위키백과]
npm 이란 Node Packaged Manager(노드 패키지 관리자)의 약자이다.
→ JavaScript 모듈을 설치하기 위해 사용된다. 예로 'pnpm', 'Yarn' 등이 있다.

 

Node.js의 기본 패키지 관리자이므로 Node.js가 설치되어 있다면 npm을 사용하기 위해 따로 무언가 할 필요는 없다.

 

npm에 대한 자세한 설명

https://docs.npmjs.com/about-npm

 

About npm | npm Docs

Documentation for the npm registry, website, and command-line interface

docs.npmjs.com


npm install 이란?

npm을 이용하여 패키지를 설치할때 사용된다.
npm install [패키지 명]

npm install [패키지 명] --save

package.json 파일에 dependencies 에 패키지를 등록한다.

--save를 추가하지 않아도 자동으로 dependencies 항목으로 추가가 된다.

npm install [패키지 명] --save -dev

package.json 파일에 devDependencies 항목에 패키지를 등록한다.

dependencies, devDependencies 의 차이는?

실제 상품에서 사용할 패키지와 개발용 패키지의 차이이다.

 

dependencies 기술 스펙으로 사용될 패키지 런타임에 필요
devDependencies 개발 시 필요한 패키지 컴파일(빌드)에 필요

참고자료

https://ko.wikipedia.org/wiki/Npm_(%EC%86%8C%ED%94%84%ED%8A%B8%EC%9B%A8%EC%96%B4) 

 

npm (소프트웨어) - 위키백과, 우리 모두의 백과사전

 

ko.wikipedia.org

https://docs.npmjs.com/about-npm

 

About npm | npm Docs

Documentation for the npm registry, website, and command-line interface

docs.npmjs.com

 

반응형
저작자표시 비영리 변경금지 (새창열림)
'JavaScript' 카테고리의 다른 글
  • [JavaScript] Default Export 와 Named Export 비교
  • [JavaScript] Ajax, Axios, fetch 용어 정리 및 장/단점 비교
  • [JavaScript] 비동기 처리 - Async / Await이란 무엇인가?
  • [JavaScript] ...에 대한 Spread 와 Rest
꾸매코더
꾸매코더
웹 / 앱 개발자
  • 꾸매코더
    꾸매코딩
    꾸매코더
  • 전체
    오늘
    어제
    • 분류 전체보기 (96)
      • JavaScript (18)
        • Deep Dive (0)
      • React (5)
      • React-Native (9)
      • CSS (3)
      • TypeScript (1)
      • CS (10)
      • GitHub (4)
      • Clone Coding (15)
        • Kakaotalk [HTML + CSS] (10)
        • Momentum [JavaScript] (5)
      • Project (30)
        • Timer Project (14)
        • Netflix [React + Hooks] (12)
        • ToDoList [React-Native] (4)
      • 회고 (1)
  • 링크

    • Github
  • hELLO· Designed By정상우.v4.10.3
꾸매코더
[JavaScript] npm install [패키지 명] --save와 --save -dev의 의미
상단으로

티스토리툴바