npx create react app(npm과 npx의 차이점)

boyeonJ·2023년 11월 8일
1

React

목록 보기
22/30
post-custom-banner

npx create react app

React 애플리케이션을 생성하기 위해 create-react-app을 global로 설치하는 방법은 이제는 권장되지 않습니다. 옛날 방식은 npm install -g create-react-app와 같이 create-react-app을 전역으로 설치하고, 그 후에 create-react-app 명령을 사용하여 프로젝트를 생성하는 방식이었습니다.

공식 문서에 나와있는 글

현재는 npx를 사용하여 create-react-app을 실행하는 것이 권장되는 방법입니다. npx는 npm 패키지를 실행하는 데 사용되며, 전역 설치 없이 필요한 패키지를 다운로드하여 실행합니다. 따라서 다음과 같이 npx create-react-app my-app와 같은 명령을 사용하여 새로운 React 애플리케이션을 생성할 수 있습니다. 이렇게 하면 전역 설치를 하지 않아도 되며, 항상 최신 버전의 create-react-app을 사용할 수 있습니다.

npx create-react-app my-app

npx를 사용하는 것은 React 애플리케이션을 초기화하는 권장 방법이며, 이 방식을 따르면 프로젝트를 빠르게 시작할 수 있습니다.

npm을 권장하지 않는 이유는?

npm을 사용하여 React 애플리케이션을 생성하는 방식은 이제는 권장되지 않는 이유가 몇 가지 있습니다:

  1. 버전 관리의 어려움: npm을 통해 create-react-app을 전역으로 설치하면 한 번 설치한 버전을 계속 사용하게 됩니다. 이로 인해 애플리케이션을 생성할 때 사용되는 create-react-app의 버전이 고정되어, 새로운 업데이트나 개선 사항을 활용하기 어렵습니다.

  2. 로컬 프로젝트 관련성 부족: 전역으로 create-react-app을 설치하면 로컬 프로젝트와의 관련성이 부족하게 됩니다. 새로운 React 프로젝트를 생성할 때 로컬 프로젝트 디렉토리에서 직접 실행하는 것이 더 관련성이 높으며, 프로젝트의 요구 사항에 따라 create-react-app 버전을 선택하고 업데이트하는 것이 훨씬 효과적입니다.

  3. npx의 등장: npxnpm 패키지를 실행하는 간편한 방법을 제공합니다. npx를 사용하면 로컬에 패키지를 설치하지 않고도 필요한 패키지를 실행할 수 있으며, 항상 최신 버전의 패키지를 사용할 수 있습니다. 이로써 npx를 사용하면 create-react-app을 간편하게 실행하고 프로젝트를 초기화할 수 있습니다.

따라서 현재는 npx create-react-app를 사용하여 React 애플리케이션을 생성하는 것이 권장되며, 이 방식을 따르면 프로젝트를 보다 쉽게 시작하고 관리할 수 있습니다.

npm과 npx 차이점

npmnpx는 다른 도구이며, 별도로 설치해야 하는 것은 아닙니다. 이 둘은 Node.js와 함께 제공되는 기본 도구로 포함되어 있습니다.

  1. npm (Node Package Manager): npm는 Node.js 패키지 관리자로, Node.js를 설치할 때 함께 제공됩니다. npm을 사용하여 JavaScript 패키지를 설치, 관리 및 실행할 수 있습니다. 이 도구를 사용하여 프로젝트의 의존성 패키지를 설치하고 스크립트를 실행할 수 있습니다.

  2. npx: npx는 npm 5.2.0 버전 이상에서 포함된 도구로, npm 패키지를 실행할 수 있는 도구입니다. npx를 사용하면 로컬에 설치된 패키지 또는 원격 패키지를 간편하게 실행할 수 있습니다. 주로 전역으로 설치하지 않고 필요한 패키지를 실행할 때 사용됩니다. 예를 들어, npx create-react-app my-app와 같이 create-react-app 패키지를 실행할 수 있습니다.

npx를 따로 설치할 필요가 없으며, npm을 통해 Node.js를 설치하면 npx도 함께 제공됩니다. 따라서 Node.js를 설치하면 npmnpx를 사용할 수 있습니다.

post-custom-banner

0개의 댓글