nuxt

첫 렌더링 때만 ssr
process.server
process.client
어느쪽에서 렌더링하는지 확인할 수 있다

CSR vs SSR

CSR
클라이언트 사이드 렌더링

SPA

• 최초 한번 페이지 전체 로딩한 시점부터는 데이터만 변경해서 사용할 수 있는 웹 애플리케이션
• 페이징 리로딩(깜빡임) 없이 필요한 부분만 서버로부터 받아서 화면을 갱신하는 렌더링 바법

SPA : 최초 한번 페이지를 전체 로딩한 후 데이터만 변경해서 사용할 수 있는 웹 어플리케이션

vue.js
router 관련 디렉트로

• SPA : Single Page App
• Universal app
• static app

nuxt.config.js
mode 프로퍼티를 통해 설정 가능
mode : 'spa'/'universal'
universal : ssr + client side navigation

universal app의 동작 방식
과거에 페이지를 이동할 때마다