Next 문서에서 찾은 Suspense의 색다른 의미

[dev-hobin]

넥스트에서 useSearchParams 쓰는데 왜 Suspense 를 감싸줘야 되지? 생각하며 문서 보다가 Suspense 의 의미가 새롭게 다가왔다.(별건 없는데 나한테만 새로운 듯;)

Next 에서 Suspense는 페이지의 어느 부분을 동적으로 클라이언트 사이드에서 처리할 것인지에 대한 경계 역할을 한다.

• useSearchParams 라는 훅은 정적 렌더링 되는 페이지에서 가장 가까운 Suspense 경계를 찾아 클라이언트 사이드 렌더링이 되도록 만든다. (관련 문서 내용)
• Partial Prerendering 문서를 보면 정적 렌더링되는 컨텐츠가 들어갈 공간을 shell 이라고 표현하고 동적으로 렌더링되는 컨텐츠를 그 shell 에 뚫려있는 holes 라고 표현한다. 이 hole을 표시해주는 것이 Suspense 다.

Partial Prerendering - Suspense 문서에서 Suspense를 어떤 의미로 사용하고 있는지 써있다. 앱의 렌더링 파트를 특정 컨디션이 만족될 때까지 지연시킨다는 개념으로 폭넓게 쓰인다.

그 동안 Suspense 는 데이터의 로딩 상태만 선언적으로 응집도 있게 관리하는 방법, 도구 정도로 생각 했었는데, 좁은 시야를 가지고 있었구나 라고 느꼈다.

[al-bur]

오 저도 처음 알았네요!!! 좋은 정보 감사드립니다