목차

  1. 프로그램 설치
    1. Node.js 설치
    2. VSCODE 설치
  2. 폴더 생성
  3. React 프로젝트 생성
  4. 프로젝트 실행

 

 

 

1. 프로그램 설치

  1. Node.js 설치
  2. VSCODE 설치

 

1. Node.js 설치

https://nodejs.org/en/download

 

 

2. VSCODE 설치

https://code.visualstudio.com/download

 

 

 

2. 폴더 생성

  1. 프로젝트 생성할 폴더 만들기

 

 

 

 

3. React 프로젝트 생성

  1. VSCODE 실행
  2. 열기 > 폴더 선택
  3. VSCODE 내 터미널에서 명령어 입력
    1. 명령어 : npx create-react-app 프로젝트명
  4. 좌측에 폴더 및 파일 생성됨

 

 

 

 

 

4. 프로젝트 실행

  1. 열기 > 생성한 하위폴더 선택
    1. 명령어 : cd 하위폴더명
  2. react 실행
    1. 명령어 : npm start
  3. 명령어 입력하면 브라우저가 열림
  4. react 종료
    1. 명령어 : ctrl + c

 

 

'IT 언어 > React' 카테고리의 다른 글

[React] 5. Router  (0) 2024.05.06
[React] 4. React의 렌더링 방식  (0) 2024.05.05
[React] 3. useState (일반 변수와 useState의 차이)  (0) 2024.05.04
[React] 2. JSX 문법  (0) 2024.05.04
[React] 1. 구성과 Component  (0) 2024.05.03

+ Recent posts