[Study] 서버 사이드 렌더링 vs 클라이언트 사이드 렌더링

출처: https://asfirstalways.tistory.com/244

 

1. SSR (Server-Side Rendering)
   • 서버에서 페이지를 그려 클라이언트(브라우저)로 보낸 후 화면에 표시하는 기법을 의미합니다.
   •   장점: 서버에서 미리 그려서 브라우저로 보내주기 때문에 초기 렌더링 속도가 빠릅니다.
   •   단점: 이후 매 요청마다 서버에서 새로운 화면을 만들어 제공해주기 때문에 부하가 큽니다.
2. CSR (Client-Side Rendering)
   • 서버에서 받은 데이터를 클라이언트인 브라우저에서 렌더링을 해주는 방식입니다.
   •   장점: 사용자 행동에 따라 필요 부분만 다시 읽어들이기 때문에, 빠른 인터렉션을 기대할 수 있습니다.
   •   단점: 초기 구동 속도가 느립니다.