1. create-react-app 설치

먼저 글로벌에 create-react-app을 설치합니다.

yarn global add create-react-app


2. 프로젝트 생성

create-react-app project-name


놀랍게도 이렇게하면 React 프로젝트가 생성됩니다. 갓페이스북!! 참고로 create-react-app은 페이스북에서 제공해주는 것이랍니다.

위 명령어로 제가 한번 생성해보겠습니다.


react-todolist라는 프로젝트를 생성했습니다. 참고로 프로젝트 이름에 대문자는 사용할 수 없습니다.

생성한 프로젝트는 아래와 같은 폴더 구조를 갖습니다. 딱 필수로 필요한 것들만을 포함하고 있습니다.


Dependency를 보면 react, react-dom, react-scripts가 포함되어 있습니다.



3. 실행

yarn start


yarn start 명령어를 입력하니 아래와 같이 React 프로젝트가 실행되었습니다!


yarn 명령어는 아래와 같이 있습니다. 설치가 완료되면 저렇게 목록을 보여줍니다. 

그런데 마지막 happy hacking!?? 이건 뭘까요 ㅋㅋㅋ Happy hacking 키보드 사고싶다..


끝!!

'Web Front > React.js' 카테고리의 다른 글

[React] Component LifeCycle API정리  (0) 2018.08.07