2023년 03월 02일

철봉

📚 오늘 도전하고, 배운 것

오늘의 커밋.

• padosum/flashcards 5 commits
  • 📝 update README.md
  • 🔧 vue-router lazy loading
  • 🔧 vuetify tree-shaking을 위한 vite-plugin-vuetify 설치 및 적용
  • 📦 vite-plugin-vuetify 설치
  • ♿ role, label 추가

🤔 학습하면서 궁금하거나 어려웠던 점

• Webpack을 사용할 때 코드 스플리팅에 대해 배웠는데 조금 헷갈렸다. chunk를 사용하는 부분이었다.
• Vue-Router에서 해당 라우트에 접속했을 때 로드하기 위해서는 다음과 같이 설정해야한다.

const router = createRouter({
  history: createWebHistory(),
  routes: [
    {
      path: '/',
      component: () => import('@/views/DashboardView.vue'),
      name: 'Dashboard',
    },
})

여기서 chunk를 group으로 묶을 수 있다. 비슷한 컴포넌트를 사용하는 라우트라면 chunk group으로 묶을 경우에 해당 chunk group이 이미 로드되어 있다면 비슷한 컴포넌트를 사용하는 다른 라우트의 로딩 속도가 더 빨라질 수 있다.

🌅 내일은 무엇을?

• 리팩토링

✒️ log

• 허리가 너무 안좋았다. 집에 있는 풀업바에도 계속 매달리고 학교 운동장 철봉에도 매달렸는데 그때 뿐이다. 내일이면 좋아질 것이다.