리액트 프로젝트 생성방법

노드js 설치 방법

0. 노드js를 설치하면 npm명령어가 자동 설치된다.

1. 설치

  -노드js 다운로드 사이트 주소 https://nodejs.org/en/

  -해당 부분을 체크해준다.

 

2. 설치 확인

  -cmd창에 node -v

 

3. 리액트 설치

  -npm install -g create-react-app

설치 확인

 create-react-app -V

  (-g 해당 패키지를 전역으로 설치한다)

 

4. 리액트 프로젝트 생성

  -원하는 경로이동

  -create-react-app 원하는 프로젝트명

 

5. 리액트 실행

  -해당 프로젝트이동

  -예 : C:\programing\5.webPJ>cd food

  yarn 명령어 설치 필요 (명령어 : npm install -g yarn)

  -yarn start

 

6. npm, yarn 명령어 오류시

  npm 사용시

    -npm install -g react-scripts

    -npm update > npm start

 

  yarn 사용시

    -yarn add global react-scripts

    -yarn upgrade > yarn start