npm, pnpm, npx, yarn 정

JavaScript 프로젝트 관리 도구들

개발 및 유지보수를 도와주는 방법

1. 의존성 관리

2. 버전 관리

3. 초기 환경 설정 및 빌드 스크립트

4. 일회성 명령어 실행

5. 성능 및 안정성 개선

npm, pnpm, npx, yarn 장단점과 차이점

npm

• Node.js에 내장되어 있어 추가로 설치할 필요가 없습니다.

• 사용자들이 만들어 놓은 다양한 모듈을 쉽게 사용할 수 있습니다.

• npm은 패키지 매니저의 시초와 같아 생태계가 매우 풍부하지만, node_modules 폴더 크기가 커져 불필요한 프로젝트 삭제 시 시간이 오래 걸립니다.

• 패키지 간의 의존성 문제가 발생할 수 있어, 이를 해결하기 위해 package.json이 필요합니다.

pnpm

• 다른 JavaScript 패키지 매니저에 비해 최대 2배 이상 빠릅니다. (의존성마다 설치가 병렬적으로 수행되기 때문)

• 프로젝트별로 node_modules에 매번 패키지를 설치하는 대신, global 저장소에 패키지를 한 번만 저장하여 저장 공간을 절약할 수 있습니다.

• npm을 사용했던 개발자들이 쉽게 적용할 수 있습니다.

• 모노레포 지원

• npm 9.4v 부터 isolated node_modules 모듈 지원

• 특정 패키지를 한 번만 설치하기 때문에 프로젝트별로 연결을 해놓으면 호환 문제가 발생할 수 있습니다. 따라서 프로젝트 간 호환 문제를 피하기 위해 버전 관리를 철저히 해야 합니다.

npx

• npx를 통해 프로젝트에 필요한 도구를 쉽게 실행할 수 있습니다.

• 로컬에 설치하지 않고 일회성으로 패키지를 실행할 수 있습니다.

• 패키지를 설치하고 업데이트하지 않더라도, npm 레지스트리에 올라가 있는 최신 버전을 실행시킬 수 있습니다.

• 필요할 때만 실행하므로, 프로젝트 간에 패키지 충돌을 피할 수 있습니다.

• 인터넷 연결이 필요합니다.

• 내부적으로 캐시를 사용하고, 이를 관리하기 위한 추가적인 과정이 필요합니다.

• 보안 및 버전 관리에 대한 주의가 필요합니다.

yarn

• lock 파일은 package.json에서 사용하는 버전 숫자의 혼란을 줄여줍니다.

• npm의 보안 문제를 해결하고 안정성을 보장합니다.

• 여러 개의 패키지를 병렬로 설치해 속도 측면에서 우수합니다.

• yarn.lock 파일의 버전 관리로 인해 기존 모듈이 최신화될 수 있으며, 이 경우 하위 호환을 보장하지 않는 모듈의 경우 에러가 발생할 수 있습니다.

• 최근 버전의 npm에서도 성능이 개선되어 성능 차이가 크게 나지 않을 수 있습니다.

• npm보다 다운로드 크기가 크고, 디스크 공간을 더 많이 차지할 수 있습니다.

• 더 많은 메모리를 사용할 수 있습니다.

그러면 어떤 상황에서 어떤걸 써야 할까?

📌 npm

웹 애플리케이션 개발, 서버 개발, CLI 도구 등 다양한 유형의 프로젝트에 적합

📌 pnpm

여러 프로젝트 간에 의존성을 공유하고자 하거나,
디스크 공간을 효율적으로 사용하고자 하는 프로젝트에 적합

📌 npx

특정 스크립트나 도구를 일회성으로 실행해야 하는 경우에 적합

📌 yarn

대규모의 웹 애플리케이션 또는 모듈화된 프로젝트에 적합

기능 비교