Commit @92383aafd33ea2b75dedd79b38f4a646c3243676

69c5fd4

92383aa

client/views/layout/Footer.vue

--- client/views/layout/Footer.vue

+++ client/views/layout/Footer.vue


         };
     },
     created() {
-        this.prblmId = JSON.parse(sessionStorage.getItem("prblmId"));
+        this.prblmId = this.$store.getters.currentLearningId;
+        this.stdId = this.$store.getters.getStdId;
+        console.log(this.prblmId.prblm_id)
+        console.log(this.stdId)
     },
     methods: {
         selectDetailPreviewNote() {
             const vm = this;
-            this.istrue = JSON.parse(sessionStorage.getItem("previewNote"));
 
             axios({
                 url: "problemLog/selectDetailPreviewNote.json",

                     "Content-Type": "application/json; charset=UTF-8",
                 },
                 data: {
-                    prblmId: vm.prblmId,
-                    stdId: vm.stdId,
+                    prblmId: vm.$store.getters.currentLearningId.prblm_id,
+                    stdId: vm.$store.getters.getStdId,
                 },
             })
                 .then(function (res) {
                     console.log("problemList - response : ", res.data);
                     vm.dataList = res.data[0];
+                    vm.istrue = true;
                     console.log(vm.istrue);
                 })
                 .catch(function (error) {

 };
 </script>
 <style scoped>
-.content-wrap > .title-box {
+.content-wrap>.title-box {
     margin-left: 65px;
     height: 100%;
     padding-bottom: 1vh;

69c5fd4

92383aa

client/views/pages/AppStore.js

--- client/views/pages/AppStore.js

+++ client/views/pages/AppStore.js


         getCurrentWdBkIndex: (state) => state.currentWdBkIndex,
     },
     mutations: {
-        
+
         setToken(state, token) {
             state.token = token;
         },

             state.allProblems = [];
             state.allAnswers = [];
             state.wdBookIdList = [],
-            state.currentWdBkIndex = 0;
-            seqNum = null;
-            saveStateToLocalStorage(state);        
+                state.currentWdBkIndex = 0;
+            state.seqNum = null;
+            saveStateToLocalStorage(state);
         },
 
         setUser(state, userId) {

             localStorage.setItem("token", token);
         },
         logout({ commit }) {
-            commit("clearState"); 
+            commit("clearState");
             localStorage.removeItem("token");
             localStorage.removeItem("vuexState");
         },

69c5fd4

92383aa

client/views/pages/main/Chapter/Chapter3_3.vue

--- client/views/pages/main/Chapter/Chapter3_3.vue

+++ client/views/pages/main/Chapter/Chapter3_3.vue


           },
           data: this.$store.getters.getAllAnswers,
         })
