create react app 이란?

React SPA(single page application)를 쉽고 빠르게 개발할 수 있도록 만들어진 툴 체인이다.

배포용 웹앱을 만들기 위해서는 react 외에도 많은 node.js 패키지들이 필요하다. jsx를 브라우저가 이해할 수 있는 javascript로 컴파일 해주는 바벨, css 트랜스파일러 postcss 등등...
이러한 모든 툴들의 작동원리를 다 아는 것은 어렵고 시간이 걸린다. 그래서 React에서는 create react app이라는 툴체인을 만들어 복잡한 개발 세팅을 대신 해준다.

create react app은 터미널을 통해 npm으로 설치 가능하다.

1. node와 npm이 최신버전으로 설치되어있는지 확인한다.

• 버전을 확인하는 명령어(git,node,npm 등)

  확인하려는대상이름 --version

ex)
PS C:\WINDOWS\system32> node --version
v16.17.0

PS C:\WINDOWS\system32> npm --version
8.15.0

2. Desktop 디렉토리에 cd / mkdir 이용하여 새로운 디렉토리를 만들어준다.

cd ~\Desktop
PS C:\Users\'username'\Desktop> mkdir newReactProject
PS C:\Users\'username'\Desktop> cd newReactProject
PS C:\Users\'username'\Desktop\newReactProject>

3. 만들어준 디렉토리 내에 npx 이용하여 create react app으로 개발 세팅을 해준다.

npx create-react-app 원하는프로젝트명

PS C:\Users\username\Desktop\newReactProject> npx create-react-app randomProjectName

npx create-react-app .

npx 명령어는 npm을 이용하는 방법이다.
첫번째 코드를 사용하면 현재 위치에서 새로운 디렉토리를 만들어 그 안에 react 프로젝트가 실행되게 되고,
두번째 코드를 사용하면 현재 위치에서 react 프로젝트가 실행된다.

4. 새로운 React 프로젝트를 시작할 개발 세팅 완료!