[[분류:웹]][[분류:컴퓨팅 방법론]]
[include(틀:렌더링 방식)]
[목차]

== 개요 ==
Modern Rendering은 [[pjax]] 기술을 이용해 히스토리를 조작하고, 비 JavaScript 환경이나 직접 접속 등을 대비해 해당 페이지에도 라우팅을 해놓는 렌더링 기술이다. Client Side Rendering이라고도 불린다.

== 렌더링 순서 ==
{{{#!folding [ 순서 펼치기 / 접기 ]
||<tablebgcolor=#f0f8ff> 요청 || > || 서버 연산 || > || > || 새로고침 및 로딩 || > || __하이퍼링크로__ 같은 사이트 재요청 || > || [[SPA#Single Page Application|Single Page Application]]과 같게 동작 || > || 주소창으로 해당 사이트 접근 || > || 서버 연산 || > || 새로고침 및 로딩 || > || 주소창으로 다른 사이트 접근 || > || 다른 사이트 서버 연산 || > || 새로고침 및 로딩 ||}}}
여기서 조금 복잡해졌는데, 모든 액션을 한 표에 --강제로-- 욱여넣어서 그런거고, 조건으로 분리하면 이렇게 된다.

=== 사이트가 접속되었다? ===
||<tablebgcolor=#f0f8ff> 요청 || > || 서버 연산 || > || 새로고침 및 로딩 ||
=== 사이트가 내 사이트 하이퍼링크로 접속되었다? ===
||<tablebgcolor=#f0f8ff> [[SPA#Single Page Application|Single Page Application]]과 같게 동작 ||
--[[참 쉽죠?]]--
=== 다른 사이트가 내 사이트 하이퍼링크로 접속되었다? ===
||<tablebgcolor=#f0f8ff> 다른 사이트 서버 연산 || > || 새로고침 및 로딩 ||
== 라이브러리 / 프레임워크 ==
 * [[Next.js]]
 * [[Vue.js]]
 * Nuxt.js
== 지원 사이트 ==
 * '''[[나무위키]]''' - Nuxt.js의 Vue.js를 쓰기 때문에 딸려온다. [[https://namu.wiki/|#]]
 * 나무뉴스 [[https://namu.news/|#]]
 * [[Gmail]]
 * [[구글 맵스|Google Maps]]
 * 기타 [[Next.js]]를 쓰는 사이트들
 * 기타 [[Vue.js]]를 쓰는 사이트들
 * 기타 Nuxt.js를 쓰는 사이트들