server-side-rendering
-
[SPA] 서버 사이드 렌더링이란?SPA 2024. 11. 3. 19:28
1. 서버 사이드 렌더링(Server Side Rendering)서버 사이드 렌더링이란, 말 그대로 웹 페이지의 HTML을 서버쪽에서 렌더링하여 클라이언트에게 전달하는 방식을 의미한다.서버에서 HTML 파일을 미리 생성하여 전달하는 것이기 때문에 사용자가 사이트에 접속했을 때 바로 콘텐츠를 볼 수 있다. 위 이미지는 SSR 과정을 설명해주는 그림이다.사용자가 웹사이트에 요청을 보낸다.서버가 렌더 준비가 된 HTML 파일을 생성한다.브라우저가 HTML을 렌더할 수 있지만 js 파일을 읽기 전이기 때문에 조작은 불가능한 상태이다.브라우저가 Javascript를 읽는다.유저는 콘텐츠를 볼 수 있고 조작도 기록된다.브라우저가 리액트와 같은 JS 프레임워크를 실행한다.기록된 사용자 조작이 실행되고 페이지 상호작용..