🟦 [React] npm, npx 차이

** npm 명령어
npm create vite@6.1.0

// (create-next-app 는 Next.js 프로젝트를 쉽게 생성하는 공식 CLI 도구)

** npx 명령어
npx create-next-app@latest
npx create-next-app@14 next-page-router
npx create vite@6.1.0

 

npx 란?

- Node.js 8.2.0 이상부터 기본적으로 포함된 도구로, 패키지를 실행하는 용도로 사용
- npx를 활용하면 특정 패키지를 실행하기 위해 전역 설치 없이도 사용할 수 있음

1. npx의 특징
- 전역 설치 없이 패키지를 실행
> 필요한 패키지를 일시적으로 다운로드한 후 실행하고, 이후 해당 패키지를 삭제
> 일회성 실행이 필요한 경우 매우 유용
> ex) npx cowsay "Hello, npx!"
> cowsay 패키지를 임시로 다운로드하여 실행한 후 제거

- 프로젝트 로컬 패키지 실행
> node_modules/.bin 내부의 패키지를 찾아 실행
> 전역 설치 없이 프로젝트 내에서만 설치된 패키지를 실행하는 것이 가능
> npm install eslint --save-dev (현재 프로젝트에만 설치)
> npm -g install eslint --save-dev (전역에 설치)
> npx eslint .

- 특정 버전의 패키지 실행
> npx를 이용하면 특정 버전의 패키지를 설치하지 않고 실행
> npx typescript@4.5 --version

- 설치된 패키지가 없는 경우 설치 후 실행
> npx create-react-app my-app

2. npx 사용시 주의할 점
- 반복적으로 사용할 경우 설치하는 것이 더 효율적
- npx는 임시로 다운로드 후 실행하는 방식
- 자주 실행하는 패키지는 전역 또는 로컬로 설치하는 것이 더 효율적
- npx는 원격에서 패키지를 다운로드하여 실행하므로, 신뢰할 수 있는 패키지만 실행
- npx는 실행한 패키지를 캐시에 저장하여 동일한 패키지를 다시 실행할 경우 빠르게 실행
- npx는 npm과 함께 제공되는 강력한 도구로 패키지를 실행하는 용도로 사용

---