[React] 18.10.04 설치

2018. 10. 4. 09:45Web/ReactJS

전에 공부할려다 너무 버전이 많이 바뀌어서 최근 버전으로 다시 공부 하는 중...


React를 시작으로 프론트엔드나 백엔드를 하나하나 배워봐야겠다. 


1. Nodejs 설치

https://nodejs.org/en/


webpack, babel에서 Nodejs를 사용하기 때문에 설치해야 된다. 


윈도우의 경우는 installer를 다운받아 설치한다. 



2. yarn 설치

https://yarnpkg.com/lang/en/


npm과 무관하나 yarn에 npm+a된 버전이라고 생각하면 됨


더나은 캐싱과 속도를 제공한다. 


윈도우의 경우는 installer를 다운받아 설치한다. 


3. vscode


https://code.visualstudio.com/




4. 버전 확인


node -v

yarn -v 



5. project 생성

create-react-app 을 이용하여 생성하는데 

이프로젝트는 페이스북에서 생성해준 것이라 깔금하고 좋음


npx create-react-app 프로젝트명



6. 프로젝트 실행

 프로젝트명에 들어가서 yarn start하면 프로젝트가 실행되며 브라우져가 나타난다. 





※ 설정을 커스텀마이즈 하고 싶으면 yarn eject 을 이용하여 설정을 바꿀수 있다.