React CRA

CRA(Creat-react-app)이란?

리액트 프로젝트를 시작하기 위해 필요한 여러 프로그램을 자동으로 설치해주는 도구이다. 

 

CRA로 프로젝트 생성

1. node.js  설치 

 

2.윈도우는 git bash  또는  power shell에서 mac os는 터미널에서 아래 코드를 입력

맥들은  터미널을 사용

ls #현재 내가 위치하고 있는 곳이 어디인지 확인

cd 폴더이름 #리액트 프로젝트를 생성하고 싶은 폴더로 들어감

yarn create react-app week-1    혹은
npx create-react-app week-1

 

3. 에디터에서 프로젝트 구동

에디터 실행 후 생성한 프로젝트를 불러온다음

터미널 실행

yarn start 혹은 
npm start

 

 

4. 완료

브라우저에 위와 같은 창이 뜨면 실행이 잘 된것임