[Next.js] Suspense

Suspense가 무엇인고...? Suspense란?Suspense는 React 컴포넌트를 잠시멈추고 기다릴 수 있도록하는 기능이다. 로딩 중인 컴포넌트 대신 사용자에게 일시적인 UI(fallback)을 보여주고 준비가 되었을 때 실제 컴포넌트를 보여준다. Suspense 기본 문법import { Suspense } from 'react';로딩 중...}> MyComponent 가 로드 중일 경우 대신 fallback{로딩 중...}을 대신 보여주고 로드가 완료되면 로 대체된다. Suspense가 사용되는 경우1️⃣ React.lazy()로 지연 로딩을 하는 경우 import { Suspense, lazy } from 'react'const LazyComponent = lazy(() => impo..