Create React App

CRA를 사용하면 webpack 같은 복잡한 설정을 하지 않고도 리액트를 이용할 수 있습니다.

그전에 우리는 npm을 사용할 것이므로 node.js가 필요합니다.

 

node.js를 설치한후 console창에서 node -v를 입력하면 현재 버전이 나오면 설치를 확인할 수 있습니다.

 

 

설치와 동시에 npm으로 패키지 관리 도구까지 함께 설치가 되는 것을 확인할 수 있습니다.

npm을 CRA이용해 React프로젝트를 생성할 수 있습니다.

 

console창에 다음과 같이 입력합니다.

 

 

-g옵션은 글로벌 패키지 형태로 설치하게 됩니다. 글로벌 패키지로 설치하게 되면 다른 프로젝트에도 해당 패키지를 적용할 수 있습니다. 따라서 생성된 패키지를 외부에서도 사용할 수 있게 됩니다.

 

특정한 폴더에 위치해 create-react-app 프로젝트 이름으로 생성할 수 있습니다.

 

설치가 완료됐다면 npm install -g yarn을 설치합니다. 

그런 다음  package.json file이 위치하는 곳으로 이동한 뒤 yarn start를 입력합니다.

만약 정상적으로 yarn start가 실행되지 않는다면

npm install -g yarn 을 실행해줍니다.