라우터 구조 변경

src/router/index.js

@@ -1,4 +1,5 @@
 import { createRouter, createWebHistory } from 'vue-router'
+import BoardWrite from '@v/board/BoardWrite.vue';
 
 // 초기 렌더링 속도를 위해 지연 로딩 사용
 const routes = [
@@ -11,16 +12,21 @@ const routes = [
   {
     path: '/board',
     name : 'board',
-    component: () => import('@v/board/BoardList.vue'),
+    component: () => import('@v/board/TheBoard.vue'),
     children : [
         {
-            path : "write",
+            path : '',
-            name : 'write',
+            name : 'boardList',
+            component : () => import('@v/board/BoardList.vue')
+        },
+        {
+            path : 'write',
+            name : 'boardWrite',
             component : () => import('@v/board/BoardWrite.vue')
         },
         {
-            path : "get/:id",
+            path : 'get/:id',
-            name : 'create',
+            name : 'boardView',
             component : () => import('@v/board/BoardView.vue')
         }
     ]

src/views/board/BoardView.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="container-xxl flex-grow-1 container-p-y">
         <div class="row">
-            board
+            board213123
         </div>
     </div>
 </template>

src/views/board/BoardWrite.vue

@@ -1,9 +1,5 @@
 <template>
-    <div class="container-xxl flex-grow-1 container-p-y">
+    dasdasdas
-        <div class="row">
-            board
-        </div>
-    </div>
 </template>
 
 <script setup>

src/views/board/TheBoard.vue

@@ -0,0 +1,3 @@
+<template>
+    <RouterView />
+</template>