[React.js] 3. node.js 환경설정

.....node.js 환경설정을 한다고 유튜브, 블로그등을 모조리 뒤져봤지만

 

이제야 성공....

 

환경은 윈도우10입니다. 저 처럼 환경설정에 고생하는 사람들을 위해 글을 써놓습니다.

 

create-react-app을 이용해서 환경설정을 합니다.

 

1. https://nodejs.org/en/

사이트에 접속 하여 node.js 설치 (안정적인 LTS 버전 추천)

 

2. node.js를 사용할 하나의 workspace  폴더를 C:/ 안에 만든다. C:\Tutorial

 

3. node.js 설치 후 cmd를 관리자권한으로 실행 후 

   - cd C:\Tutorial 로 해당 경로로 이동

 

   - npm install -g create-react-app 입력

 

   - create-react-app tutorial 로 프로젝트 생성

 

   - 프로젝트 완성된 후 yarn start 명령어 실행!! (여기서 yarn 명령어를 실행못하거나 찾을 수 없다면 !!)

     yarn을 global옵션으로 설치해야한다! (여기서 엄청난 삽질,,삽질을 했다.)

     tutorial폴더에서 npm install -g yarn 명령어를 실행한다.

   

   - yarn이 설치된 후 다시 yarn start 명령어 실행 !! 끝 !!

 

4. 프로젝트가 설치된 경로에서 yarn start 명령어 실행 하면 localhost:3030 으로 서버가 실행되면 완료

   C:\Tutorial\tutorial>yarn start