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
'React > 기초' 카테고리의 다른 글
[React] MUI의 useTheme와 useMediaQuery로 구현하는 반응형 웹 (feat. 그 외 방법) (1) | 2024.10.12 |
---|---|
React 상태 관리 Recoil (feat. useState와 차이점) (4) | 2024.10.08 |
DOM 이란? & React와 ReactDOM 차이 (0) | 2024.07.13 |
리액트 실행 흐름 [ Index.js, App.js, Index.html ] (0) | 2024.07.12 |
create-react-app(CRA) 정리 (0) | 2024.07.08 |