Devlog

Vuex보다 가볍고, 타입 지원도 뛰어난 Vue 3 공식 상태관리 라이브러리 Pinia.이번 포스팅에서는 Pinia를 설치하고 기본적인 상태관리 로직을 구현하는 방법을 소개합니다.1. Pinia 설치터미널에서 다음 명령어를 입력하여 설치합니다.npm install pinia그리고 main.js 또는 main.ts에서 Pinia를 등록합니다.// src/main.jsimport { createApp } from 'vue'import App from './App.vue'import { createPinia } from 'pinia'const app = createApp(App)const pinia = createPinia()app.use(pinia)app.mount('#app')2. 상태 저장소(Store)..

Vue 3 + Vite 프로젝트를 기반으로 Vue Router를 적용하고, Axios로 외부 API를 호출하는 방법을 A부터 Z까지 정리해보겠습니다.0. 프로젝트 준비Vue 프로젝트가 아직 없다면 아래 명령어로 생성해주세요:npm create vite@latest vue-router-axios-app설정 옵션:Framework: VueVariant: JavaScript 또는 TypeScript (원하는 대로)cd vue-router-axios-appnpm installnpm run dev1. Vue Router 설치 및 설정✅ 설치npm install vue-router✅ 폴더 구조 생성src/├── router/│ └── index.js├── views/│ ├── HomeView.vue│ └..