[react] 1.2 작업환경 설정

리액트를 다루는 기술(김민준 지음)의 내용을 바탕으로 작성되었습니다.

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 확장 프로그램 설치

1. ES Lint

   자바 스크립트 문법 및 코드 스타일을 검사해주는 도구

   

   
   

2. Reactjs Code Snippets

   리액트 컴포넌트 및 라이프사이클 함수를 작성 시 단축 단어를 사용하여 간편하게 코드를 자동으로 생성해 낼 수 있는 코드 스니펫 모음

   

   
   

3. Prettier-Code formatter

   코드 스타일을 자동으로 정리해주는 도구