프론트엔드 개발 · 기초
프로덕션 환경을 위한 빌드 및 실행 명령어는 무엇인가요?
힌트 · `next build`를 통해 최적화된 빌드를 수행하고, `next start` 명령어로 프로덕션 서버를 실행합니다.
빌드 스크립트환경 변수배포 자동화컨테이너화모니터링
모범답안
프로덕션 환경을 위한 Next.js 빌드 및 실행 명령어는 다음과 같습니다.
먼저, next build 명령어를 사용하여 애플리케이션을 빌드합니다. 이 명령어는 Next.js 애플리케이션을 최적화하고 프로덕션 환경에 배포할 수 있도록 준비합니다. 빌드 과정에서 환경 변수를 설정하여 프로덕션 환경에 맞는 설정을 적용할 수 있습니다. 예를 들어, API 엔드포인트 주소나 데이터베이스 연결 정보를 설정할 수 있습니다.
빌드가 완료되면, next start 명령어를 사용하여 프로덕션 서버를 실행합니다. 이 명령어는 빌드된 애플리케이션을 실행하고, 클라이언트 요청을 처리합니다. next start 명령어는 포트 번호와 같은 추가적인 옵션을 지원합니다.
배포 자동화를 위해 CI/CD 파이프라인을 구축하고, Docker를 사용하여 컨테이너화하는 것을 고려할 수 있습니다. 또한, 애플리케이션의 성능과 상태를 모니터링하기 위해 로깅 및 모니터링 시스템을 구축하는 것이 좋습니다.
읽었다면, 이제 직접 답해볼 차례예요
패스잇 앱에서 이 질문에 말로 답하면 AI가 꼬리질문까지 이어가며 1:1 코칭합니다.
함께 보는 Next.js 면접 질문
- SEO 측면에서 Next.js가 일반적인 React SPA보다 우수한 이유는 무엇인가요?
- Next.js에서 Hydration(하이드레이션) 과정은 무엇인가요?
- Next.js의 기본 포트 번호는 무엇이며, 어떻게 변경하여 실행할 수 있나요?
- App Router의 Server Component에서 Client Component로 Props를 전달할 때 발생할 수 있는 직렬화(Serialization) 에러의 원인은 무엇인가요?
- Client Component 경계 내부에서 Server Component를 직접 import하여 자식으로 사용할 때 발생하는 문제는 무엇이며, 이를 우회하는 패턴은 무엇인가요?
- App Router 환경에서 fetch API를 사용할 때, 캐싱을 비활성화하고 매 요청마다 서버에서 동적으로 데이터를 가져오게 하려면 옵션을 어떻게 설정하나요?