태그: Vue 3
4편
-
Vue 3를 내부부터 이해하기: Proxy 반응형, Virtual DOM 패치, 컴파일러 최적화, 운영 패턴
Vue 3의 ref·reactive·computed·watch 사용법에서 시작해 Proxy가 track과 trigger로 의존성을 추적하는 방식, Virtual DOM 패치와 블록 트리, 정적 호이스팅·패치 플래그 같은 컴파일러 최적화, shallowRef·v-memo를 쓰는 운영 패턴까지 다룹니다.
-
Vuelidate로 Vue 폼 검증하기: 내장·커스텀 검증기, 비동기 검증, 에러 메시지, 중첩 객체
Vuelidate로 Vue 3 폼 검증 규칙을 선언하고 내장 검증기, 직접 만드는 검증기, 서버 중복 확인 같은 비동기 검증, 커스텀·다국어 에러 메시지, 중첩 객체 검증을 적용하는 방법을 회원가입 폼 예제로 따라갑니다.
-
VueUse로 자주 쓰는 Composable 가져다 쓰기: 상태·브라우저·센서·요소 유틸, 다크 모드 예제
VueUse로 Vue 개발을 빠르게 하는 방법. 설치와 기본 사용, useLocalStorage 같은 상태 Composable, useFetch 등 브라우저 Composable, 센서·요소 Composable, 유틸리티, 다크 모드 예제를 정리합니다.
-
Pinia로 Vue 3 상태 관리하기: Store 정의, storeToRefs 반응성 함정, 플러그인, 내부 모델
Pinia 스토어를 Options·Setup 스타일로 정의하고 컴포넌트에서 쓰는 방법, 구조 분해 시 반응성을 잃는 storeToRefs 함정, $patch·$reset, 플러그인과 영속화, SSR·Nuxt 환경과 스토어 간 순환 참조 문제를 다룹니다.