← 스터디로 돌아가기
loading.tsx skeleton — 서버 렌더링 대기 중...
loading.tsx skeleton — 서버 렌더링 대기 중...
이 페이지는 dynamic 라우트로, 매 요청마다 서버에서 렌더링됩니다.loading.tsx덕분에 대기 중에 skeleton이 표시되었습니다.
서버 렌더링 시각:
PM 6:33:03
slug: getting-started
// app/blog/[slug]/loading.tsx
export default function Loading() {
return <LoadingSkeleton />
}
// loading.tsx를 추가하면:
// 1. 부분 prefetch 활성화 (layout + skeleton)
// 2. 즉시 네비게이션 + skeleton 표시
// 3. 서버 렌더링 완료 시 콘텐츠로 교체