[React] 프로젝트 생성하기

1. Node.js 설치

Node.js 사이트에 들어가서 본인 컴퓨터에 맞는 최신 버전 설치하기

2. Visual Studio Code 설치

Visual Studio Code 사이트에 들어가서 본인 컴퓨터에 맞는 최신 버전 설치하기

3. 프로젝트 생성할 폴더 생성

원하는 위치에 프로젝트를 생성할 폴더 생성한 후 Visual Studio Code 에서 폴더 열기

4. React 프로젝트 생성

npx create-react-app project

• npx : 라이브러리 설치를 도와주는 명령어(Node.js 설치 시 함께 설치됨)
• create-react-app : React 세팅이 다 된 boilerplate를 만들기 쉽게 도와주는 라이브러리
• project : 프로젝트 이름

cd project

터미널에서 생성한 프로젝트로 폴더 위치 변경

5. React 프로젝트 구조

• node_modules : 라이브러리 모음 폴더
• public : 이미지 파일과 같은 static 파일 보관함
• src : 소스 코드 보관함
• src/App.js : 메인 페이지에 들어갈 HTML을 작성하는 곳
• public/index.html : 메인페이지 (코드 상으로는 아무것도 없다. 왜냐하면 App.js에 있는 것들을 index.js에 의해 index.html 안에서 보여주기 때문이다.)
• package.json : 설치한 라이브러리 목록

6. 프로젝트 실행

npm start

Reference
👉 React 기초(1) - 프로젝트 생성