[Basic] SPA, MPA, SSR, CSR 은 무엇인가?

SSR(Server Side Rendering) # 원래의 초기에는 웹사이트는 MPA(Multiple Page Application) 방식으로 되어있었다. MPA는 페이지를 이동할 때마다 새로운 페이지를 요청한다. 모든 템플릿은 서버 연산을 통해서 렌더링하고 완성된 페이지 형태로 응답한다. 이 과정을 "서버 사이드 렌더링(SSR)"이라고 부른다. 서버 사이드 렌더링의 장점은 SEO이다. 전통적인 MPA의 경우 브라우저에서 JavaScript 코드가 동작하기 전에도 완성된 형태의 템플릿 (HTML에 데이터가 삽입된 상태)을 서버로 부터 전달받는다. 이 때문에 검색로봇이 페이지를 크롤링하기에 매우 적합하다. CSR(Client Side Rendering) # CSR 방식은 최초 요청시에 리소스를 모두 다운로드 받는다는 형식이다. 따라서, 최초 요청시에는 리소스를 다운받고 이후에는 서버에 데이터만 전달 받으며, 자바스크립트는 화면만 변경해준다. 이 과정을 "클라이언트 사이드 렝더링(CSR...

원문링크 : [Basic] SPA, MPA, SSR, CSR 은 무엇인가?