세그먼트 로딩 UI
해당 라우트 구간의 page가 준비되는 동안 자동으로 표시됩니다.
Loading UI
loading.tsx Suspense 경계
로딩 UI의 필요성, 적용 범위, 스트리밍 작동 방식, 클라이언트 훅 주의점을 페이지 경험으로 묶습니다.
대기 경계
서버 컴포넌트의 느린 작업을 감싸 사용자에게 진행 상태를 렌더링합니다.
책임 경계
클라이언트 훅이 필요한 로딩 상태는 클라이언트 컴포넌트로 분리합니다.
로딩 UI 상태 전달
스켈레톤이나 짧은 안내는 응답 지연을 빈 화면으로 남기지 않고, 아직 데이터가 도착하지 않은 상태를 명시합니다.
적용 순서
배치느린 데이터가 있는 라우트 폴더에 loading.tsx를 둡니다.
내용실제 화면 구조와 비슷한 로딩 상태를 만듭니다.
로딩 전환 확인느린 요청 상황에서 로딩과 최종 화면 전환을 봅니다.