jichoi / lms_front star
정다정 10-25
241025 김건택 학부모페이지에서 포토북 이동
@a7d2ea20bb3b948c0702d4c8cee40bfc23dc6f63
client/views/pages/AppRouter.js
--- client/views/pages/AppRouter.js
+++ client/views/pages/AppRouter.js
@@ -1,108 +1,108 @@
-import { createWebHistory, createRouter } from "vue-router";
+import { createWebHistory, createRouter } from 'vue-router';
 
 // import App from "../App.vue";
-import login from "../Login.vue";
-import Join from "../Join.vue";
-import MyPage from "./main/MyPage.vue";
-import MyPlan from "./main/MyPlan.vue";
-import MyPlan2 from "./main/MyPlan2.vue";
-import PhotoBook from "./main/PhotoBook.vue";
-import Dashboard from "./main/Dashboard.vue";
-import AIDashboard from "./main/AIDashboard.vue";
-import Camera from "./main/Camera.vue";
-import PhotoDesign from "./main/PhotoDesign.vue";
-import PhotoEdit from "./main/PhotoEdit.vue";
-import PreviewNote from "./main/PreviewNote.vue";
-import Main from "./main/Main.vue";
-import Main_c from "./main/Main_c.vue";
-import Chapter1 from "./main/Chapter/Chapter1.vue";
-import Chapter1_1 from "./main/Chapter/Chapter1_1.vue";
-import Chapter1_2 from "./main/Chapter/Chapter1_2.vue";
-import Chapter1_3 from "./main/Chapter/Chapter1_3.vue";
-import Chapter2 from "./main/Chapter/Chapter2.vue";
-import Chapter2_1 from "./main/Chapter/Chapter2_1.vue";
-import Chapter2_2 from "./main/Chapter/Chapter2_2.vue";
-import Chapter2_3 from "./main/Chapter/Chapter2_3.vue";
-import Chapter2_4 from "./main/Chapter/Chapter2_4.vue";
-import Chapter2_5 from "./main/Chapter/Chapter2_5.vue";
-import Chapter2_6 from "./main/Chapter/Chapter2_6.vue";
-import Chapter2_7 from "./main/Chapter/Chapter2_7.vue";
-import Chapter2_8 from "./main/Chapter/Chapter2_8.vue";
-import Chapter2_9 from "./main/Chapter/Chapter2_9.vue";
-import Chapter2_10 from "./main/Chapter/Chapter2_10.vue";
-import Chapter2_11 from "./main/Chapter/Chapter2_11.vue";
-import Chapter2_12 from "./main/Chapter/Chapter2_12.vue";
-import Chapter2_13 from "./main/Chapter/Chapter2_13.vue";
-import Chapter3 from "./main/Chapter/Chapter3.vue";
-import Chapter3_1 from "./main/Chapter/Chapter3_1.vue";
-import Chapter3_2 from "./main/Chapter/Chapter3_2.vue";
-import Chapter3_3 from "./main/Chapter/Chapter3_3.vue";
-import Chapter3_3_1 from "./main/Chapter/Chapter3_3_1.vue";
-import Chapter3_4 from "./main/Chapter/Chapter3_4.vue";
-import Chapter3_5 from "./main/Chapter/Chapter3_5.vue";
-import Chapter3_6 from "./main/Chapter/Chapter3_6.vue";
-import Chapter3_7 from "./main/Chapter/Chapter3_7.vue";
-import Chapter3_8 from "./main/Chapter/Chapter3_8.vue";
-import Chapter3_9 from "./main/Chapter/Chapter3_9.vue";
-import Chapter3_10 from "./main/Chapter/Chapter3_10.vue";
-import Chapter3_11 from "./main/Chapter/Chapter3_11.vue";
-import Chapter3_12 from "./main/Chapter/Chapter3_12.vue";
-import Chapter3_13 from "./main/Chapter/Chapter3_13.vue";
-import Chapter3_14 from "./main/Chapter/Chapter3_14.vue";
-import Chapter3_15 from "./main/Chapter/Chapter3_15.vue";
-import Chapter3_16 from "./main/Chapter/Chapter3_16.vue";
-import Chapter4 from "./main/Chapter/Chapter4.vue";
-import Chapter5 from "./main/Chapter/Chapter5.vue";
-import Chapter6 from "./main/Chapter/Chapter6.vue";
-import Chapter7 from "./main/Chapter/Chapter7.vue";
-import Chapter8 from "./main/Chapter/Chapter8.vue";
-import Chapter9 from "./main/Chapter/Chapter9.vue";
-import Chapter10 from "./main/Chapter/Chapter10.vue";
-import Chapter11 from "./main/Chapter/Chapter11.vue";
+import login from '../Login.vue';
+import Join from '../Join.vue';
+import MyPage from './main/MyPage.vue';
+import MyPlan from './main/MyPlan.vue';
+import MyPlan2 from './main/MyPlan2.vue';
+import PhotoBook from './main/PhotoBook.vue';
+import Dashboard from './main/Dashboard.vue';
+import AIDashboard from './main/AIDashboard.vue';
+import Camera from './main/Camera.vue';
+import PhotoDesign from './main/PhotoDesign.vue';
+import PhotoEdit from './main/PhotoEdit.vue';
+import PreviewNote from './main/PreviewNote.vue';
+import Main from './main/Main.vue';
+import Main_c from './main/Main_c.vue';
+import Chapter1 from './main/Chapter/Chapter1.vue';
+import Chapter1_1 from './main/Chapter/Chapter1_1.vue';
+import Chapter1_2 from './main/Chapter/Chapter1_2.vue';
+import Chapter1_3 from './main/Chapter/Chapter1_3.vue';
+import Chapter2 from './main/Chapter/Chapter2.vue';
+import Chapter2_1 from './main/Chapter/Chapter2_1.vue';
+import Chapter2_2 from './main/Chapter/Chapter2_2.vue';
+import Chapter2_3 from './main/Chapter/Chapter2_3.vue';
+import Chapter2_4 from './main/Chapter/Chapter2_4.vue';
+import Chapter2_5 from './main/Chapter/Chapter2_5.vue';
+import Chapter2_6 from './main/Chapter/Chapter2_6.vue';
+import Chapter2_7 from './main/Chapter/Chapter2_7.vue';
+import Chapter2_8 from './main/Chapter/Chapter2_8.vue';
+import Chapter2_9 from './main/Chapter/Chapter2_9.vue';
+import Chapter2_10 from './main/Chapter/Chapter2_10.vue';
+import Chapter2_11 from './main/Chapter/Chapter2_11.vue';
+import Chapter2_12 from './main/Chapter/Chapter2_12.vue';
+import Chapter2_13 from './main/Chapter/Chapter2_13.vue';
+import Chapter3 from './main/Chapter/Chapter3.vue';
+import Chapter3_1 from './main/Chapter/Chapter3_1.vue';
+import Chapter3_2 from './main/Chapter/Chapter3_2.vue';
+import Chapter3_3 from './main/Chapter/Chapter3_3.vue';
+import Chapter3_3_1 from './main/Chapter/Chapter3_3_1.vue';
+import Chapter3_4 from './main/Chapter/Chapter3_4.vue';
+import Chapter3_5 from './main/Chapter/Chapter3_5.vue';
+import Chapter3_6 from './main/Chapter/Chapter3_6.vue';
+import Chapter3_7 from './main/Chapter/Chapter3_7.vue';
+import Chapter3_8 from './main/Chapter/Chapter3_8.vue';
+import Chapter3_9 from './main/Chapter/Chapter3_9.vue';
+import Chapter3_10 from './main/Chapter/Chapter3_10.vue';
+import Chapter3_11 from './main/Chapter/Chapter3_11.vue';
+import Chapter3_12 from './main/Chapter/Chapter3_12.vue';
+import Chapter3_13 from './main/Chapter/Chapter3_13.vue';
+import Chapter3_14 from './main/Chapter/Chapter3_14.vue';
+import Chapter3_15 from './main/Chapter/Chapter3_15.vue';
+import Chapter3_16 from './main/Chapter/Chapter3_16.vue';
+import Chapter4 from './main/Chapter/Chapter4.vue';
+import Chapter5 from './main/Chapter/Chapter5.vue';
+import Chapter6 from './main/Chapter/Chapter6.vue';
+import Chapter7 from './main/Chapter/Chapter7.vue';
+import Chapter8 from './main/Chapter/Chapter8.vue';
+import Chapter9 from './main/Chapter/Chapter9.vue';
+import Chapter10 from './main/Chapter/Chapter10.vue';
+import Chapter11 from './main/Chapter/Chapter11.vue';
 
