← 스터디로 돌아가기
Loading skeleton — 부분 prefetch된 UI
Loading skeleton — 부분 prefetch된 UI
이 페이지는 매 요청마다 서버에서 렌더링됩니다. loading.tsx가 있으므로 부분 prefetch(layout + skeleton)가 가능합니다.
서버 렌더링 시각:
PM 6:30:47
새로고침할 때마다 시각이 변합니다 (dynamic rendering).
export const dynamic = 'force-dynamic';
const DynamicPage = async () => {
// 1.5초 지연 시뮬레이션
await new Promise((resolve) => setTimeout(resolve, 1500));
const now = new Date().toLocaleTimeString('ko-KR');
return <div>{now}</div>;
};Prefetch 동작: Dynamic route + loading.tsx → 부분 prefetch만 가능합니다. Layout과 loading skeleton은 미리 prefetch되지만, 실제 page 콘텐츠는 서버 렌더링이 완료될 때까지 streaming됩니다.