그냥 사는 이야기

SPA에서는 sub path에 대한 관리를 별도로 해줘야 합니다. 말그대로 single page 이므로 이후의 page란 없는 것 입니다. 이를 위해 vue 에서는 vue-router를 사용합니다. router 내용 선언 vue-router가 SPA에서 다른 경로의 component를 가르키는 기본 형태는 아래와 같습니다. router/index.js { path: '/about', name: 'about', // route level code-splitting // this generates a separate chunk (about.[hash].js) for this route // which is lazy-loaded when the route is visited. component: () => i..

import 'babel-polyfill' vue에서 vuetify2를 적용해보는 중이었습니다. vuetify가 2로 넘어오면서 변경된 것들이 몇몇 있어 보였고 이를 일부 수정해본 후 internet explorer와 Edge에서 살펴보니 화면이 보이지 않았습니다. 원인은 javascript가 동작하지 않는 것들이 있었습니다. 이를 수정하기 위해 vuetify 공식문서를 살펴보았고 Browser Support를 살펴보았습니다. 가이드에서 알려준 순서대로 적용을 해보았는데 되질 않았습니다. 적용순서 $ yarn add babel-polyfill main.js 에서 아래를 추가하고 import 'babel-polyfill' $ yarn add @babel/preset-env -D babel.config.js..