loading.js

loading 파일은 Suspense를 기반으로 즉시 로딩 상태를 생성할 수 있습니다.

기본적으로 이 파일은 서버 컴포넌트이지만, "use client" 지시어를 통해 클라이언트 컴포넌트로도 사용할 수 있습니다.

export default function Loading() {
  // 또는 커스텀 로딩 스켈레톤 컴포넌트
  return <p>Loading...</p>
}

export default function Loading() {
  // 또는 커스텀 로딩 스켈레톤 컴포넌트
  return <p>Loading...</p>
}

로딩 UI 컴포넌트는 어떠한 매개변수도 받지 않습니다.

알아두면 좋은 점

• 로딩 UI를 설계할 때, React Developer Tools (opens in a new tab)를 사용하여 수동으로 Suspense 경계를 전환하는 것이 유용할 수 있습니다.

Version History