목차
- 프로그램 설치
- Node.js 설치
- VSCODE 설치
- 폴더 생성
- React 프로젝트 생성
- 프로젝트 실행
1. 프로그램 설치
- Node.js 설치
- VSCODE 설치
1. Node.js 설치
https://nodejs.org/en/download
2. VSCODE 설치
https://code.visualstudio.com/download
2. 폴더 생성
- 프로젝트 생성할 폴더 만들기
3. React 프로젝트 생성
- VSCODE 실행
- 열기 > 폴더 선택
- VSCODE 내 터미널에서 명령어 입력
- 명령어 : npx create-react-app 프로젝트명
- 좌측에 폴더 및 파일 생성됨
4. 프로젝트 실행
- 열기 > 생성한 하위폴더 선택
- 명령어 : cd 하위폴더명
- react 실행
- 명령어 : npm start
- 명령어 입력하면 브라우저가 열림
- react 종료
- 명령어 : 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 |