프론트엔드 개발 · 중급
App Router에서 특정 경로의 동적 렌더링 여부를 파일 레벨에서 강제하기 위해 export하는 Route Segment Config 변수와 값은 무엇인가요?
힌트 · `export const dynamic = 'force-dynamic'` 을 선언하여 캐싱을 무효화하고 무조건 동적 렌더링하도록 강제합니다.
route segment configexport const dynamicforce-dynamic파일 레벨 설정정적 렌더링 방지
모범답안
App Router에서 특정 경로를 항상 동적으로 렌더링하도록 강제하려면 route segment config를 사용합니다. 파일 레벨에서 export const dynamic = 'force-dynamic'을 선언하면 됩니다.
dynamic이라는 변수를 export하고, 그 값을 'force-dynamic'으로 설정하는 것이 핵심입니다. 이렇게 하면 Next.js는 해당 경로를 빌드 시에 정적으로 생성하지 않고, 요청이 들어올 때마다 서버에서 동적으로 렌더링합니다. 캐싱을 무효화하고 항상 최신 데이터를 보여줘야 할 때 유용합니다.
읽었다면, 이제 직접 답해볼 차례예요
패스잇 앱에서 이 질문에 말로 답하면 AI가 꼬리질문까지 이어가며 1:1 코칭합니다.
함께 보는 Next.js 면접 질문
- App Router의 Server Component에서 Client Component로 Props를 전달할 때 발생할 수 있는 직렬화(Serialization) 에러의 원인은 무엇인가요?
- Client Component 경계 내부에서 Server Component를 직접 import하여 자식으로 사용할 때 발생하는 문제는 무엇이며, 이를 우회하는 패턴은 무엇인가요?
- App Router 환경에서 fetch API를 사용할 때, 캐싱을 비활성화하고 매 요청마다 서버에서 동적으로 데이터를 가져오게 하려면 옵션을 어떻게 설정하나요?
- Next.js Middleware(`middleware.ts`)에서 특정 경로들만 미들웨어를 거치도록 적용 대상을 필터링하는 설정 객체의 속성 이름은 무엇인가요?
- Middleware 파일 내부에서 조건부로 사용자를 로그인 페이지로 리다이렉트 시키려면 어떤 클래스의 메서드를 반환해야 하나요?
- App Router의 Route Handlers(`app/api/route.ts`)에서 동적 라우팅 파라미터(예: `[id]`)에 접근하려면 함수의 매개변수를 어떻게 정의해야 하나요?