feat: 가계부·게시판 프론트엔드 구현 + Slim Budget 브랜딩/모바일 대응

- 가계부: 대시보드(예산 대비 지출·분류별 파이·기간별 막대·순자산 추이),
  내역(검색·필터·태그), 계좌(은행/카드/대출/투자), 예산, 분류, 정기 거래,
  태그, 투자 포트폴리오(종목·매수/매도·평가손익)
- 게시판: 목록/상세/작성(마크다운)/댓글/태그/열람제한
- 공통: 인증(Bearer 토큰·401 처리), 모바일 반응형(드로어·아이콘 버튼),
  Slim Budget 브랜딩(로고/타이틀/푸터), 홈 대시보드 자리
- 문서: docs/FRONTEND.md

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/router/index.js

@@ -1,5 +1,7 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import HomeView from '../views/HomeView.vue'
+import { useAuthStore } from '@/stores/auth'
+import { useUiStore } from '@/stores/ui'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -9,20 +11,100 @@ const router = createRouter({
       name: 'home',
       component: HomeView,
     },
-    {
-      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: () => import('../views/AboutView.vue'),
-    },
     {
       path: '/users',
       name: 'users',
       component: () => import('../views/UsersView.vue'),
+      meta: { requiresAuth: true },
+    },
+    {
+      path: '/board',
+      name: 'board',
+      component: () => import('../views/board/BoardListView.vue'),
+      meta: { requiresAuth: true },
+    },
+    {
+      path: '/board/write',
+      name: 'board-write',
+      component: () => import('../views/board/BoardWriteView.vue'),
+      meta: { requiresAuth: true },
+    },
+    {
+      path: '/board/:id(\\d+)',
+      name: 'board-detail',
+      component: () => import('../views/board/BoardDetailView.vue'),
+      meta: { requiresAuth: true },
+    },
+    {
+      path: '/board/:id(\\d+)/edit',
+      name: 'board-edit',
+      component: () => import('../views/board/BoardWriteView.vue'),
+      meta: { requiresAuth: true },
+    },
+    {
+      path: '/admin/tags',
+      name: 'admin-tags',
+      component: () => import('../views/admin/TagAdminView.vue'),
+      meta: { requiresAuth: true, requiresAdmin: true },
+    },
+    {
+      path: '/account',
+      name: 'account',
+      component: () => import('../views/account/AccountDashboardView.vue'),
+      meta: { requiresAuth: true },
+    },
+    {
+      path: '/account/entries',
+      name: 'account-entries',
+      component: () => import('../views/account/AccountView.vue'),
+      meta: { requiresAuth: true },
+    },
+    {
+      path: '/account/tags',
+      name: 'account-tags',
+      component: () => import('../views/account/AccountTagView.vue'),
+      meta: { requiresAuth: true },
+    },
+    {
+      path: '/account/wallets',
+      name: 'account-wallets',
+      component: () => import('../views/account/AccountWalletView.vue'),
+      meta: { requiresAuth: true },
+    },
+    {
+      path: '/account/categories',
+      name: 'account-categories',
+      component: () => import('../views/account/CategoryView.vue'),
+      meta: { requiresAuth: true },
+    },
+    {
+      path: '/account/budget',
+      name: 'account-budget',
+      component: () => import('../views/account/BudgetView.vue'),
+      meta: { requiresAuth: true },
+    },
+    {
+      path: '/account/recurrings',
+      name: 'account-recurrings',
+      component: () => import('../views/account/RecurringView.vue'),
+      meta: { requiresAuth: true },
     },
   ],
 })
 
+// 전역 네비게이션 가드
+router.beforeEach((to, from) => {
+  const auth = useAuthStore()
+  // 인증이 필요한 페이지인데 미로그인 → 로그인 팝업 오픈 (원래 목적지 보존), 이동은 취소/홈
+  if (to.meta.requiresAuth && !auth.isAuthenticated) {
+    const ui = useUiStore()
+    ui.openLogin(to.fullPath)
+    return from.name ? false : { name: 'home' }
+  }
+  // 관리자 전용 페이지 — 비관리자는 홈으로
+  if (to.meta.requiresAdmin && auth.user?.role !== 'ADMIN') {
+    return { name: 'home' }
+  }
+})
+
 export default router