1. vuex에서 json 파싱하기 먼저 json파일을 프로젝트 내에 저장합니다. 예시로 쓸 db.json 파일입니다. {"data":[ { "user":"AAA", "genre":"myS", "location":"A3", "size":"2" }, { "user":"BBB", "genre":"myS", "location":"A13", "size":"1" }, { "user":"CCC", "genre":"myS", "location":"B2", "size":"2" } ] } store폴더 밑에 있는 index.js에서 구현해보겠습니다. json 데이터 읽기 state 데이터 mutations state에 저장된 데이터의 상태를 변경할 때 사용합니다. data라는 변수를 받아서 state에 있는 db에 저장..

Vuetify Application components v-app-bar v-bottom-navigation v-footer v-navigation-drawer v-system-bar 이 포스트에서 사용되는 Vuetify application components는 v-app-bar, v-navigation-drawer로 구성되어있습니다. App.vue 코드 router/index.js 코드 import Vue from 'vue' import VueRouter from 'vue-router' import Home from '../views/Home.vue' Vue.use(VueRouter) const routes = [ { path: '/', name: 'home', component: Home }, { ..

시작하기 앞서 참고하기 좋은 사이트를 제공하고 시작하겠습니다. https://kr.vuejs.org/ Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org https://vuetifyjs.com/ko/getting-started/quick-start 빠른 시작 — Vuetify.js vuetifyjs.com https://cli.vuejs.org/guide/creating-a-project.html#vue-create Creating a Project | Vue CLI Creating a Project vue create To create a new project, run: WARNING If you are on Windows using Git Bash with minT..