프론트엔드 연구소
close
프로필 배경
프로필 로고

프론트엔드 연구소

  • 분류 전체보기 (360)
    • Develop (282)
      • JavaScript (80)
      • Vue (31)
      • Nuxt (9)
      • React (22)
      • Next.js (8)
      • CSS (12)
      • TypeScript (5)
      • 자료구조 & 알고리즘 (4)
      • Java (37)
      • DataBase (19)
      • C (9)
      • Git (3)
      • etc (19)
      • Made by powerku (8)
    • 일상 (77)
      • 맛집 (26)
      • 리뷰 (17)
      • 재테크 (7)
      • 이야기 (17)
      • 블로그 (9)
  • 홈
  • JavaScript
  • Vue
  • Nuxt
  • React
  • Next.js
  • 방명록
반응형
Nuxt - 컴포넌트 계층 app.vue, pages, components, layouts

Nuxt - 컴포넌트 계층 app.vue, pages, components, layouts

Nuxt에서는 여러 컴포넌트 계층을 사용합니다.이러한 컴포넌트 계층을 사용하면 사이트의 UI 개발을 좀 더 쉽고 빠르게 구현할 수 있습니다. app.vue기본적으로 진입점(entry point)입니다.사이트의 모든 경로에 대한 컨텐츠를 렌더링 합니다. 기본 사용법 Hello World! Page 디렉터리 사용할 때  Components재사용 가능한 UI 컴포넌트들을 저장합니다. (ex, button, header...)따로 명시적으로 import 없이 자동으로 가져올 수 있는 특징이 있습니다.| components/--| AppHeader.vue--| AppFooter.vue Pages페이지 컴포넌트들을 표시합니다.페이지 폴더 내에 있는 파일들을 각각 다른 경로를 나타냅니다.app.v..

  • format_list_bulleted Develop/Nuxt
  • · 2024. 5. 5.
  • textsms
반응형
  • navigate_before
  • 1
  • navigate_next
공지사항
  • 비전공자에서 프론트엔드 개발자 5년차 되기까지...
  • 2023년 조금 더 지난 상반기 회고 갓생살기
  • 파워쿠의 블로그 입니다.
전체 카테고리
  • 분류 전체보기 (360)
    • Develop (282)
      • JavaScript (80)
      • Vue (31)
      • Nuxt (9)
      • React (22)
      • Next.js (8)
      • CSS (12)
      • TypeScript (5)
      • 자료구조 & 알고리즘 (4)
      • Java (37)
      • DataBase (19)
      • C (9)
      • Git (3)
      • etc (19)
      • Made by powerku (8)
    • 일상 (77)
      • 맛집 (26)
      • 리뷰 (17)
      • 재테크 (7)
      • 이야기 (17)
      • 블로그 (9)
최근 글
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바