준비물 : node js , yarn , 즐겨쓰는 IDE
1. node js 설치
https://nodejs.org/ko/
혹시 C 드라이브에 설치 해놓고선
프로젝트는 D드라이브에서 한다면.
node 환경변수를 설정해주자.
2. yarn 설치
https://yarnpkg.com/lang/en/
yarn 은 npm 같은 패키지 매니저이다.
그런데 npm 보다 속도가 빠르다고 한다.
3. Visual Studio Code
설치 https://code.visualstudio.com/
create-react-app 설치
create-react-app 은 리액트 앱을 만들어주는 도구이다.
1 | npm install -g create-react-app | cs |
yarn 으로는 이렇게 한다.
1 | yarn global add create-react-app | cs |
설치했으면 만들어보자.
1 | create-react-app hello-react | cs |
hello-react 가 프로젝트 폴더 이름이다.
만들었으면 hello-react 폴더 들어가서 실행해보자.
1 | yarn start | cs |
localhost:3000 가면 이렇게 뜬다.
'JavaScript│Node js' 카테고리의 다른 글
리액트 props , state (0) | 2018.11.08 |
---|---|
react js 살펴보기 (0) | 2018.11.08 |
프로그레시브 웹 앱 개요 , 만들기 - Progressive web app (0) | 2018.11.07 |
함수형 자바스크립트 프로그래밍 (0) | 2018.10.23 |
javascript arrow function 특징 , 예제 (0) | 2018.10.19 |
댓글