리액트 앱 만들기

준비물 : 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 은 리액트 앱을 만들어주는 도구이다.

npm install -g create-react-app

yarn 으로는 이렇게 한다.

yarn global add create-react-app

설치했으면 만들어보자.

create-react-app hello-react

hello-react 가 프로젝트 폴더 이름이다.

만들었으면 hello-react 폴더 들어가서 실행해보자.

yarn start

localhost:3000 가면 이렇게 뜬다.