리액트 프로젝트를 만들 때는 Node.js를 반드시 먼저 설치해야 한다.
Node.js는 크롬 V8 자바스크립트 엔진으로 빌드한 자바스크립트 런타임이고, 웹 브라우저 환경이 아닌 곳에서도 자바스크립트를 사용하여 연산할 수 있다.
Node.js를 설치하면 Node.js 패키지 매니저 도구인 npm이 설치된다.
npm으로 수많은 개발자가 만든 패키지를 설치하고 설치한 패키지의 버전을 관리할 수 있다. 리액트 역시 하나의 패키지이다.
리액트 프로젝트를 생성하기 위해 npm을 이용해서 "create-react-app"이라는 프로그램을 설치해아 한다.
아래의 명령어는 npm에게 create-react-app 설치(install)을 시키는 것이다.
"global"의 약자로 -g 옵션을 통해 컴퓨터 어디에서든 실행할 수 있게 한다.
npm install -g create-react-app
npx를 사용하여 아래의 명령어로도 설치 가능하다.
npx create-react-app
설치한 create-react-app을 사용하여 React 프로젝트를 생성해보자.
프로젝트를 생성하기 원하는 경로에 아래의 명령어를 사용한다.
npx create-react-app <프로젝트 이름> 
마지막이다. 이제 프로젝트를 실행시켜보도록 하자.
아래의 명령어를 통해 리액트의 검은 화면에 도달할 수 있다.
npm run start // npm start로도 실행 가능
NPM vs NPX
npm이 프로그램을 설치하는 프로그램이라면,
npx는 프로그램을 임시로 설치해서 딱 한번만 실행시키고 지우는 프로그램
npx의 장점은
- 컴퓨터의 공간을 낭비하지 않는다.
- 실행할 때마다 다운로드를 새로 받기 때문에 항상 최신상태
참고문헌
김민준,「리액트를 다루는 기술 :실무에서 알아야 할 기술은 따로 있다!」, 길벗, 개정판[실은 2판] 2019 (개정판)
boostcourse, 웹 프론트엔드 시작하기(리액트&리덕스) , https://www.boostcourse.org/web231/lecture/1380893/?isDesc=false
