NPM, NPX, YARN, 쉽게 이해해보자!

본격적으로 리액트를 공부하려고 할 때, 터미널에 가장 먼저 치는 명령어는 npm(yarn) 또는 npx가 포함된 명령어야.

그럼 이 npm, yarn, npx가 무엇인지 간단하게 알아보자!

---

NPM (Node Package Manager)

NPM은 Node Package Manager의 약자로, Node.js의 기본 패키지 관리자야. Node.js와 함께 설치되고, Node.js 애플리케이션의 종속성을 관리하고 패키지를 설치, 업데이트, 제거하는 데 사용돼.

주요 기능

• 패키지 설치:
  • 의존성 설치: npm install <패키지 이름> --save
  • 개발 의존성 설치: npm install <패키지 이름> --save-dev
• 패키지 제거: npm uninstall <패키지 이름>
• 패키지 업데이트: npm update <패키지 이름>
• 패키지 실행: npm run <스크립트 이름>
• 글로벌 패키지 설치/제거:
  • 설치: npm install -g <패키지 이름>
  • 제거: npm uninstall -g <패키지 이름>
• 패키지 초기화: npm init
  • package.json 파일로 npm 프로젝트 초기화
• 프로젝트 생성: npm create <패키지 이름>
  • 내부적으로 npx를 사용하여 프로젝트 생성

특징

• Node.js와 함께 설치돼.
• .npmrc 파일을 통해 설정 가능.
• package-lock.json 파일로 패키지 버전 고정.

---

NPX (Node Package Execute)

NPX는 Node Package Execute의 약자로, Node 패키지를 실행하는 도구야. Node.js를 설치하면 자동으로 설치돼.
npx를 사용하면 npm으로 로컬 또는 글로벌로 다운로드 받지 않은 패키지도 실시간으로 설치하여 실행할 수 있어.

주요 기능

• 일회성 패키지 실행: npx <패키지 이름>
• 특정 버전 패키지 실행: npx <패키지 이름>@<버전>

특징

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

---

YARN

YARN은 페이스북에서 개발한 패키지 매니저야. YARN은 더 빠르고, 더 안전하며, 더 확정적인 의존성 관리를 목표로 개발되었어.

주요 기능

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

특징

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

---

비교

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