리액트 개발환경 첫 세팅하는 법

1. 작업용 폴더를 생성

(그 전에 node js가 설치되어 있는지 확인)

 

 

 

2. shift + 우클릭해서 여기에 PowerShell 창 열기 클릭

 

3. 터미널이 열리면 npx create-react-app 프로젝트명

 

4. vscode에서 폴더 오픈

설치가 잘 되었다

(다른방법) 만든 폴더를 vscode로 열고 터미널에 npx create-react-app ./ (현재폴더라는 뜻) 하면 설치 끝.

 

5. 터미널 열어서 npm start 입력

미리보기 창이 열린다

App.js에다가 작업을 하게 되면 public 폴더의 index.html에 전달이 되는 구조이다.