CSR vs SSR

CSR (Client Side Rendering)

 - Browser에서 자바스크립트에 의해 view를 동적으로 생성.

 - SSR보다 상대적으로 빠르다.

 - 대신 최초 접속 시 모든 자바스크립트와 static파일을 가져와야한다.

 - 따라서 최초 접속 시 로딩은 SSR보다 느리다.

 

SSR (Server side Rendering)

 - 웹서버에서 View를 생성한다.

 - 페이지가 전환될 때 마다 client가 서버에 View 요청을 함.

 - 서버는 그것을 client에 응답.

 - 때문에 view 전환 속도가 CSR에 비해 느리다.

 - 페이지 전환 요청이 빈번할수록 서버 부하가 커진다.

 

Vue 와 React 는 CSR 방식으로 View를 만듬.

 - 얘내 둘은 SPA (Single Page Application) framework 이다.

PHP는 SSR 방식으로 만듬.

 - PHP는 MPA (Multi Page Application) framework 이다.