React 프로젝트 시작(CRA)

CRA는 Create React App의 준말으로, 리엑트 코어팀 소속이자 리덕스를 만든 Dan Abranmov가 만든 리액트 스타터 팩이다.

 

yarn create react app projectname

 

npm install -g create-react-app

 

create-react-app projectname

으로 하면 projectname으로 된 폴더가 만들어지면서 그 안에 리액트 프로젝트가 생성된다. 

 

예를 들어, yarn으로 프로젝트를 설치하면 이렇게.. 아래와 같이 뜨는데  

pc:educative

 

• yarn start

dev 서버를 시작하는 것이다. npm이면 npm start를 하면 됨.

 

• yarn build 

public server에 배포를 할 수 있게끔 앱의 빌드 폴더를 만드는 것이다. 개발용 빌드(yarn start)와 비교했을 때, public server용 빌드는 성능적으로 최적화되어있다. 그렇기 때문에 yarn start보다 yarn build를 했을 때 더 시간이 오래 걸린다.

 

• yarn test

테스트를 실행하는건데, CRA를 하면 Jest도 같이 설치가 된다. 다른 테스팅 프레임워크와 비교했을 때, snapshot testing 기능도 들어있다. 이건 내가 만든 컴포넌트의 현재 state의 복사본을 생성한 후, 향후 테스트 state와 비교를 하는 기능이다. 

 

 

• yarn eject

앱의 Yarn coverage를 마치는 역할을 한다. 모든 빌드 스크립트, dependencies, config file이 현재 프로젝트 경로에 복사가 된다.