Web에서 Rendering 기술의 차이

Single page application (이하 SPA) framework인 Vue와 React는 Client Side Redering(이하 CSR) 방식으로 View를 구현하는 반면, Multi page application(이하 MPA)인 PHP는 Server Rendering(이하 SSR) 방식으로 View를 구현한다.
CSR과 MPA가 무엇이고 그 둘의 차이는 무엇일까?

---

CSR

• Client에서 JavaScript에 의해 HTML(View)를 동적으로 생성하기 때문에 page의 전환이 SSR방식보다 빠르다
• 최초 접속 시, 모든 JavaScript와 정적인 파일(HTML, 이미지 등)을 가져와야 하므로 최초 접속 시 로딩은 SSR방식보다 느리다.

SSR

• Web Server에서 View를 생성한다.
• Page 전환 시 client server에 View 요청을 하고 , 요청된 View를 server가 생성한 뒤에 Client에게 전송하기 때문에 View 전환 속도가 CSR 방식에 비해 느리다.
• page 요청이 자주 있을수록 CSR에 비해 server 부하가 더 커진다.