1.5 KiB
-
설정&모듈 + 서버 렌더링 모드 (SSR / SSG / SPA / Edge) nuxt.config.ts에서의 핵심 옵션(app, runtimeConfig, nitro, routeRules 등). Nuxt 4에서 지원하는 렌더링 전략(SSR, SSG, SPA, Hybrid)과 nuxt.config에서의 설정 방식. 언제 SSR/SSG를 써야 하는지, SEO·성능·캐싱 관점의 차이.
-
rendering 흐름 & lifecycle SSR → Hydration → CSR 전환 흐름서버/클라이언트별 lifecycle (setup, onMounted, onServerPrefetch 등)
-
서버 엔드포인트 (server/api/_ & server/routes/_) Nitro 기반 서버: server/api/*.ts로 API 라우트 만드는 법서버 유틸(eventHandler, getQuery, readBody) 사용.
-
데이터 페칭 (useAsyncData, useFetch 등) 컴포넌트에서 비동기 데이터 불러오는 패턴과 캐싱, 에러/로딩 상태 관리.서버에서 먼저 데이터 로딩 후 HTML 렌더링되는 흐름(SSR 시) 이해. 서버/클라 어디에서 어떻게 부를지, 에러·로딩 관리 패턴
-
상태관리 기준 언제 local state / composable / Pinia를 쓸지 기준 세우기auth, 공통 UI 상태(모달/토스트) 같은 예시 기반
-
컴포저블(Composables) & useXxx 패턴 composables/ 폴더에 공통 로직을 useAuth, useApi처럼 추상화하는 방식. 상태 공유, 서버/클라이언트 환경 차이(hydration) 고려한 composable 설계.
-
간단한 캐시 / 재호출 전략 설계 stale-while-revalidate 느낌의 패턴재호출 조건, invalidation 타이밍, 초간단 리스트/상세 캐싱 패턴