[React] npm, npx, yarn + 패키지 버전 읽는 법

• npm, npx, yarn
  • npm (Node Package Manager)
  • npx (Node Package Execute)
  • yarn
  • 비교
  • 패키지 버전 읽는 법

---

- NPM, NPX, YARN

 

본격적으로 React를 공부하려고 할 때, 터미널에 가장 먼저 치는 명령어 형식이 있다.

 

바로 npm(yarn) 또는 npx가 포함된 명령어이다.

 

이게 뭔지 알고 써야하지 않을까? 해서 포스팅하게 되었다.

 

npm, npx, yarn은 무엇일까?

---

- NPM (Node Package Manager)

 

npm은 Node Package Manager의 약자로 Node.js의 기본 패키지 관리자이다.

 

npm은 Node.js와 함께 설치되며, Node.js 애플리케이션의 종속성을 관리하고

패키지를 설치, 업데이트, 제거하는 데 사용됩니다.

 

 

- 주요 기능

• 패키지 설치:
  • dependency에 설치 : npm install <package name> —save
  • devDependency에 설치: npm install <package name> —save-dev
  • devDependency에 설치: npm install -D <package name>
• 패키지 제거: npm uninstall <package name>
• 패키지 업데이트: npm update <package name>
• 패키지 실행: npm run <script_name>
• 글로벌 패키지
  • 설치: npm install -g <package name>
  • 제거: npm uninstall -g <package name>
• 패키지 초기화: npm init
  • pacakge.json 파일로 npm 프로젝트 초기화 명령어
• 프로젝트 생성: npm create <package name>
  • 내부적으로 npx를 사용해서 패키지를 활용하여 프로젝트 생성

 

- 특징

• node.js와 함께 설치됨
• “.npmrc” 파일을 통해 설정 가능
• “package-lock.json” 파일을 사용하여 패키지 버전을 고정

---

- NPX (Node Package Execute)

 

npx는 Node Package Execute의 약자로 이름 그대로 Node 패키지를 실행하는 도구이다.

 

이는 Node.js를 설치하면 자동으로 설치된다.

 

npx를 사용하면 npm으로 다운로드 받지 않은 패키지도 실시간으로 설치하여 실행할 수 있다.

 

 

- 주요 기능

• 일회성 패키지 실행: npx <package name>
• 특정 버정 패키지 실행: npx <package name>@<version>

 

- 특징

• npm과 함께 설치됨
• 개발 의존성을 줄이고 필요한 경우 패키지를 설치하여 실행
• 임시적으로 패키지를 실행할 때 유용함

---

-  YARN

 

yarn은 페이스북에서 개발한 패키지 매니저이다.

 

yarn은 더 빠르고, 더 안전하며, 더 확정적인 의존성 관리를 목표로 개발되었다.

 

 

- 주요 기능

• 패키지 설치
  • 로컬: yarn add <package name>
  • 전역: yarn global add <package name>
• 패키지 제거
  • 로컬: yarn remove <package name>
  • 전역: yarn global remove <package name>
• 패키지 업데이트: yarn upgrade <package name>
• 패키지 실행: yarn run <package name>

 

- 특징

• 병렬로 패키지를 설치하여 속도 향상
• yarn.lock 파일을 사용하여 더 확정적인 의존성 트리 생성
• 오프라인 모드 지원: 이전에 설치된 패키지를 다시 다운로드하지 않고 설치 가능

---

-  비교

기능/특징	NPM	NPX	YARN
기본 제공	Node.js 기본 패키지 관리자	NPM에 포함됨 (5.2.0 이상)	별도 설치 필요
패키지 설치 속도	보통	N/A	빠름
의존성 고정 파일	package-lock.json	N/A	yarn.lock
병렬 설치 지원	아니요	아니요	예
오프라인 모드	아니요	아니요	예
패키지 실행	npm run <script_name>	npx <package_name>	yarn run <script_name>
사용 편의성	보통	간편함	사용 편의성 높음

---

- 패키지 버전 읽는 법

 

Node.js 패키지를 설치하면 항상 패키지의 현재 버전이 세 자리의 소수점 숫자로 표기되어 있다.

1. Major : 주요 릴리즈
   1. 패키지에서 엄청난 변화가 있을 경우에 해당 위치의 숫자를 증가시킴
   2. 주로 이전 버전과 호환성을 깨트릴 정도의 중요한 패치의 경우 변경됨
2. Minor: 새로운 기능
   1. 패키지에서 새로운 기능이 추가 되었을 경우에 해당 위치의 숫자를 증가 시킴
   2. 이전 버전과의 호환성은 유지함
3. Patch: 버그 수정
   1. 기존에 포함되었던 기능에 대한 버그 수정을 하였을 경우 해당 위치의 숫자를 증가시킴
   2. 이전 버전과의 호환성은 유지함
4. 옵셔널
   1. 특정 버전 뒤에 문자열로 된 의미를 부여하고 싶을 때 사용

---

참고 강의: https://www.sucoding.kr/