🧪 Test
Vue Testing Library 실전 설계 가이드
Vue Testing Library와 Vitest로 컴포넌트를 사용자 관점에서 테스트하는 방법을 정리합니다. 렌더링 결과, 이벤트, 비동기 UI, Pinia/Router 연동, 과도한 구현 의존을 피하는 기준까지 다룹니다.
Tag Archive
#vue
이 태그는 현재 14개의 포스트와 연결되어 있습니다. 같은 문제를 다른 관점에서 다룬 글까지 함께 따라가면 주제 이해가 훨씬 빠르게 넓어집니다.
Expand The Topic
함께 많이 등장하는 태그
🖥️ Frontend
Nuxt 아키텍처 설계 가이드
Nuxt 기반 프론트엔드 아키텍처를 설계할 때 고려해야 할 렌더링 전략, 데이터 계층, 라우팅 경계, 캐싱, 운영 모델을 실무 관점에서 정리합니다.
🖥️ Frontend
Vue.js 아키텍처 설계 가이드
Vue.js 프로젝트를 단순 컴포넌트 모음이 아니라 유지보수 가능한 프런트엔드 시스템으로 설계하는 방법을 정리합니다. 상태 경계, 라우팅, 데이터 흐름, 폴더 구조, 성능과 협업 관점까지 실무 중심으로 다룹니다.
🖥️ Frontend
Vue 컴포넌트 설계 원칙 가이드
Vue 애플리케이션에서 컴포넌트 책임, 재사용 경계, props/events 설계, 슬롯 전략을 실무 관점에서 정리합니다.
🖥️ Frontend
Vue + SPA 아키텍처 가이드
Vue 기반 SPA를 빠르게 만드는 방법이 아니라, 오래 운영 가능한 단일 페이지 애플리케이션으로 설계하는 방법을 정리합니다. 라우팅, 상태, 데이터 패칭, 캐싱, 배포와 성능까지 다룹니다.
🖥️ Frontend
Vue + SSR 아키텍처 가이드
Vue 기반 SSR 애플리케이션을 언제 도입해야 하는지, SPA와 무엇이 달라지는지, 데이터 로딩과 캐싱, hydration, 배포 모델까지 실무 관점에서 정리합니다.
🖥️ Frontend
Vue 상태관리 전략 가이드
Vue 애플리케이션에서 Pinia와 로컬 상태, 서버 상태를 어떻게 구분하고 설계해야 하는지 실무 관점에서 정리합니다.
🖥️ Frontend
Vue vs React 심화 비교 가이드
Vue와 React를 문법 취향이 아니라 아키텍처, 상태 모델, 렌더링 방식, 팀 확장성, 생태계 관점에서 깊이 비교합니다. 어떤 조직과 제품에 더 잘 맞는지 실무 기준으로 정리합니다.
🖥️ Frontend
Vue Router 4 설계 가이드
Vue Router 4를 단순 라우팅 도구가 아니라 화면 전환과 권한 흐름을 설계하는 관점에서 정리합니다. 중첩 라우트, 가드, lazy loading, URL 설계 기준까지 다룹니다.
🖥️ Frontend
Vue 3 Composition API 완벽 가이드
Composition API 문법 소개를 넘어 로직 조합, composable 설계, ref와 reactive의 경계, 유지보수 관점까지 실무형으로 정리합니다.
🖥️ Frontend
Pinia 상태 관리 설계 가이드
Vue 3에서 Pinia를 도입할 때 알아야 할 핵심 설계 포인트를 정리합니다. store 경계, 서버 상태와 클라이언트 상태 분리, action 책임, TypeScript 활용까지 실무 관점에서 다룹니다.
🖥️ Frontend
Vue 3 컴포넌트 통신 설계 가이드
Vue 3에서 props, emit, provide/inject, store를 언제 써야 하는지 정리합니다. 단순 문법 설명보다 데이터 흐름과 컴포넌트 경계를 어떻게 설계할지에 초점을 맞춥니다.
🖥️ Frontend
Vue 3 + TypeScript 설계 가이드
Vue 3 프로젝트에서 TypeScript를 실무적으로 적용하는 방법을 정리합니다. defineProps, defineEmits, ref/reactive 타입, 컴포저블 타입 모델링, 과한 일반화를 피하는 기준까지 다룹니다.
🖥️ Frontend
Vite + Vue 3 프로젝트 설계 가이드
Vite와 Vue 3로 빠른 개발 환경을 구성할 때 필요한 핵심 판단을 정리합니다. alias, 환경 변수, 프록시, 빌드 전략, 개발 경험과 배포 안정성을 함께 고려하는 방법을 다룹니다.