스펜서 개발블로그

[VSCode] React 서버 필수 명령어 본문

Front-End/React

[VSCode] React 서버 필수 명령어

스펜서 2023. 12. 5. 14:32


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 폴더에서 서버가 실행됩니다.

 

Comments