cheoljun.dev

NPM vs NPX – 헷갈리는 둘의 차이, 깔끔하게 정리해봅시다!

ID
69
status
Public
menu
Frontend
submenu
Next.js
tags
summary
thumbnail
9fabbc7f73ea6dddb713197ee2df6c9f.webp
date
May 28, 2025
개발을 하다 보면 npx와 npm을 번갈아 쓰게 되는데요, 처음에는 뭐가 다른지 헷갈리기 마련이죠. 저도 처음엔 "npm이랑 npx 뭐가 다른 거지?" 하고 몇 번이나 구글링했었어요. 😂 그래서! 이 글에서는 npm과 npx의 차이를 딱! 정리해드릴게요.
 

npm은 패키지를 설치하는 명령어

먼저 npm은 Node.js의 패키지 매니저예요. 보통 패키지를 설치하거나 관리할 때 사용하죠.
예시:
npm install eslint
이렇게 하면 eslint 패키지가 node_modules 폴더에 설치되고, package.json에 기록돼요.
 

npx는 패키지를 실행하는 명령어

npx는 설치된 패키지를 바로 실행해주는 명령어예요. 한 번 쓰고 말 패키지라면 굳이 설치할 필요 없이 실행만 할 수 있어요.
예시:
npx eslint .
위 명령어는 eslint가 설치돼 있든 없든, 알아서 실행해줘요. 설치가 안 돼 있으면 자동으로 다운로드해서 실행 후 바로 삭제하기까지! 🤯
 

요약 비교

구분
npm
npx
목적
패키지 설치
패키지 실행
설치 필요
O
X (일회성 실행 가능)
예시
npm install create-react-app
npx create-react-app my-app

언제 어떤 걸 써야 할까?

  • ✅ 프로젝트에 패키지를 추가할 땐 npm install
  • ⚡ 패키지를 잠깐 실행만 할 땐 npx
    • (예: create-react-app, eslint, prettier 등 초기 실행)

마무리

이제 npm과 npx가 어떻게 다른지 감이 오시죠?
간단히 말하면, npm은 설치, npx는 실행이에요.
특히 단발성 도구 실행할 땐 npx 덕분에 훨씬 깔끔하고 빠르게 작업할 수 있답니다!
Cheoljun Park
Fullstack Developer

구현 과정과 트러블슈팅, 배운 것들을 기록합니다.

댓글