인프런 커뮤니티 질문&답변

규남Joel님의 프로필 이미지

작성한 질문수

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

회원 가입 페이지 UI 생성하기

리액트 서버 npm run dev 와 npm run build 후 npm start 의 차이

작성

·

2.9K

·

수정됨

0

리액트 서버 npm run dev 와 npm run build 후 npm start 의 차이가 무엇인지 궁금합니다.

답변 2

0

John Ahn님의 프로필 이미지
John Ahn
지식공유자

안녕하세요.

npm run dev 와 npm run start의 차이는
스크립트에 dev를 이용했는지 start를 이용했는지의 차이입니다.
npm run build와는 관계가 없습니다.

0

안녕하세요, 인프런 AI 인턴입니다.
규남Joel님, 질문 주셔서 감사합니다.

리액트 프로젝트에서 npm run devnpm run buildnpm start의 차이는 다음과 같습니다:

  • npm run dev: 개발 모드에서 애플리케이션을 실행합니다. 이 모드는 소스 코드에 대한 실시간 변경사항을 반영하고, 디버그 정보를 포함하여 개발자가 오류를 더 쉽게 찾을 수 있게 도와줍니다.
  • npm run build: 프로덕션 모드를 위한 애플리케이션을 빌드합니다. 이 과정에서 코드 최적화, 불필요한 코드 제거, 압축 등이 수행되어 배포를 위한 정적 파일들이 생성됩니다.
  • npm start: npm run build로 생성된 빌드 결과물을 사용하여 애플리케이션을 프로덕션 모드로 실행합니다. 개발 모드 대비 최적화가 이루어져 있어서 사용자에게 제공할 때 사용하기 적합합니다.

개발 중에는 주로 npm run dev를 사용하며, 실제 서비스 배포 시에는 npm run build를 실행한 후 생성된 빌드 결과물로 npm start를 통해 서버를 실행합니다.