SSR 이란?

.

SPA에 이어 오늘은 유사한 개념인 SSR에 대해서 정리해보겠습니다.
SPA에 대한 자세한 내용은 다음 링크를 확인하세요.
https://uihkk.tistory.com/22
 
 

서버 사이드 랜더링(Server Side Rendering)

 
SSR는 말 그대로 서버 측에서 페이지를 랜더링 한다는 뜻이며

서버에서 브라우저에 보일 HTML파일을 미리 준비해 응답하는 형식입니다. 

앞서 정리한 SPA(Single Page Application)이 작동하는 방식인 CSR방식과 상반되기에 비교해 정리했습니다.

 

두 가지 방식의 주요한 차이점은 화면(View)를 그리는 주체가 누구인가인데

CSR(Client Side Rendering)은 클라이언트, 즉 사용자가 보고 있는 브라우저가 주체가 되고
SSR(Server Side Rendering)은 서버가 주체가 되어 그린 뒤에 전송하게 됩니다.

 

어떤 방식이 더 나은 것이 아니라 두 방식의 장단점이 다르기에 혼용되어 이용되기도 하며 이런 경우, 하이브리드 애플리케이션이라고 불리며 개발되고 있습니다.
  
 

SPA vs MPA,
CSR vs SSR

두 게시글에 걸쳐 정리하게 되었는데 서로 상반되는 두 가지의 개념을 정리하면 다음과 같습니다.

한 눈에 보고 그 개념을 이해하면 될 것 같습니다. 

최근 SPA의 형태로 많은 개발이 이루어지고 있기 때문에 공부해야 되는 개념이고,
상대적으로 SSR 형태의 개발에 대해 잊을 수 있기에 함께 정리했습니다.

 
 
참고사이트 : SPA란? 웹 개발 트렌드 SPA의 특징부터 구현 방법까지 모두 알려드립니다!
https://www.elancer.co.kr/blog/view?seq=214