[태그:] nuxt.js 지연 컴포넌트

  • [Nuxt.js-3] Nuxt.js 레이아웃과 컴포넌트

    [Nuxt.js-3] Nuxt.js 레이아웃과 컴포넌트

    지난 포스트에는 Nuxt.js의 파일 기반 라우팅 시스템에 대해 알아보았습니다. 이번 포스트에는 Nuxt.js의 레이아웃 시스템과 컴포넌트 관리에 대해 자세히 알아보겠습니다. 1. 레이아웃(Layouts)이란? 레이아웃은 여러 페이지에서 공통으로 사용되는 UI 구조를 정의하는 컴포넌트입니다. 헤더, 푸터, 사이드바와 같이 여러 페이지에서 반복되는 요소들을 레이아웃으로 분리하면 코드 중복을 줄이고 일관된 사용자 경험을 제공할 수 있습니다. 2. 레이아웃 디렉토리 구조 Nuxt.js에서는 layouts…