Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 |
Tags
- SWIFT
- 백엔드
- Vue.js
- 코딩
- 스위프트
- 뷰
- TypeScript
- 개발
- ios
- 프론트엔드
- vuejs
- 리액트
- hooks
- c언어
- UNKNOWN
- 자바스크립트
- any
- 티스토리챌린지
- 오블완
- objective-c
- react
- 상수
- 웹개발
- const
- 제네릭
- JavaScript
- frontend
- 타입스크립트
- Vue
- 타입
Archives
- Today
- Total
프론트엔드 괴발개발 블로그
[VSCode] React 서버 필수 명령어 본문
1. 프로젝트 생성하기
npm init react-app .
터미널에서 원하는 디렉토리에 들어가서 npm init react-app .를 입력하면 현재 디렉토리에 리액트 프로젝트를 생성합니다.
만약 위 방법을 사용할 때 에러가 난다면 아래 방법으로 빌드한다.
npx create-react-app my-app
2. 개발 모드 실행하기
npm run start
터미널에서 npm run start를 입력하면 개발 모드 서버가 실행됩니다.
3. 실행 중인 서버 종료하기
ctrl + c (맥북은 cmd + c)
서버가 실행 중인 터미널에서 ctrl + c를 입력하면 서버가 종료됩니다.
4. 개발된 프로젝트 빌드하기
npm run build
터미널에서 npm run build를 입력하면 빌드를 시작합니다.
5. 빌드한 것 로컬에서 실행하기
npx serve build
터미널에서 npx serve build를 입력하면 serve 프로그램을 다운 받고 build 폴더에서 서버가 실행됩니다.
'Front-End > React' 카테고리의 다른 글
| [React Query] useQuery의 옵션 (0) | 2025.11.14 |
|---|---|
| [React Hooks (2)] useMemo() 알아보기 (5) | 2024.11.08 |
| [React Hooks (1)] Hooks란? 그리고 useState() (0) | 2024.08.04 |
| [React] react-helmet-async로 헤더 관리하기 (0) | 2024.07.26 |