본문 바로가기
JavaScript│Node js

리액트 앱 만들기

by 자유코딩 2018. 11. 7.

준비물 : 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 가면 이렇게 뜬다.


댓글