기존에 만들었던 Vue.js만 사용한 방법을 Client rendering

Django만 사용하거나 Django Mixin로 만든 것은 Server rendering이라고 한다.


Client Rendering

Vue.js코드

즉 클라이언트에서 렌더링 한다.

Server Rendering

Django 코드, 즉 서버에서 렌더링 한다.


Rendering 이란?

DOM + CSSOM = Rendering Tree

Layout

Painting

이런 일련의 과정을 랜더링이라고 한다. 항상 브라우저, 즉 클라이언트에서 처리되는 과정이다.

그러나 이 둘을 이렇게 구분하는 방법은

DOM/CSSOM에 필요한 HTML 및 CSS를 누가 생성하냐 의 기준으로 말한다.


결론..

Client Rendering은 첫 화면은 Server Rendering으로 구성하고 그 이후에 Client Rendering으로 한다.