Vue.js & Nuxt 기초
·
✏️ Study/⛰️ Vue.js & Nuxt
📍Client-side rendering: 전통적인 Vue.js 어플리케이션의 렌더링 방식렌더링 과정1. 브라우저가 빈 HTML을 다운로드2. 브라우저가 JS를 다운받고 실행3. 앱이 렌더링되고 인터랙티브해짐 📍Universal Rendering: CSR + SSR 하이브리드 방식 -> Nuxt 방식- 서버에서 완전히 렌더링된 HTML 페이지를 반환(SSR) 하는데,- 이는 Nuxt가 서버 환경에서 JS(Vue.js) 코드 실행하기 때문- 이후에 추가로 브라우저가 JS를 다운받고 실행(CSR) 하면서 Vue.js가 통제권 가짐 📍CSR, SSR의 장단점 비교CSR 장점1. 개발 속도가 빠름- 서버 환경과의 호환을 신경쓰며 코딩하지 않아도 됨- 예) 서버에서는 window 객체, DOM API 사용 ..