[Spring Boot] 렌더링 방식 (CSR, SSR)

클라이언트와 서버 간의 데이터 처리 방식

#  CSR (Client-side Rendering)

  - 클라이언트 측에서 렌더링을 처리하는 방식

      · 클라이언트가 서버로부터 데이터를 받아옴

          → JavaScript를 이용해 동적으로 HTML, CSS, JavaScript를 생성함

          → 브라우저에서 렌더링함

  - 비동기 통신 (AJAX)

  - 데이터를 받아서 특정 부분만 렌더링함

 

#  SSR (Server-side Rendering)

  - 서버 측에서 렌더링을 처리하는 방식

  - 서버에서 HTML, CSS, JavaScript를 생성함

      → 클라이언트는 이를 그대로 받아와 렌더링함

  - Controller → jsp 방식

  - 렌더링을 마친 후 클라이언트에게 보냄

  - 장점 : 초기 로딩 속도가 빠르고 SEO에 용이함

  - 단점 : 서버 부하가 증가할 수 있음