npm start 명령어, 정확히 뭘 하는 걸까?

npm start는 현재 프로젝트를 실행하는 명령어입니다. React 앱에서는 보통 개발 서버(dev server)를 실행하는 역할을 하죠.

npm은 무엇인가요?

npm은 Node.js의 패키지 매니저입니다. 다양한 JavaScript 패키지를 설치하고 관리할 수 있어요.

npm start는 실제로 package.json에 정의된 "scripts" 중 start 항목을 실행합니다.

예시 – package.json

{
  "scripts": {
    "start": "react-scripts start",
    ...
  }
}

 

이렇게 정의되어 있다면, 아래 명령어는 다음과 같은 흐름으로 실행됩니다:

npm start

• react-scripts start 명령이 실행됩니다.
• 내부적으로 webpack-dev-server가 열립니다.
• 브라우저가 http://localhost:3000에 자동으로 연결됩니다.

 

결과적으로는?

• 브라우저가 자동으로 열립니다.
• React 앱이 실행된 결과를 바로 확인할 수 있습니다.
• 코드를 수정하면 브라우저가 자동으로 새로고침됩니다 (Hot Reload).

 

참고: 주요 npm 명령어 요약

명령어	설명
npm install	필요한 패키지를 설치합니다 (package.json 기반)
npm start	개발 서버를 실행합니다
npm run build	배포용 정적 파일을 생성합니다
npm test	테스트를 실행합니다 (기본값은 비어 있을 수도 있음)

 

이제 npm start 명령어가 어떤 역할을 하는지 더 명확하게 이해되셨죠?

React 프로젝트를 실행하거나 디버깅할 때 자주 쓰이니 꼭 기억해두세요!