프론트엔드 개발 · 기초
Next.js의 기본 포트 번호는 무엇이며, 어떻게 변경하여 실행할 수 있나요?
힌트 · 기본 포트는 3000번이며, CLI에서 `next dev -p 4000`과 같이 포트 번호를 지정하여 변경할 수 있습니다.
3000PORT.envnext.config.jsstart
모범답안
Next.js의 기본 포트 번호는 3000번입니다. 이 포트 번호를 변경하는 방법은 크게 세 가지가 있습니다.
첫 번째는 CLI 명령어를 사용하는 방법입니다. next dev -p <원하는 포트 번호> 와 같이 실행하면 개발 서버가 지정된 포트에서 실행됩니다. 예를 들어 4000번 포트로 실행하고 싶다면 next dev -p 4000 이라고 입력하면 됩니다.
두 번째는 .env 파일을 사용하는 방법입니다. .env 파일에 PORT=<원하는 포트 번호> 와 같이 설정하면 Next.js가 해당 포트를 사용합니다.
마지막으로 next.config.js 파일을 수정하는 방법도 있습니다. serverRuntimeConfig 또는 publicRuntimeConfig를 사용하여 포트 번호를 설정할 수 있지만, 이 방법은 서버 설정을 변경하는 것이므로 주의해야 합니다. 주로 배포 환경에서 포트 번호를 설정할 때 사용합니다.
읽었다면, 이제 직접 답해볼 차례예요
패스잇 앱에서 이 질문에 말로 답하면 AI가 꼬리질문까지 이어가며 1:1 코칭합니다.
함께 보는 Next.js 면접 질문
- Pre-rendering(사전 렌더링)이란 무엇을 의미하나요?
- SEO 측면에서 Next.js가 일반적인 React SPA보다 우수한 이유는 무엇인가요?
- Next.js에서 Hydration(하이드레이션) 과정은 무엇인가요?
- 프로덕션 환경을 위한 빌드 및 실행 명령어는 무엇인가요?
- App Router의 Server Component에서 Client Component로 Props를 전달할 때 발생할 수 있는 직렬화(Serialization) 에러의 원인은 무엇인가요?
- Client Component 경계 내부에서 Server Component를 직접 import하여 자식으로 사용할 때 발생하는 문제는 무엇이며, 이를 우회하는 패턴은 무엇인가요?