React 기초 : 리액트 설치 / 세팅 및 프로젝트 생성

<리액트 프로젝트 생성 전 미리 세팅해야 할 부분>

1. Node.js 최신 버전 설치 (create-react-app 라이브러리 이용하기 위해)

2. Visual Studio Code 설치

3. React 프로젝트 저장할 폴더 생성

4. VSCode에서 만든 폴더 열기 (Open Folder)

 

 

React 리액트 프로젝트 생성하기 - VSCode 사용

1. VSCode에서 터미널을 열고 npx create-react-app (프로젝트명) 입력

create-react-app : 리액트 셋팅 다 된 boilerplate 만들기 쉽게 도와주는 라이브러리

* 프로젝트 생성 전 세팅을 제대로 마쳤는데 실행되지 않고 오류가 난다면 컴퓨터 재부팅하기!

2. 프로젝트명의 하위폴더를 Open Folder로 열기

3. 코드짠 부분을 미리 보기 띄우려면 터미널에 npm start 입력