Next Suspense, Client, Server 각 환경에서의 동작원리?
Next.js :: SuspenseSuspense 바운더리는 React 18버전 공식 출시 이후 Concurrent Rendering 방식을 통해 도입된 기능이다. React에서 이 Suspense 바운더리는 비동기 함수의 상태를 받아 Suspense의 fallback을 반환하게 되고, 이후 상태가 성공하거나 실패하게 되면 자식 컴포넌트들을 렌더하게 된다.Next.js에서도 Suspense는 유용하게 쓰인다. 사실 클라이언트의 경우에는 SWR이나 RTK같은 라이브러리가 프로미스 상태에 따라 너무 좋은 인디케이터를 지원하기 때문에 클라이언트에서는 근래 잘 쓰이지 않는 추세다. 다만 Next.js의 서버 컴포넌트의 Suspense는 스트리밍을 도입함에 따라 서버에서도 인디케이터를 제공할 수 있어 더 유용하게 사용할 수 있다. 해당 포스팅은 클라이언트와 서버에서의 Suspense 실행을 복습하고 원리를 이해하는데 도움이 될 것이다.클라이언트 : SuspenseNext.js의 클라이언트 컴
