리액트를 다루는 기술(김민준 지음)의 내용을 바탕으로 작성되었습니다.
1. Node.js 설치
Node.js 공식 홈페이지(https://nodejs.org/ko/download/) 에서 Window Installer(.msi) 다운로드한다.
설치 화면에서 Next만 계속 누르면 된다.


설치 후 설치가 잘 되었는지 cmd 창을 켜서 node -v를 입력해본다.

2. yarn 설치
https://yarnpkg.com/lang/en/docs/install/#windows-stable 에서 Download Installer 버튼을 눌러 설치한다.


마찬가지로 cmd창에서 설치가 잘 되었는지 확인해준다.

3. Git Bash 설치
https://git-scm.com/download/ 에서 설치 파일을 내려받아 설치한다.

4. Editor - VS Code 설치
https://code.visualstudio.com/Download 에서 각자 OS에 맞는 버전을 다운받아 준다.

VS Code 확장 프로그램 설치
-
ES Lint
자바 스크립트 문법 및 코드 스타일을 검사해주는 도구
-
Reactjs Code Snippets
리액트 컴포넌트 및 라이프사이클 함수를 작성 시 단축 단어를 사용하여 간편하게 코드를 자동으로 생성해 낼 수 있는 코드 스니펫 모음
-
Prettier-Code formatter
코드 스타일을 자동으로 정리해주는 도구
PREVIOUS[react] 1.1 react란