CSR, SSR
렌더링 방식을 나타내는 말이다.
즉, 클라이언트에서 보낸 요청을 서버에서 처리하여 만든 Model 데이터와 View로 생성한
응답 데이터를 활용하여 클라이언트 또는 서버 어느 곳에서 웹 페이지를 완성하느냐의 차이를 가진다.
CSR (Client Side Rendering)
서버에서 클라이언트 측으로 데이터만 넘겨주고,
클라이언트 측에서 전달받은 데이터를 가지고 HTML을 생성해 클라이언트를 보여주는 방식.
= 가구 공장에서 가구의 부품들을 클라이언트에게 보내, 클라이언트 측에서 조립하도록 하는 방식
[동작방식]
1. 클라이언트에서 서버로 Javascript 요청
2. 서버에서 응답하여 클라이언트에 Javascript 로직을 내려줌
3. 클라이언트 REST API 등을 이용해 데이터 요청
4. 서버에서는 응답하여 클라이언트에 데이터를 내려줌
5. 클라이언트는 응답 받은 데이터를 이전에 전달받은 Javascript 로직을 이용해 HTML을 생성.
6. 클라이언트는 생성한 HTML을 사용자에게 보여줌.
SSR (Server Side Rendering)
서버에서 클라이언트에게 보여질 화면을 결정하는 것.
즉, HTML을 서버에서 모두 만들어 클라이언트에게 전달하면, 클라이언트는 전달받은 HTML을 화면에 표시
= 가구 공장에서 완제품 형태로 클라이언트에게 보내는 방식.
[동작방식]
1. 클라이언트에서 서버로 HTML 요청
2. 서버에서 응답하여 클라이언트에게 HTML 내려줌
3. 클라이언트는 응답받은 HTML을 사용자에게 보여줌
'백엔드 기술 > Spring' 카테고리의 다른 글
Spring MVC - 트랜잭션 (0) | 2023.06.12 |
---|---|
JDBC, Spring Data JDBC, JPA, Spring JPA (0) | 2023.04.25 |
DTO (0) | 2023.04.23 |
Spring MVC 프레임워크 요청 처리 과정 (0) | 2023.04.21 |
Spring (POJO) VS Spring Boot (0) | 2023.04.21 |