React의 Suspense

Suspense는 React의 기능으로,** ** ** **“비동기 작업이 완료될 때까지 로딩 화면을 보여주는” ** ** **컴포넌트입니다.

---

왜 필요한가요?

• Next.js 15에서 useSearchParams() 같은 훅들은 클라이언트에서만 동작합니다
• 하지만 Next.js는 서버에서 미리 페이지를 렌더링하려고 시도합니다
• 이때 충돌이 발생해서 빌드 오류가 납니다

Suspense 해결책:

// 이렇게 감싸주면
}>


// 서버에서는 "로딩화면"만 렌더링하고
// 클라이언트에서 로딩이 끝나면 "실제컴포넌트"를 보여줍니다

** 간단히 말하면:** ** - 서버: “아직 준비 안됐어, 로딩 화면 보여줘”** ** - 클라이언트: “이제 준비됐어, 실제 화면 보여줘”**