자바스크립트 + 리액트 디자인 패턴

337

Chapter 13_

렌더링 패턴

■

CSR

애플리케이션 수준의 상호작용성

■

SSR

애플리케이션 수준의

SEO

및 성능상의 이점

13.3

서버 사이드 렌더링(

SSR

)

SSR

은 모든 요청마다

HTML

을 생성합니다. 이 방식은 사용자 쿠키 정보나 요청 데이터를 기

반으로 하는 등, 개인 맞춤형 데이터를 포함하는 페이지에 가장 적합합니다. 인증 상태에 따

라 렌더링 여부를 결정해야 하는 페이지에도 적합합니다.

SSR

은 가장 오래된 웹 콘텐츠 렌더링 방식 중 하나로, 사용자 요청에 대한 응답으로 렌더링

할 페이지 콘텐츠의 전체

HTML

을 서버에서 생성합니다. 이 콘텐츠에는 데이터 저장소나 외

부

API

에서 가져온 데이터도 포함될 수 있습니다.

SSR

에서는 데이터 연결 및

fetching

작업이 서버에서 처리됩니다. 콘텐츠 형식 지정에 필요

한

HTML

또한 서버에서 생성됩니다. 따라서

SSR

을 사용하면 데이터

fetching

및 템플릿 처

리를 위한 추가적인 왕복 시간을 줄일 수 있습니다. 클라이언트 사이드 렌더링 코드가 필요

하지 않으므로, 이에 상응하는 크기의 자바스크립트 코드를 클라이언트에 전송할 필요도 없

습니다.

SSR

에서는 모든 요청이 독립적으로 처리되고, 서버에 의해 새로운 요청으로 간주됩니다. 연

속된 두 요청의 결과가 크게 다르지 않더라도, 서버는 처음부터 다시 처리하고

HTML

을 생

성합니다. 서버는 여러 사용자가 공유하기 때문에 서버의 데이터 처리 능력은 주어진 시간에

모든 사용자가 공유합니다.

개인화된 대시보드는 매우 동적인 ...