TIL - SSR CSR

SSR (Server Side Rendering)

• 서버에서 사용자에게 보여줄 페이지를 모두 구성하여 사용자에게 페이지를 보여주는 방식 의미

• 서버에서 모든 것을 제공해주기 때문에 과부화 문제가 생김

• 다 구성되고 한번에 뜸

• main사이트등 변경이 많이 없을때는 SSR을 사용

• JSP, thymeleaf

  

CSR (Clinet Side Rendering)

• 클라이언트에서 처리
• 이벤트가 단계적으로 발생하면서 렌더링 (이미지가 순차적으로 뜸)
• 값이 지속적으로 변할때는 CSR이 유리
  

F12 개발자 도구를 키고 Permorance Tab에서 이미지를 확인가능

출처

• https://medium.com/walmartglobaltech/the-benefits-of-server-side-rendering-over-client-side-rendering-5d07ff2cefe8
• https://velog.io/@dong_geon_kim/CS-2-SSR%EA%B3%BC-CSR