[React] 개발 환경 세팅, 프로젝트 생성하기

개발 환경 세팅

1. node.js 설치

LTS 버전으로 다운로드

 

2. VSCode 에디터 설치

---

프로젝트 생성

1. 작업용 폴더 생성

2. shift + 우클릭 -> [PowerShell/터미널 열기] 클릭

3. 열린 터미널에 npx create-react-app 프로젝트명 입력

엔터 후 y 입력하라고 뜨면 입력하면 됨

success 뜨면 완료. 창닫기

 

4. VSCode에서 파일 - 폴더열기... 선택하면 프로젝트 폴더가 열림

 

만든 프로젝트폴더명으로 떠야됨

src 폴더 안에 App.js에 코드 작성하면 됨.

 

5. 미리보기 띄우기 위해서 터미널 열기

터미널 - 새 터미널 클릭

명령어 npm start 입력하고 웹브라우저가 뜨면 성공!