서버사이드 렌더링1 Suspense를 활용한 SSR Architecture의 성능 개선 react 18의 주요 기능 중 하나인 Suspense가 Server Side Rendering 성능 개선을 위해 어떤 역할을 하게 될지 알아보자 SSR 개요1. 서버 사이드 렌더링(SSR)은 서버에서 React 컴포넌트를 사용해 HTML을 생성하고, 이 HTML을 사용자에게 전송하는 것을 말한다. 2. SSR은 사용자가 JavaScript bundle이 로드되고 실행되기 전에 페이지의 내용을 볼 수 있게 해준다. React에서 SSR의 과정1. 서버에서 전체 app에 대한 데이터를 fetch한다. 2. 그 다음에 서버에서 전체 app을 HTML로 렌더링하여 응답으로 보낸다. 3. 클라이언트에서 전체 app에 대한 Javascript 코드를 로드한다. 4. 클라이언트에서 JavaScript 로직을 서.. 2024. 5. 1. 이전 1 다음
