pinia

1. 서론Vue 3와 관련한 내용들을 한 줄씩으로 요약하자면 아래와 같습니다.Vue Router 4createRouter, createWebHistory, useRoute, useRouter 기반 라우팅 구조 이해PiniadefineStore로 도메인별 store 정의, state / getters / actions로 전역 상태 관리 {{ count }} - {{ count }} 5. 마이그레이션 체크리스트이번 글은 기존에 Vue 2 기반으로 생성된 프로젝트를Vue 3 구조에 어떻게 끼워 맞출지 관점에서 체크리스트를 만드는 게 목표입니다. 라우터 관련router/index.js에서 new Router / mode / routes 구조 파악네비게이션 가드(beforeE..

Vue 2 + Router 3 + Vuex를 활용한 SPA가 궁금하다면?2025.11.20 - [Web/Vue] - Vue Router와 Axios 활용해 라우팅 + API 연동으로 SPA 만들기 Vue Router와 Axios 활용해 라우팅 + API 연동으로 SPA 만들기Vue Router가 무엇인지, 어떻게 활용하는지 궁금하다면?2025.11.19 - [Web/Vue] - Vue Router 기초 (Vue 2 + Vue Router 3) Vue Router 기초 (Vue 2 + Vue Router 3)1. SPA에서 라우터가 필요한 이유Vue로 간단한 컴포넌트까지만sproutinghye.tistory.com 1. 서론오늘은 Vue 3, Vue Router 4, Pinia, 위치에서 라우트에 맞는..

Vuex를 이용한 Vue 전역 상태 관리가 궁금하다면?2025.11.20 - [Web/Vue] - Vuex를 이용한 Vue 전역 상태 관리 예제 Vuex를 이용한 Vue 전역 상태 관리 예제Vuex가 무엇인지, Vuex를 이용해 Vue 전역 상태 관리하는 방법이 궁금하다면?2025.11.20 - [Web/Vue] - Vuex 기초: Vue 전역 상태 관리 (state, getters, mutations, actions, modules) Vuex 기초: Vue 전역 상태 관리 (state, gettsproutinghye.tistory.com 1. 서론Vue 2 시절에는 Vuex가 사실상 표준 전역 상태 관리 라이브러리였습니다.하지만 Vuex 3에 들어와서는 분위기가 조금 바뀌었습니다.Pinia는 Vue에..