React 프로젝트 생성

1. nvm 설치 

   → nvm은 (Node Version Manager) 이름에서 알 수 있듯이 노드 버전 관리자이다. 

※ 설치 참고 링크

https://grepper.tistory.com/2

NVM (Node Version Manager) 설치 (in mac)

nvm 을 통해 다양한 노드버전을 한 시스템에 설치해서 사용할 수 있다.

 

2. node 설치

node install [node version]

node use [node version]

 

3. yarn 설치

yarn은 다운로드 한 패키지를 캐시하여, 동일한 패키지를 다시 다운로드 하지 않아도 되게 해주는 패키지 관리자이다.

여러작업을 동시에 수행하며, 설치 속도가 빠른 장점이 있다.

 

npm install -g yarn  

-g 는 전역에 사용할 수 있도록 설치한다는 의미

 

4. creact-react-app 설치

yarn add global create-react-app

 

5. CRA로 프로젝트 생성

yarn create react-app [프로젝트명]

 

6. 크롬 익스텐션 설치하기

Redux devTools : 리덕스를 사용할 때, 리덕스의 액션에 따른 데이터 변화를 편하게 볼수있다. 

→ 참고 링크 : https://bigstar-vlog.tistory.com/47

React developer Tools : 리액트를 디버깅하기 편하게 해준다. 크롬에서 개발자모드로 컴포넌트(Components) 구조를 확인할 수 있다.

→ 참고 링크 : https://devmoony.tistory.com/66

 

7. VSCode 확장 프로그램 설치

react extension pack 설치 

prettier - code formatter 으로 자동으로 코드의 스타일을 관리해주는 기능