[React] 개발환경 설정

choco 설치

https://zetawiki.com/wiki/%EC%9C%88%EB%8F%84%EC%9A%B0_Chocolatey_%EC%84%A4%EC%B9%98

윈도우 Chocolatey 설치 - 제타위키

 

Node.js 설치

choco install nodejs

 

version check

 

VSCode plugin 설치

- ESlint

- ES7 React/Redux/GraphQL/React-Native snippets

- Prettier - Code formatter

- Rainbow Bracket

 

VSCode 설정

1. shift+, 커맨드로 setting 열기

2. format on save 입력 후 check

3. compact folders 입력 후 check 해제

 

NginX 설치

choco install nginx --params '"/installLocation:C:\nginx /port:8080"'

localhost:8080 실행 화면

 

CRA 설치

npm install -g create-react-app

 

프로젝트 생성

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

 

프로젝트 실행

cd [프로젝트명]

npm start

 

localhost:3000 실행 화면