[TIL] npm vs npx vs yarn

🇰🇷 20230815 TIL

Next.js 기초 강의를 듣던 중 프로젝트 create를 npx로 하길래 npm과 뭐가 다르지? 그렇다면 yarn이랑은? 궁금해져서 간단하게 찾아보고 정리하였다.

---

1. npm

자바스크립트 런타임 환경 Node.js의 기본 패키지 관리자

• Node Package Manager라는 말 그대로 노드 환경에서의 패키지 매니저를 의미한다.
• 자바스크립트 환경에서 프로젝트를 시작할 때 node와 함께 설치하라고 하는 Getting Started가 많고 사용 빈도가 높다.
• `npm install 모듈명 -g` : npm을 통해 -g 옵션을 주면 매 프로젝트마다 모듈을 설치해 줄 필요가 없고 내 컴퓨터 안에서 글로벌하게 모듈이 설치되어 프로젝트마다 같은 모듈을 공유해서 사용할 수도 있다.
• 단점
  1. 모듈이 업데이트 되었는지 안되었는지 확인이 불가능하다.
     • 모든 프로젝트마다 모듈을 재설치하는 것이 아닌, 한 번 설치한 모듈을 그대로 사용하므로 개발자가 의식해서 글로벌 모듈을 최신 버전으로 재설치하지 않으면 확인 자체가 불가능하다.
  2. 업데이트를 진행했을 때 변동사항이 생겨 다른 프로젝트에도 영향을 끼칠 수 있다.
  3. create-react-app 같은 보일러플레이트에는 치명적이다.

 

 

---

2. npx

Execute Npm Package Binaries의 줄임말로, npm에 속해 있는 npm 패키지 실행 도구이다.

• npx가 패키지 '실행 도구'라는 것이 npm과의 큰 차이점이자 장점이다.
  • 모듈을 로컬에 저장하지 않고, 매번 최신 버전의 파일만을 임시로 불러와 실행 시킨 후에, 다시 그 파일은 없어지는 방식으로 모듈을 실행시켜준다.
  • npx는 해당 패키지를 실행만 되게 해주기 때문에 가볍게 사용할 수 있다.
• 개발자의 입장에서는 큰 차이가 없지만, 실행하는 사람의 입장에서는 큰 차이점을 갖는다.
• create-react-app과 같은 보일러플레이트 모듈에 효과적이다.
  • 매번 최신 버전만을 가져와서 설치해주므로 지금 어떤 버전을 사용하고 있는지에 연연하지 않을 수 있다.

 

 

---

3. yarn

페이스북에서 만든 자바스크립트 패키지 매니저로, 기본적으로는 npm과 같은 기능을 수행한다.

• npm의 단점을 향상시키기 위해 만들어진 매니저 툴이다.
  • 속도 : 다운받은 패키지 데이터를 캐시(cache)에 저장하여, 중복된 데이터는 다운로드 하지 않고 캐시 데이터를 활용함으로써 이론적으로 npm에 비해 패키지 설치 속도가 매우 빠르다.
  • 안정성, 보안성 : yarn은 yarn.lock이나 package.json으로부터 설치만 하고, yarn.lock은 모든 디바이스에 같은 패키지를 설치하는 것을 보장해주기 때문에 버전의 차이로 생기는 버그를 방지해줄 수 있다.

 

 

---

참고 사이트

[Node] npm vs npx vs yarn

npm과 npx의 차이에 대해서

[개발상식] npm과 yarn