-import Main_p from "./parents/Main_p.vue";
+import Main_p from './parents/Main_p.vue';
+import PhotoBook_p from './parents/PhotoBook_p.vue';
 
-import Main_t from "./teacher/Main_t.vue";
-import Board from "./teacher/Board.vue";
-import noticeInsert from "./teacher/noticeInsert.vue";
-import noticeDetail from "./teacher/noticeDetail.vue";
-import StudentList from "./teacher/StudentList.vue";
-import StudentDetail from "./teacher/StudentDetail.vue";
-import textbook from "./teacher/textbook.vue";
-import C_Textbook from "./teacher/C_Textbook.vue";
-import C_TextBookDetail from "./teacher/C_TextBookDetail.vue";
-import C_TextList from "./teacher/C_TextList .vue";
-import C_TextInsert from "./teacher/C_TextInsert.vue";
-import C_QuestionList from "./teacher/C_QuestionList.vue";
-import C_QuestionInsert from "./teacher/C_QuestionInsert.vue";
-import C_Voca_List from "./teacher/C_Voca_List.vue";
-import C_ExamList from "./teacher/C_ExamList.vue";
-import C_ExamDetail from "./teacher/C_ExamDetail.vue";
-import C_ExamInsert from "./teacher/C_ExamInsert.vue";
-import TextBookDetail from "./teacher/TextBookDetail.vue";
-import Home from "./teacher/Home.vue";
-import ClassDetail from "./teacher/ClassDetail.vue";
-import TextList from "./teacher/TextList.vue";
-import TextInsert from "./teacher/TextInsert.vue";
-import TextDetail from "./teacher/TextDetail.vue";
-import QuestionList from "./teacher/QuestionList.vue";
-import QuestionInsert from "./teacher/QuestionInsert.vue";
-import QuestionDetail from "./teacher/QuestionDetail.vue";
-import VocaList from "./teacher/VocaList.vue";
-import VocaInsert from "./teacher/VocaInsert.vue";
-import VocaDetail from "./teacher/VocaDetail.vue";
-import ExamList from "./teacher/ExamList.vue";
-import ExamDetail from "./teacher/ExamDetail.vue";
-import ExamInsert from "./teacher/ExamInsert.vue";
-import RoadMap from "./teacher/RoadMap.vue";
+import Main_t from './teacher/Main_t.vue';
+import Board from './teacher/Board.vue';
+import noticeInsert from './teacher/noticeInsert.vue';
+import noticeDetail from './teacher/noticeDetail.vue';
+import StudentList from './teacher/StudentList.vue';
+import StudentDetail from './teacher/StudentDetail.vue';
+import textbook from './teacher/textbook.vue';
+import C_Textbook from './teacher/C_Textbook.vue';
+import C_TextBookDetail from './teacher/C_TextBookDetail.vue';
+import C_TextList from './teacher/C_TextList .vue';
+import C_TextInsert from './teacher/C_TextInsert.vue';
+import C_QuestionList from './teacher/C_QuestionList.vue';
+import C_QuestionInsert from './teacher/C_QuestionInsert.vue';
+import C_Voca_List from './teacher/C_Voca_List.vue';
+import C_ExamList from './teacher/C_ExamList.vue';
+import C_ExamDetail from './teacher/C_ExamDetail.vue';
+import C_ExamInsert from './teacher/C_ExamInsert.vue';
+import TextBookDetail from './teacher/TextBookDetail.vue';
+import Home from './teacher/Home.vue';
+import ClassDetail from './teacher/ClassDetail.vue';
+import TextList from './teacher/TextList.vue';
+import TextInsert from './teacher/TextInsert.vue';
+import TextDetail from './teacher/TextDetail.vue';
+import QuestionList from './teacher/QuestionList.vue';
+import QuestionInsert from './teacher/QuestionInsert.vue';
+import QuestionDetail from './teacher/QuestionDetail.vue';
+import VocaList from './teacher/VocaList.vue';
+import VocaInsert from './teacher/VocaInsert.vue';
+import VocaDetail from './teacher/VocaDetail.vue';
+import ExamList from './teacher/ExamList.vue';
+import ExamDetail from './teacher/ExamDetail.vue';
+import ExamInsert from './teacher/ExamInsert.vue';
+import RoadMap from './teacher/RoadMap.vue';
 
 import store from './AppStore';