-          .then(function (res) {
+          .then((res) => {
             console.log("problem - response : ", res.data);
-            this.goToPage("Chapter4")
+            this.goToPage("Chapter4");  // 'this' correctly refers to the Vue instance
           })
-          .catch(function (error) {
+          .catch((error) => {
             console.log("problem - error : ", error);
           });
       } else {

69c5fd4

92383aa

client/views/pages/main/Chapter/Chapter4.vue

--- client/views/pages/main/Chapter/Chapter4.vue

+++ client/views/pages/main/Chapter/Chapter4.vue


                                     </div>
                                     <div class="text-lf">
                                         <p class="title1">
-                                            {{ item.prblmImfo.prblm_expln }}
+                                            {{ item.prblmInfo.prblm_expln }}
                                         </p>
                                     </div>
                                 </div>

                                     <div class="flex align-center" style="gap: 10px">
                                         <button type="button" title="정답 확인" class="yellow-btn" @click="
                                             [
-                                                handleProblemDetail(item.prblmImfo),
+                                                handleProblemDetail(item.prblmInfo),
                                                 goToProblemPage(
                                                     problemType
                                                 ),

69c5fd4

92383aa

client/views/pages/main/Main_c.vue

--- client/views/pages/main/Main_c.vue

+++ client/views/pages/main/Main_c.vue


 <template>
-    <router-view />
-    <Footer></Footer>
+    <div>
+        <!-- Main content of the page -->
+        <router-view></router-view>
+
+        <!-- Footer that re-renders on route change -->
+        <FooterComponent :key="$route.fullPath" />
+    </div>
 </template>
 
 <script>
-import Footer from "../../layout/Footer.vue";
+import FooterComponent from "../../layout/Footer.vue";
 
 export default {
     data() {

     components: {
         //   Header: Header,
         // Menu: Menu,
-        Footer: Footer,
+        // Footer: Footer,
         // Side_t:Side_t,
+        FooterComponent,
     },
     mounted() {
         console.log("main mounted");

...	...	@@ -26,12 +26,14 @@
26	26	};
27	27	},
28	28	created() {
29		- this.prblmId = JSON.parse(sessionStorage.getItem("prblmId"));
	29	+ this.prblmId = this.$store.getters.currentLearningId;
	30	+ this.stdId = this.$store.getters.getStdId;
	31	+ console.log(this.prblmId.prblm_id)
	32	+ console.log(this.stdId)
30	33	},
31	34	methods: {
32	35	selectDetailPreviewNote() {
33	36	const vm = this;
34		- this.istrue = JSON.parse(sessionStorage.getItem("previewNote"));
35	37
36	38	axios({
37	39	url: "problemLog/selectDetailPreviewNote.json",
...	...	@@ -40,13 +42,14 @@
40	42	"Content-Type": "application/json; charset=UTF-8",
41	43	},
42	44	data: {
43		- prblmId: vm.prblmId,
44		- stdId: vm.stdId,
	45	+ prblmId: vm.$store.getters.currentLearningId.prblm_id,
	46	+ stdId: vm.$store.getters.getStdId,
45	47	},
46	48	})
47	49	.then(function (res) {
48	50	console.log("problemList - response : ", res.data);
49	51	vm.dataList = res.data[0];
	52	+ vm.istrue = true;
50	53	console.log(vm.istrue);
51	54	})
52	55	.catch(function (error) {
...	...	@@ -63,7 +66,7 @@
63	66	};
64	67	</script>
65	68	<style scoped>
66		-.content-wrap > .title-box {
	69	+.content-wrap>.title-box {
67	70	margin-left: 65px;
68	71	height: 100%;
69	72	padding-bottom: 1vh;

...	...	@@ -89,7 +89,7 @@
89	89	getCurrentWdBkIndex: (state) => state.currentWdBkIndex,
90	90	},
91	91	mutations: {
92		-
	92	+
93	93	setToken(state, token) {
94	94	state.token = token;
95	95	},
...	...	@@ -112,9 +112,9 @@
112	112	state.allProblems = [];
113	113	state.allAnswers = [];
114	114	state.wdBookIdList = [],
115		- state.currentWdBkIndex = 0;
116		- seqNum = null;
117		- saveStateToLocalStorage(state);
	115	+ state.currentWdBkIndex = 0;
	116	+ state.seqNum = null;
	117	+ saveStateToLocalStorage(state);
118	118	},
119	119
120	120	setUser(state, userId) {
...	...	@@ -229,7 +229,7 @@
229	229	localStorage.setItem("token", token);
230	230	},
231	231	logout({ commit }) {
232		- commit("clearState");
	232	+ commit("clearState");
233	233	localStorage.removeItem("token");
234	234	localStorage.removeItem("vuexState");
235	235	},

...	...	@@ -126,11 +126,11 @@
126	126	},
127	127	data: this.$store.getters.getAllAnswers,
128	128	})
129		- .then(function (res) {
	129	+ .then((res) => {
130	130	console.log("problem - response : ", res.data);
131		- this.goToPage("Chapter4")
	131	+ this.goToPage("Chapter4"); // 'this' correctly refers to the Vue instance
132	132	})
133		- .catch(function (error) {
	133	+ .catch((error) => {
134	134	console.log("problem - error : ", error);
135	135	});
136	136	} else {

...	...	@@ -54,7 +54,7 @@
54	54	</div>
55	55	<div class="text-lf">
56	56	<p class="title1">
57		- {{ item.prblmImfo.prblm_expln }}
	57	+ {{ item.prblmInfo.prblm_expln }}
58	58	</p>
59	59	</div>
60	60	</div>
...	...	@@ -62,7 +62,7 @@
62	62	<div class="flex align-center" style="gap: 10px">
63	63	<button type="button" title="정답 확인" class="yellow-btn" @click="
64	64	[
65		- handleProblemDetail(item.prblmImfo),
	65	+ handleProblemDetail(item.prblmInfo),
66	66	goToProblemPage(
67	67	problemType
68	68	),

...	...	@@ -1,10 +1,15 @@
1	1	<template>
2		- <router-view />
3		- <Footer></Footer>
	2	+ <div>
	3	+ <!-- Main content of the page -->
	4	+ <router-view></router-view>
	5	+
	6	+ <!-- Footer that re-renders on route change -->
	7	+ <FooterComponent :key="$route.fullPath" />
	8	+ </div>
4	9	</template>
5	10
6	11	<script>
7		-import Footer from "../../layout/Footer.vue";
	12	+import FooterComponent from "../../layout/Footer.vue";
8	13
9	14	export default {
10	15	data() {
...	...	@@ -16,8 +21,9 @@
16	21	components: {
17	22	// Header: Header,
18	23	// Menu: Menu,
19		- Footer: Footer,
	24	+ // Footer: Footer,
20	25	// Side_t:Side_t,
	26	+ FooterComponent,
21	27	},
22	28	mounted() {
23	29	console.log("main mounted");

Delete comment