본문 바로가기
프론트엔드/React

npm install [-option] / npx

by 학습하는 청년 2024. 5. 4.

최종 수정 : 2024-06-01

NPM

Node Package Manager의 줄인 표현으로, 자바스크립트 패키지 매니저이다. node.js에서 사용할 수 있는 모듈들을 패키지화하여 모아둔 저장소 역할과 패키지 설치 및 관리를 위한 CLI를 제공한다.

 

Q. dependencies에 등록되는 것과 devDependencies에 등록되는 것의 차이는 무엇인가?

# --save 옵션

package.json의 dependency 항목에 모듈을 추가한다는 의미이며, npm@5 부터는 --save 옵션을 기본 옵션으로 저장한다.

옵션 내용
-P (--save-prod) dependencies에 패키지를 등록한다. 프로젝트가 배포 시 사용될 의존성 모듈을 정의하고 설치한다.(default)
-D (--save-dev) devDependencies에 패키지를 등록한다. 개발 단계에서만 사용하는 의존성 모듈을 정의하고 설치한다.
-O (--save-optional) optionalDependencies에 패키지를 등록한다. 선택적 의존성 모듈을 정의하고 설치한다.
--no-save dependencies에 패키지를 등록하지 않는다.
-E (--save-exact) dependencies에 패키지를 등록한다. npm의 기본 SemVer 연산자를 사용하는 대신 정확한 버전으로 설치한다.
-B (--save-bundle) bundleDependencies에 패키지를 등록한다. 번들로 묶을 패키지 의존성 모듈을 정의하고 설치한다.

npx

npm 5.2.0 버전부터 새로 추가된 패키지 실행 도구이며, 패키지들이 가장 최신 버전을 찾아내 npm i -g 명령으로 설치해 준다.

 


참고 자료

리액트 모던 웹 개발 with 타입스크립트 (p.33)

'프론트엔드 > React' 카테고리의 다른 글

Zustand와 Jotai  (0) 2024.05.29
전역 상태관리를 위한 라이브러리  (0) 2024.05.29
useId()  (0) 2024.05.03
컴폰넌트 설계 - 관심사의 분리  (0) 2024.05.01
컴포넌트의 생명주기(lifecycle)  (1) 2024.04.20

댓글