Vue.js / Nuxt.js

Vue.js: 리액티비티, Virtual DOM, templates, directives (v-if, v-for, v-model)

Options API vs Composition API: setup(), ref(), reactive(), computed()

Lifecycle hooks: onMounted, onUpdated, onUnmounted, watch, watchEffect

컴포넌트: props, emits, slots, provide/inject, defineExpose

Directives: v-bind, v-on, v-model, v-if/v-show, v-for with :key, 사용자 정의 directives

리액티비티 시스템: ref vs reactive, toRefs, unref, shallow ref, readonly

Composables: 로직 재사용, custom hooks, 상태 관리

Nuxt.js 아키텍처: pages/, components/, layouts/, middleware/, server/

라우팅: 파일 기반 라우팅, 동적 라우트, 중첩 라우트, route middleware

데이터 페칭: useFetch, useAsyncData, $fetch, 캐싱 전략, SSR 데이터

서버 라우트: API 엔드포인트, server middleware, 데이터베이스 통합

상태 관리: Pinia stores, getters, actions, 상태 영속성

Nuxt 모듈: auto-imports, @nuxt/image, @nuxtjs/i18n, nuxt-security

렌더링 모드: SSR, SSG, SPA, 하이브리드 렌더링, useNuxtApp

테스트: 컴포넌트 테스트 (Vitest, Vue Test Utils), E2E (Playwright), mocking

성능: lazy components, prefetching, tree-shaking, Nitro 최적화

SEO: useSeoMeta, useHead, 사이트맵 생성, Open Graph

배포: Nuxt layers, 환경 설정, Vercel/Netlify/Node.js 호스팅