리액트 npm, npx

NPM, NPX 차이

NPM (Node Package Manager)

패키지를 node_modules에 설치해서 사용
프로젝트에서 계속 사용할 패키지에 적합
예시: npm install react

NPX (Node Package eXecute)

패키지를 임시로 다운로드해서 실행하고 삭제
일회성 명령어나 도구 실행할 때 사용
예시: npx create-react-app my-app

# NPM - 프로젝트에 설치해서 계속 사용
npm install typescript
npm install react

# NPX - 한 번만 실행하고 끝
npx create-react-app my-app
npx prettier --write .
npx eslint --init

NPX의 장점:

node_modules 용량 절약
항상 최신 버전 실행
일회성 도구 사용에 편리

예를 들어, 프로젝트 생성 도구인 create-react-app은 프로젝트 만들 때 딱 한 번만 쓰니까 npx로 실행하는 거고, react 자체는 프로젝트에서 계속 써야 하니까 npm으로 설치하는 거죠!