-import axios from "axios";
-
+import axios from 'axios';
 
 const routes = [
-    { path: "/login.page", name: "login", component: login },
-    { path: "/Join.page", name: "Join", component: Join },
+    { path: '/login.page', name: 'login', component: login },
+    { path: '/Join.page', name: 'Join', component: Join },
 
     // { path: '/App.page', name: 'App', component: App,
     //     children:[
@@ -111,307 +111,309 @@
     // { path: '/Main.page', name: 'Main', component: Main},
     /* 학생 */
     {
-        path: "/",
-        name: "Main",
+        path: '/',
+        name: 'Main',
         component: Main,
         children: [
             {
-                path: "/Dashboard.page",
-                name: "Dashboard",
+                path: '/Dashboard.page',
+                name: 'Dashboard',
                 component: Dashboard,
             },
             {
-                path: "/AIDashboard.page",
-                name: "AIDashboard",
+                path: '/AIDashboard.page',
+                name: 'AIDashboard',
                 component: AIDashboard,
             },
-            { path: "/MyPage.page", name: "MyPage", component: MyPage },
-            { path: "/MyPlan.page", name: "MyPlan", component: MyPlan },
-            { path: "/MyPlan2.page", name: "MyPlan2", component: MyPlan2 },
+            { path: '/MyPage.page', name: 'MyPage', component: MyPage },
+            { path: '/MyPlan.page', name: 'MyPlan', component: MyPlan },
+            { path: '/MyPlan2.page', name: 'MyPlan2', component: MyPlan2 },
             {
-                path: "/PhotoBook.page",
-                name: "PhotoBook",
+                path: '/PhotoBook.page',
+                name: 'PhotoBook',
                 component: PhotoBook,
             },
             {
-                path: "/PreviewNote.page",
-                name: "PreviewNote",
+                path: '/PreviewNote.page',
+                name: 'PreviewNote',
                 component: PreviewNote,
             },
         ],
     },
-    { path: "/Camera.page", name: "Camera", component: Camera },
-    { path: "/PhotoDesign.page", name: "PhotoDesign", component: PhotoDesign },
-    { path: "/PhotoEdit.page", name: "PhotoEdit", component: PhotoEdit },
+    { path: '/Camera.page', name: 'Camera', component: Camera },
+    { path: '/PhotoDesign.page', name: 'PhotoDesign', component: PhotoDesign },
+    { path: '/PhotoEdit.page', name: 'PhotoEdit', component: PhotoEdit },
     /* 지문 */
-    { path: "/Chapter1.page", name: "Chapter1", component: Chapter1 },
-    { path: "/Chapter1_1.page", name: "Chapter1_1", component: Chapter1_1 },
-    { path: "/Chapter1_2.page", name: "Chapter1_2", component: Chapter1_2 },
-    { path: "/Chapter1_3.page", name: "Chapter1_3", component: Chapter1_3 },
+    { path: '/Chapter1.page', name: 'Chapter1', component: Chapter1 },
+    { path: '/Chapter1_1.page', name: 'Chapter1_1', component: Chapter1_1 },
+    { path: '/Chapter1_2.page', name: 'Chapter1_2', component: Chapter1_2 },
+    { path: '/Chapter1_3.page', name: 'Chapter1_3', component: Chapter1_3 },
 
     /* 단어장 및 지문 문제 */
-    { path: "/Chapter2.page", name: "Chapter2", component: Chapter2 },
-    { path: "/Chapter2_1.page", name: "Chapter2_1", component: Chapter2_1 },
-    { path: "/Chapter2_2.page", name: "Chapter2_2", component: Chapter2_2 },
-    { path: "/Chapter2_3.page", name: "Chapter2_3", component: Chapter2_3 },
-    { path: "/Chapter2_4.page", name: "Chapter2_4", component: Chapter2_4 },
-    { path: "/Chapter2_5.page", name: "Chapter2_5", component: Chapter2_5 },
-    { path: "/Chapter2_6.page", name: "Chapter2_6", component: Chapter2_6 },
-    { path: "/Chapter2_7.page", name: "Chapter2_7", component: Chapter2_7 },
-    { path: "/Chapter2_8.page", name: "Chapter2_8", component: Chapter2_8 },
-    { path: "/Chapter2_9.page", name: "Chapter2_9", component: Chapter2_9 },
-    { path: "/Chapter2_10.page", name: "Chapter2_10", component: Chapter2_10 },
-    { path: "/Chapter2_11.page", name: "Chapter2_11", component: Chapter2_11 },
-    { path: "/Chapter2_12.page", name: "Chapter2_12", component: Chapter2_12 },
-    { path: "/Chapter2_13.page", name: "Chapter2_13", component: Chapter2_13 },
+    { path: '/Chapter2.page', name: 'Chapter2', component: Chapter2 },
+    { path: '/Chapter2_1.page', name: 'Chapter2_1', component: Chapter2_1 },
+    { path: '/Chapter2_2.page', name: 'Chapter2_2', component: Chapter2_2 },
+    { path: '/Chapter2_3.page', name: 'Chapter2_3', component: Chapter2_3 },
+    { path: '/Chapter2_4.page', name: 'Chapter2_4', component: Chapter2_4 },
+    { path: '/Chapter2_5.page', name: 'Chapter2_5', component: Chapter2_5 },
+    { path: '/Chapter2_6.page', name: 'Chapter2_6', component: Chapter2_6 },
+    { path: '/Chapter2_7.page', name: 'Chapter2_7', component: Chapter2_7 },
+    { path: '/Chapter2_8.page', name: 'Chapter2_8', component: Chapter2_8 },
+    { path: '/Chapter2_9.page', name: 'Chapter2_9', component: Chapter2_9 },
+    { path: '/Chapter2_10.page', name: 'Chapter2_10', component: Chapter2_10 },
+    { path: '/Chapter2_11.page', name: 'Chapter2_11', component: Chapter2_11 },
+    { path: '/Chapter2_12.page', name: 'Chapter2_12', component: Chapter2_12 },
+    { path: '/Chapter2_13.page', name: 'Chapter2_13', component: Chapter2_13 },
 
     /* 평가 문제 */
     {
-        path: "/Main_c.page",
-        name: "Main_c",
+        path: '/Main_c.page',
+        name: 'Main_c',
         component: Main_c,
         children: [
-            { path: "/Chapter3.page", name: "Chapter3", component: Chapter3 },
+            { path: '/Chapter3.page', name: 'Chapter3', component: Chapter3 },
             {
-                path: "/Chapter3_1.page",
-                name: "Chapter3_1",
+                path: '/Chapter3_1.page',
+                name: 'Chapter3_1',
                 component: Chapter3_1,
             },
             {
-                path: "/Chapter3_2.page",
-                name: "Chapter3_2",
+                path: '/Chapter3_2.page',
+                name: 'Chapter3_2',
                 component: Chapter3_2,
             },
             {
-                path: "/Chapter3_3.page",
-                name: "Chapter3_3",
+                path: '/Chapter3_3.page',
+                name: 'Chapter3_3',
                 component: Chapter3_3,
             },
             {
-                path: "/Chapter3_3_1.page",
-                name: "Chapter3_3_1",
+                path: '/Chapter3_3_1.page',
+                name: 'Chapter3_3_1',
                 component: Chapter3_3_1,
             },
             {
-                path: "/Chapter3_4.page",
-                name: "Chapter3_4",
+                path: '/Chapter3_4.page',
+                name: 'Chapter3_4',
                 component: Chapter3_4,
             },
             {
-                path: "/Chapter3_5.page",
-                name: "Chapter3_5",
+                path: '/Chapter3_5.page',
+                name: 'Chapter3_5',
                 component: Chapter3_5,
             },
             {
-                path: "/Chapter3_6.page",
-                name: "Chapter3_6",
+                path: '/Chapter3_6.page',
+                name: 'Chapter3_6',
                 component: Chapter3_6,
             },
             {
-                path: "/Chapter3_7.page",
-                name: "Chapter3_7",
+                path: '/Chapter3_7.page',
+                name: 'Chapter3_7',
                 component: Chapter3_7,
             },
             {
-                path: "/Chapter3_8.page",
-                name: "Chapter3_8",
+                path: '/Chapter3_8.page',
+                name: 'Chapter3_8',
                 component: Chapter3_8,
             },
             {
-                path: "/Chapter3_9.page",
-                name: "Chapter3_9",
+                path: '/Chapter3_9.page',
+                name: 'Chapter3_9',
                 component: Chapter3_9,
             },
             {
-                path: "/Chapter3_10.page",
-                name: "Chapter3_10",
+                path: '/Chapter3_10.page',
+                name: 'Chapter3_10',
                 component: Chapter3_10,
             },
             {
-                path: "/Chapter3_11.page",
-                name: "Chapter3_11",
+                path: '/Chapter3_11.page',
+                name: 'Chapter3_11',
                 component: Chapter3_11,
             },
             {
-                path: "/Chapter3_12.page",
-                name: "Chapter3_12",
+                path: '/Chapter3_12.page',
+                name: 'Chapter3_12',
                 component: Chapter3_12,
             },
             {
-                path: "/Chapter3_13.page",
-                name: "Chapter3_13",
+                path: '/Chapter3_13.page',
+                name: 'Chapter3_13',
                 component: Chapter3_13,
             },
             {
-                path: "/Chapter3_14.page",
-                name: "Chapter3_14",
+                path: '/Chapter3_14.page',
+                name: 'Chapter3_14',
                 component: Chapter3_14,
             },
             {
-                path: "/Chapter3_15.page",
-                name: "Chapter3_15",
+                path: '/Chapter3_15.page',
+                name: 'Chapter3_15',
                 component: Chapter3_15,
             },
         ],
     },
     /* 설문 조사 페이지*/
-    { path: "/Chapter3_16.page", name: "Chapter3_16", component: Chapter3_16 },
+    { path: '/Chapter3_16.page', name: 'Chapter3_16', component: Chapter3_16 },
     /* 평가 결과 페이지*/
-    { path: "/Chapter4.page", name: "Chapter4", component: Chapter4 },
+    { path: '/Chapter4.page', name: 'Chapter4', component: Chapter4 },
 
-    { path: "/Chapter5.page", name: "Chapter5", component: Chapter5 },
-    { path: "/Chapter6.page", name: "Chapter6", component: Chapter6 },
-    { path: "/Chapter7.page", name: "Chapter7", component: Chapter7 },
-    { path: "/Chapter8.page", name: "Chapter8", component: Chapter8 },
-    { path: "/Chapter9.page", name: "Chapter9", component: Chapter9 },
-    { path: "/Chapter10.page", name: "Chapter10", component: Chapter10 },
-    { path: "/Chapter11.page", name: "Chapter11", component: Chapter11 },
+    { path: '/Chapter5.page', name: 'Chapter5', component: Chapter5 },
+    { path: '/Chapter6.page', name: 'Chapter6', component: Chapter6 },
+    { path: '/Chapter7.page', name: 'Chapter7', component: Chapter7 },
+    { path: '/Chapter8.page', name: 'Chapter8', component: Chapter8 },
+    { path: '/Chapter9.page', name: 'Chapter9', component: Chapter9 },
+    { path: '/Chapter10.page', name: 'Chapter10', component: Chapter10 },
+    { path: '/Chapter11.page', name: 'Chapter11', component: Chapter11 },
 
     /* 부모님 */
-    { path: "/Main_p.page", name: "Main_p", component: Main_p },
+    { path: '/Main_p.page', name: 'Main_p', component: Main_p },
+    { path: '/PhotoBook_p.page', name: 'PhotoBook_p', component: PhotoBook_p },
+
     /* 선생님 */
     {
-        path: "/Main_t.page",
-        name: "Main_t",
+        path: '/Main_t.page',
+        name: 'Main_t',
         component: Main_t,
         children: [
-            { path: "/Board.page", name: "Board", component: Board },
+            { path: '/Board.page', name: 'Board', component: Board },
             {
-                path: "/noticeInsert.page",
-                name: "noticeInsert",
+                path: '/noticeInsert.page',
+                name: 'noticeInsert',
                 component: noticeInsert,
             },
             {
-                path: "/noticeDetail.page",
-                name: "noticeDetail",
+                path: '/noticeDetail.page',
+                name: 'noticeDetail',
                 component: noticeDetail,
             },
-            { path: "/Home.page", name: "Home", component: Home },
+            { path: '/Home.page', name: 'Home', component: Home },
             {
-                path: "/ClassDetail.page",
-                name: "ClassDetail",
+                path: '/ClassDetail.page',
+                name: 'ClassDetail',
                 component: ClassDetail,
             },
             {
-                path: "/StudentList.page",
-                name: "StudentList",
+                path: '/StudentList.page',
+                name: 'StudentList',
                 component: StudentList,
             },
             {
-                path: "/StudentDetail.page",
-                name: "StudentDetail",
+                path: '/StudentDetail.page',
+                name: 'StudentDetail',
                 component: StudentDetail,
             },
             {
-                path: "/C_Textbook.page",
-                name: "C_Textbook",
+                path: '/C_Textbook.page',
+                name: 'C_Textbook',
                 component: C_Textbook,
             },
-            { path: "/textbook.page", name: "textbook", component: textbook },
+            { path: '/textbook.page', name: 'textbook', component: textbook },
             {
-                path: "/TextBookDetail.page",
-                name: "TextBookDetail",
+                path: '/TextBookDetail.page',
+                name: 'TextBookDetail',
                 component: TextBookDetail,
             },
             {
-                path: "/C_TextBookDetail.page",
-                name: "C_TextBookDetail",
+                path: '/C_TextBookDetail.page',
+                name: 'C_TextBookDetail',
                 component: C_TextBookDetail,
             },
-            { path: "/TextList.page", name: "TextList", component: TextList },
+            { path: '/TextList.page', name: 'TextList', component: TextList },
             {
-                path: "/TextInsert.page",
-                name: "TextInsert",
+                path: '/TextInsert.page',
+                name: 'TextInsert',
                 component: TextInsert,
             },
             {
-                path: "/TextDetail.page",
-                name: "TextDetail",
+                path: '/TextDetail.page',
+                name: 'TextDetail',
                 component: TextDetail,
             },
             {
-                path: "/QuestionList.page",
-                name: "QuestionList",
+                path: '/QuestionList.page',
+                name: 'QuestionList',
                 component: QuestionList,
             },
             {
-                path: "/QuestionInsert.page",
-                name: "QuestionInsert",
+                path: '/QuestionInsert.page',
+                name: 'QuestionInsert',
                 component: QuestionInsert,
             },
             {
-                path: "/QuestionDetail.page",
-                name: "QuestionDetail",
+                path: '/QuestionDetail.page',
+                name: 'QuestionDetail',
                 component: QuestionDetail,
             },
-            { path: "/VocaList.page", name: "VocaList", component: VocaList },
+            { path: '/VocaList.page', name: 'VocaList', component: VocaList },
             {
-                path: "/VocaInsert.page",
-                name: "VocaInsert",
+                path: '/VocaInsert.page',
+                name: 'VocaInsert',
                 component: VocaInsert,
             },
             {
-                path: "/VocaDetail.page",
-                name: "VocaDetail",
+                path: '/VocaDetail.page',
+                name: 'VocaDetail',
                 component: VocaDetail,
             },
-            { path: "/ExamList.page", name: "ExamList", component: ExamList },
+            { path: '/ExamList.page', name: 'ExamList', component: ExamList },
             {
-                path: "/ExamDetail.page",
-                name: "ExamDetail",
+                path: '/ExamDetail.page',
+                name: 'ExamDetail',
                 component: ExamDetail,
             },
             {
-                path: "/ExamInsert.page",
-                name: "ExamInsert",
+                path: '/ExamInsert.page',
+                name: 'ExamInsert',
                 component: ExamInsert,
             },
             {
-                path: "/C_TextList.page",
-                name: "C_TextList",
+                path: '/C_TextList.page',
+                name: 'C_TextList',
                 component: C_TextList,
             },
             {
-                path: "/C_TextInsert.page",
-                name: "C_TextInsert",
+                path: '/C_TextInsert.page',
+                name: 'C_TextInsert',
                 component: C_TextInsert,
             },
             {
-                path: "/C_QuestionList.page",
-                name: "C_QuestionList",
+                path: '/C_QuestionList.page',
+                name: 'C_QuestionList',
                 component: C_QuestionList,
             },
             {
-                path: "/C_QuestionInsert.page",
-                name: "C_QuestionInsert",
+                path: '/C_QuestionInsert.page',
+                name: 'C_QuestionInsert',
                 component: C_QuestionInsert,
             },
             {
-                path: "/C_Voca_List.page",
-                name: "C_Voca_List",
+                path: '/C_Voca_List.page',
+                name: 'C_Voca_List',
                 component: C_Voca_List,
             },
             {
-                path: "/C_ExamList.page",
-                name: "C_ExamList",
+                path: '/C_ExamList.page',
+                name: 'C_ExamList',
                 component: C_ExamList,
             },
             {
-                path: "/C_ExamDetail.page",
-                name: "C_ExamDetail",
+                path: '/C_ExamDetail.page',
+                name: 'C_ExamDetail',
                 component: C_ExamDetail,
             },
             {
-                path: "/C_ExamInsert.page",
-                name: "C_ExamInsert",
+                path: '/C_ExamInsert.page',
+                name: 'C_ExamInsert',
                 component: C_ExamInsert,
             },
 
-            { path: "/RoadMap.page", name: "RoadMap", component: RoadMap },
+            { path: '/RoadMap.page', name: 'RoadMap', component: RoadMap },
 
             {
-                path: "/TextDetail.page",
-                name: "TextDetail",
+                path: '/TextDetail.page',
+                name: 'TextDetail',
                 component: TextDetail,
             },
         ],
@@ -426,7 +428,7 @@
 AppRouter.beforeEach((to, from, next) => {
     const token = localStorage.getItem('token');
 
-    if (!token && (to.name !== 'login' && to.name !== 'Join')) {
+    if (!token && to.name !== 'login' && to.name !== 'Join') {
         // 토큰이 없고 로그인 페이지가 아닐 경우 로그인 페이지로 리다이렉트
         next({ name: 'login' });
     } else if (token) {
@@ -437,40 +439,42 @@
         const base64 = payload.replace(/-/g, '+').replace(/_/g, '/');
 
         const jsonPayload = decodeURIComponent(
-            Array.prototype.map.call(atob(base64), c => {
-                return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
-            }).join('')
+            Array.prototype.map
+                .call(atob(base64), (c) => {
+                    return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
+                })
+                .join('')
         );
 
         const userInfo = JSON.parse(jsonPayload);
-        const teacherRoutes = routes[35].children.map(route => route.path);
+        const teacherRoutes = routes[36].children.map((route) => route.path);
 
         if (userInfo.author[0].authority === 'STUDENT') {
             if (teacherRoutes.includes(to.path) || to.name === 'Main_p') {
-                next({ name: 'MyPlan' }); 
+                next({ name: 'MyPlan' });
             } else {
                 next(); // 다른 페이지로 접근 허용
             }
         } else if (userInfo.author[0].authority === 'TEACHER') {
             if (!teacherRoutes.includes(to.path)) {
-                next({ name: 'Home' }); 
+                next({ name: 'Home' });
             } else {
                 next();
             }
         } else if (userInfo.author[0].authority === 'PARENT') {
-             if(to.name === 'PhotoBook'){
+            if (to.name === 'PhotoBook_p') {
                 next();
             }
-            if (to.name !== 'Main_p' ) {
+            if (to.name !== 'Main_p') {
                 next({ name: 'Main_p' });
-            }  else {
-                next(); 
+            } else {
+                next();
             }
         } else {
-            next(); 
+            next();
         }
     } else {
-        next(); 
+        next();
     }
 });
 
client/views/pages/parents/Main_p.vue
--- client/views/pages/parents/Main_p.vue
+++ client/views/pages/parents/Main_p.vue
@@ -99,7 +99,7 @@
                                     <div class="text mt10">
                                         <p class="title1 mb10">{{ studentInfo.studentName }}의 사진첩</p>
                                         <button
-                                            @click="goToPage('PhotoBook')"
+                                            @click="goToPage('PhotoBook_p')"
                                             type="button"
                                             title="글쓰기"
                                             class="new-btn"
 
client/views/pages/parents/PhotoBook_p.vue (added)
+++ client/views/pages/parents/PhotoBook_p.vue
@@ -0,0 +1,9 @@
+<template lang="">
+    <div>
+        <p>포토북</p>
+    </div>
+</template>
+<script>
+export default {};
+</script>
+<style lang=""></style>
Add a comment
List