본문 바로가기
React/기초

npm i create-react-app 와 npx create-react-app my-app 의 차이점

by 뿌비 2024. 10. 6.
728x90

npm i create-react-app 

  • create-react-app 도구를 내 컴퓨터에 설치한다.
  • 예전에는 이 방법으로 도구를 설치한 후에 React 프로젝트를 만들었지만 현재는 이 방법을 사용하는 것을 권장하지 않는다.
  • npm i에서 i는 install의 약자이며, 패키지를 설치하라는 명령을 의미한다.
    (npm install create-react-app은 npm i create-react-app과 동일한 의미)

npx create-react-app my-app

  • create-react-app 도구를 임시로 다운로드해서 바로 실행한다.
  • my-app은 만들고 싶은 프로젝트 이름을 적어주면 된다.
  • npx를 사용하면 매번 설치할 필요 없이 최신 버전으로 프로젝트를 쉽게 만들 수 있다.

간단 요약

npm i create-react-app: 도구를 설치하는 예전 방법 (현재는 잘 사용하지 않음)

npx create-react-app: 최신 도구를 사용해서 바로 프로젝트를 만드는 간편한 방법 (이 방법을 사용 하자!)


npx create-react-app my-app와 create-react-app my-app의 차이는?
☞ 주로 패키지를 실행하는 방식에 있다.

 npx create-react-app my-app

  • npx는 Node.js의 패키지 실행 도구이다. npx를 사용하면 설치된 패키지나 GitHub에 있는 패키지를 일시적으로 다운로드하여 실행할 수 있다.
  • create-react-app 패키지를 별도로 설치하지 않고도 최신 버전을 사용하여 my-app라는 이름의 React 프로젝트를 생성할 수 있다. npx는 항상 최신 버전을 다운로드하여 사용하므로, 항상 최신 기능과 버그 수정이 적용된 상태로 프로젝트를 생성할 수 있다.

create-react-app my-app

  • create-react-app이 전역으로 설치되어 있어야만 사용할 수 있다. 만약 create-react-app이 전역에 설치되어 있지 않거나 예전 버전일 경우, 오류가 발생하거나 구버전이 사용될 수 있다.

간단 요약

npx create-react-app: 패키지를 일시적으로 다운로드하고 실행, 항상 최신 버전 사용

create-react-app: 전역 설치가 필요, 설치된 버전에 의존

 

※ 현재는 npx를 사용하는 것이 더 안전하고 추천되는 방법이다.

728x90