- Vue 컴포넌트 지연 로딩 최적화 방법 소개 ✨
- 느린 인터넷 환경에서도 빠른 컴포넌트 로딩을 위한 비동기 전처리 기법 설명 💨
- 마우스 오버 이벤트 활용, 사용자 의도 파악 후 컴포넌트 미리 불러오기 🖱️
script setup
내에서 비동기 컴포넌트 전처리, 렌더링 차단 없이 처리 🚀- 페이지 라우팅에도 동일한 전처리 기법 적용 가능, 사용자 경험 향상 🏠
- Next.js 에서는
next/link
를 통해 자동으로 페이지 컴포넌트 전처리 기능 제공 ➡️ - Next.js 전처리는 자바스크립트만 다운로드, 데이터 fetching은 탐색 시 발생 ⚠️