[React] CRA란? CRA로 리액프 트로젝트 생성하기

📁 CRA란?

리액트 공식문서에서 정의하고 있는 CRA는 다음과 같다.

Create React App : Set up a modern web app by running one command. [출처 : 공식문서]

즉, 한 줄의 명령어를 입력함으로써 React 프로젝트 개발에 필수요소를 자동으로 구성하는 방법이다.

 

 

📁 CRA로 프로젝트 생성하기

1. 리액트 프로젝트를 생성하고 싶은 폴더로 이동 cd 디렉토리명
2. yarn create react-app 프로젝트명 실행 (npm 사용시, npm init react-app 프로젝트명 실행)
3. 프로젝트 생성 완료!

사진과 같이 해당 경로로 이동했을 때 프로젝트명으로 데렉토리가 생성되었으면 끝!

 

📁 CRA로 생성한 프로젝트 실행하기

1. 터미널에서 해당 디렉토리로 이동

cd level1	#level1폴더로 이동

2. 생성한 프로젝트 실행

yarn start
#npm일경우, npm start

아래와 같이 나온다면 성공!