개발 서버는 코드 변경을 감시하고 브라우저에 빠르게 반영하며 오류를 화면에 보여준다
프로덕션 서버가 아니라 개발 중 피드백을 빠르게 받기 위한 실행 환경이다. 빠른 확인을 위해 최적화보다 반복 속도에 맞춰져 있다.
| 기능 | 하는 일 | 좋은 신호 | 주의할 점 |
|---|---|---|---|
| 파일 감시 | src/app, styles, 설정 변경을 감지 | 저장 후 터미널 로그가 갱신됨 | 설정 파일은 재시작이 필요할 수 있음 |
| HMR | 변경된 모듈만 브라우저에 반영 | 페이지 전체 새로고침 없이 화면 변화 | 상태가 꼬이면 새로고침 |
| 오류 오버레이 | 문법/런타임 오류를 화면에 표시 | 파일명과 줄 번호가 함께 보임 | 원인은 터미널 로그도 같이 확인 |
| 로컬 URL | localhost 주소로 앱을 제공 | http://localhost:3000 접속 가능 | 포트 충돌 시 다른 포트로 변경 |
| 개발 번들 | 빠른 빌드를 위해 개발 모드로 처리 | 수정 반영이 빠름 | 실제 성능은 production build로 확인 |