IT 언어/React

[React] 0. 프로젝트 시작

비둘기멋지게발차기 2024. 5. 3. 18:43

 

 

 

 목차

  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