IT 언어/React
[React] 0. 프로젝트 시작
비둘기멋지게발차기
2024. 5. 3. 18:43
목차
- 프로그램 설치
- 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