패스잇
프론트엔드 개발 · 기초

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 면접 질문

← Next.js 면접 질문 전체 보기