Nuxt 컴포넌트 계층 | 짐코딩 클럽 온라인 강의

자동 재생
자동 완성

이전 강의 완료하고 계속하기

Vue 강의 끝판왕 : Nuxt3 완벽 마스터

강의소개 및 오리엔테이션

강의소개 (3:30)
오리엔테이션 | 강의교안 & 소스코드 설명 (9:39)

시작하기 전에

프레임워크란? 프레임워크 공부법!
Nuxt란 무엇인가?
NVM으로 Nodejs 버전관리

개발환경 및 프로젝트 구성

개발환경 구성 (5:45)
프로젝트 구성 (11:44)
ESLint, Prettier 설정 (5:44)
Quasar UI Framework 설치 (5:49)

Routing & Layouts

Nuxt 컴포넌트 계층 (19:16)
라우팅 기본 : 파일 기반 라우팅 (15:08)
Course 페이지 만들기 (3:34)
Vue3 with TypeScript (13:00)
Course 데이터 가져오기 (33:55)
NuxtPage 내장 컴포넌트 (21:23)
Utils - definePageMeta (9:15)
라우팅 고급 - 중첩 라우팅 (16:09)
NuxtLink 내장 컴포넌트 (27:15)
레이아웃 구성 - 기초부터 실전까지 (28:04)
Utils - navigateTo (6:23)
Netlify 배포하기 (11:37)

Nuxt 주요 개념 및 특징

nuxtApp (Runtime App Context) (10:52)
Nuxt plugins(다국어) & utils (19:52)
Auto-imports (6:31)
Rendering Modes (11:44)
Hydration (30:55)

Error Handling

에러 던지기 : createError Utils (11:42)
에러 페이지 정의 (with useError, clearError) (7:27)
Error Handling (with Lifecycle hooks) (6:41)
Error Utils - showError (4:11)
클라이언트 오류 처리 (NuxtErrorBoundary) (5:10)
Route Validation (5:05)

Route Middleware and Authentication

Route Middleware 기초 (5:53)
Authentication 로그인 UI 만들기 (3:21)
Page 공통 컴포넌트 만들기 (쉬어가요) (11:51)
Authentication 비즈니스 로직 구현 (22:15)
Auth Named Middleware 적용 (11:17)
Global & Dynamic Middleware (3:48)

State Management

Nuxt 상태관리 : useState() (8:02)
useRequestHeaders 컴포저블 (9:27)
Authentication : useState 적용 (10:32)
Nuxt & Pinia : 상태관리 (8:44)
Authentication : Pinia 적용 (8:12)
Authentication : Pinia 상태 유지 (8:06)
useCookie : locale 상태 유지 (4:20)

Server & Data fetching

Server Routes - Course API (20:44)
Client Data fetching - Course API (7:39)
Server Routes - Auth API (16:54)
Client Data fetching - Auth API (18:56)
Server Auth Utils & Middleware (6:02)

SEO & Meta

SEO and Meta Basic (with SNS) (14:10)
SEO and Meta Advanced (9:09)

Nuxt Modules

Modules : @nuxtjs/i18n 설치 (15:28)

Data fetching Advanced

VueUse : localStorage sessionStorage (7:39)
Data fetching caching (11:46)

Configuration

Nuxt Configuration (8:12)
App Configuration (3:51)

수고하셨습니다 💕

제 강의를 찾아주셔서 진심으로 감사드립니다! (3:23)

Teach online with

Nuxt 컴포넌트 계층

완료하고 계속하기

Discussion

0 코멘트