src/api/character.js

@@ -0,0 +1,16 @@
+import Vue from 'vue';
+
+// 캐릭터 리스트
+async function getCharacterList() {
+  return Vue.axios.get('/api/admin/characters')
+}
+
+// 캐릭터 등록
+
+// 캐릭터 수정
+
+// 캐릭터 삭제
+
+export {
+  getCharacterList
+}

src/components/SideMenu.vue

@@ -95,6 +95,24 @@ export default {
         let res = await api.getMenus();
         if (res.status === 200 && res.data.success === true && res.data.data.length > 0) {
           this.items = res.data.data
+
+          // 캐릭터 챗봇 메뉴 추가
+          this.items.push({
+            title: '캐릭터 챗봇',
+            route: null,
+            items: [
+              {
+                title: '배너 등록',
+                route: '/character/banner',
+                items: null
+              },
+              {
+                title: '캐릭터 리스트',
+                route: '/character',
+                items: null
+              }
+            ]
+          })
         } else {
           this.notifyError("알 수 없는 오류가 발생했습니다. 다시 로그인 해주세요!")
           this.logout();

src/router/index.js

@@ -255,6 +255,17 @@ const routes = [
                 name: 'MarketingAdStatisticsView',
                 component: () => import(/* webpackChunkName: "marketing" */ '../views/Marketing/MarketingAdStatisticsView.vue')
             },
+            {
+                path: '/character',
+                name: 'CharacterList',
+                component: () => import(/* webpackChunkName: "character" */ '../views/Chat/CharacterList.vue')
+            },
+            // TODO: CharacterBanner 컴포넌트가 구현되면 아래 라우트 주석 해제
+            // {
+            //     path: '/character/banner',
+            //     name: 'CharacterBanner',
+            //     component: () => import(/* webpackChunkName: "character" */ '../views/Chat/CharacterBanner.vue')
+            // },
         ]
     },
     {