npm vs npx 차이, 15초 모션 영상으로 정리합니다 | DAKER 커뮤니티
npm은 패키지를 설치·관리하는 도구이고, npx는 패키지의 실행 파일을 바로 실행하는 도구입니다. 바이브코딩을 시작하면 가장 먼저 만나는 두 명령어의 차이를 15초 모션 영상으로 정리했습니다. 아래 미리보기로 바로 보실 수 있고, 원본 MP4(1920×1080, 30fps)는 글 아래 첨부 파일에서 재생하실 수 있습니다.
npm은 패키지 관리자입니다
npm 공식 문서는 npm install을 "패키지와 그 패키지가 의존하는 패키지들을 설치하는 명령"이라고 설명합니다. 프로젝트 폴더에서 실행하면 패키지가 node_modules 폴더에 설치되고, 기본적으로 package.json의 dependencies에 기록됩니다(npm-install 문서).
npm install react # 프로젝트에 설치 + dependencies에 기록
npm install -D eslint # 개발용(devDependencies)으로 설치
npm install # package.json에 적힌 의존성을 한 번에 설치npx는 패키지 실행기입니다
npm 공식 문서는 npx를 "로컬 또는 원격 npm 패키지의 명령을 실행하는 도구"라고 정의합니다. 프로젝트에 이미 설치된 패키지가 있으면 그 실행 파일을 쓰고, 없으면 npm 캐시 폴더에 받아서 실행합니다. 이때 설치 전에 확인 질문이 나오며, --yes로 생략할 수 있습니다(npx 문서).
npx create-next-app@latest my-app # 프로젝트 생성 도구를 설치 없이 한 번 실행
npx eslint . # 프로젝트에 설치된 eslint 실행npx는 언제부터 npm에 들어 있었나요
npx는 2017년 7월 npm 5.2.0부터 npm에 함께 포함되었습니다(npm v5.2.0 릴리스 노트). 이후 npm 7.0.0에서 npm exec 기반으로 다시 작성되었으므로, 지금은 npm을 설치하면 npx도 함께 쓸 수 있습니다(npx 문서).
한 줄 정리
- npm: 프로젝트에 계속 쓸 라이브러리를 설치하고 버전을 관리할 때 씁니다.
- npx: 프로젝트 생성기나 CLI 도구처럼 한 번 실행하면 되는 명령에 씁니다.