Loading UI

가장 가까운 세그먼트가 fallback을 맡는다

loading.tsx는 파일이 놓인 라우트와 하위 라우트의 대기 화면을 담당합니다. 가까운 파일이 있으면 그 파일이 우선합니다.

/posts 목록 페이지와 그 하위에서 공통 skeleton을 렌더링합니다.
/posts/[id] 상세 페이지가 별도 loading.tsx를 가지면 더 가까운 fallback이 적용됩니다.
layout 상위 layout은 유지하고 데이터가 늦는 page 영역만 fallback으로 바꿔 탐색 상태 손실을 줄입니다.
범위

범위

어느 라우트의 대기 상태인지 폴더 위치로 결정합니다.

shape

형태

스피너보다 실제 콘텐츠 크기에 가까운 skeleton이 덜 흔들립니다.

stream

스트리밍

준비된 HTML을 먼저 보내고 느린 데이터 영역만 기다립니다.

client

클라이언트 훅

브라우저 훅이 필요하면 loading 파일도 client 경계가 됩니다.