Suspense + use() 예제

← use() Hook 예제로 돌아가기

🎯 핵심 포인트

• use()와 Suspense가 자연스럽게 연동
• 여러 레벨의 Suspense 경계로 세밀한 로딩 제어
• 병렬 데이터 로딩으로 성능 최적화
• Error Boundary와 조합하여 완전한 비동기 처리

기본 Suspense

하나의 컴포넌트를 Suspense로 감싸기

기본 Suspense 사용법

⚡ 빠른 컴포넌트

빠른 데이터 (500ms)

💡 패턴별 코드 예시

// 기본 사용법
<Suspense fallback={<Loading />}>
    <ComponentWithUse />
</Suspense>