Vue 기반 서버 사이드 렌더링 프레임워크.

싱글 페이지 어플리케이션은 실제적으로 하나의 페이지 내에서 URL이 변경되었다는 이벤트인 HashChangeEvent라는 이벤트를 들었을 때 해당 페이지의 변경 부분만을 변경하는 방식이다. 실제로 SPA로 제작된 페이지 내에서https://joshua1988.github.io/vue-camp/vue/instance.html#인스턴스의-속성-api들

https://joshua1988.github.io/vue-camp/vue/instance.html#인스턴스의-속성-api들sss

로 URL 변경이 일어나면 HashChangeEvent가 발생되면서 우리가 원하는 페이지가 보인다. 모든 SPA의 라우팅 방식이 이렇게 이루어진다.

서버 사이드 렌더링이 필요한 이유

Pre-rendering과 Hydration

Nuxt로 살펴보는 서버사이드 렌더링의 핵심

Nuxt 프로젝트 구조

NuxtLink

Nuxt 데이터 호출 방식 & asyncData

Dynamic Route

전역 스타일링(reset.css)

내부 자식 컴포넌트 사용

Nuxt Vuex

fetch 속성