Commit @5ea7b92d342b3d874ed3c915f9dc09c45bc263ba

1137284

5ea7b92

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

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

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


       <button class="completeBtn" @click="complete">학습 종료</button>
     </div>
     <div class="flex justify-between align-center">
-      <div class="pre-btn" @click="previousProblem()">
+      <div
+        class="pre-btn"
+        :style="{ visibility: hiddenState ? 'hidden' : 'visible' }"
+        @click="previousProblem()"
+      >
         <img src="../../../../resources/img/left.png" alt="" />
       </div>
       <div class="content title-box">

       answerArr: [],
 
       seq: this.$store.getters.seqNum,
+
+      hiddenState: false,
     };
   },
   methods: {

   },
   mounted() {
     this.fetchProblemData();
+    if (this.currentProblemIndex == 0) {
+      this.hiddenState = true;
+    }
   },
 };
 </script>

1137284

5ea7b92

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

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

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


       <button class="completeBtn" @click="complete">학습 종료</button>
     </div>
     <div class="flex justify-between align-center">
-      <div class="pre-btn" @click="previousProblem()">
+      <div
+        class="pre-btn"
+        :style="{ visibility: hiddenState ? 'hidden' : 'visible' }"
+        @click="previousProblem()"
+      >
         <img src="../../../../resources/img/left.png" alt="" />
       </div>
       <div class="content title-box">

       dataList: [],
 
       seq: this.$store.getters.seqNum,
+      hiddenState: false,
     };
   },
   methods: {

   },
   mounted() {
     this.getProblem();
+
+    if (this.currentProblemIndex == 0) {
+      this.hiddenState = true;
+    }
   },
 };
 </script>

1137284

5ea7b92

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

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

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


       <button class="completeBtn" @click="complete">학습 종료</button>
     </div>
     <div class="flex justify-between align-center">
-      <div class="pre-btn" @click="previousProblem()">
+      <div
+        class="pre-btn"
+        :style="{ visibility: hiddenState ? 'hidden' : 'visible' }"
+        @click="previousProblem()"
+      >
         <img src="../../../../resources/img/left.png" alt="" />
       </div>
       <div class="content title-box">

       answerArr: [],
 
       seq: this.$store.getters.seqNum,
+      hiddenState: false,
     };
   },
   methods: {

   },
   mounted() {
     this.fetchProblemData();
+    if (this.currentProblemIndex == 0) {
+      this.hiddenState = true;
+    }
   },
 };
 </script>

1137284

5ea7b92

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

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

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


       <button class="completeBtn" @click="complete">학습 종료</button>
     </div>
     <div class="flex justify-between align-center">
-      <div class="pre-btn" @click="previousProblem()">
+      <div
+        class="pre-btn"
+        :style="{ visibility: hiddenState ? 'hidden' : 'visible' }"
+        @click="previousProblem()"
+      >
         <img src="../../../../resources/img/left.png" alt="" />
       </div>
       <div class="content title-box">

       dataList: [],
 
       seq: this.$store.getters.seqNum,
+      hiddenState: false,
     };
   },
   computed: {},

   },
   mounted() {
     this.getProblem();
+
+    if (this.currentProblemIndex == 0) {
+      this.hiddenState = true;
+    }
   },
 };
 </script>

1137284

5ea7b92

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

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

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


       <button class="completeBtn" @click="complete">학습 종료</button>
     </div>
     <div class="flex justify-between align-center">
-      <div class="pre-btn" @click="previousProblem()">
+      <div
+        class="pre-btn"
+        :style="{ visibility: hiddenState ? 'hidden' : 'visible' }"
+        @click="previousProblem()"
+      >
         <img src="../../../../resources/img/left.png" alt="" />
       </div>
       <div class="content title-box">

       answerArr: [],
 
       seq: this.$store.getters.seqNum,
+      hiddenState: false,
     };
   },
   methods: {

   },
   mounted() {
     this.fetchProblemData();
+    if (this.currentProblemIndex == 0) {
+      this.hiddenState = true;
+    }
   },
 };
 </script>

1137284

5ea7b92

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

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

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


       <button class="completeBtn" @click="complete">학습 종료</button>
     </div>
     <div class="flex justify-between align-center">
-      <div class="pre-btn" @click="previousProblem()">
+      <div
+        class="pre-btn"
+        :style="{ visibility: hiddenState ? 'hidden' : 'visible' }"
+        @click="previousProblem()"
+      >
         <img src="../../../../resources/img/left.png" alt="" />
       </div>
       <div class="content title-box">

       answerArr: [],
 
       seq: this.$store.getters.seqNum,
+      hiddenState: false,
     };
   },
   methods: {

   },
   mounted() {
     this.fetchProblemData();
+    if (this.currentProblemIndex == 0) {
+      this.hiddenState = true;
+    }
   },
 };
 </script>

1137284

5ea7b92

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

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

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


       <button class="completeBtn" @click="complete">학습 종료</button>
     </div>
     <div class="flex justify-between align-center">
-      <div class="pre-btn" @click="previousProblem()">
+      <div
+        class="pre-btn"
+        :style="{ visibility: hiddenState ? 'hidden' : 'visible' }"
+        @click="previousProblem()"
+      >
         <img src="../../../../resources/img/left.png" alt="" />
       </div>
       <div class="content title-box">

 
       // prblmArr: [],
       seq: this.$store.getters.seqNum,
+      hiddenState: false,
     };
   },
   methods: {

     this.fetchProblemData();
     // this.storeProblemId();
     // this.storeLearningId();
+    if (this.currentProblemIndex == 0) {
+      this.hiddenState = true;
+    }
+
     this.$route.query;
     // 드래그 가능한 요소에 드래그 시작 및 종료 이벤트 추가
     document.querySelectorAll(".draggable").forEach((button) => {

...	...	@@ -18,7 +18,11 @@
18	18	<button class="completeBtn" @click="complete">학습 종료</button>
19	19	</div>
20	20	<div class="flex justify-between align-center">
21		- <div class="pre-btn" @click="previousProblem()">
	21	+ <div
	22	+ class="pre-btn"
	23	+ :style="{ visibility: hiddenState ? 'hidden' : 'visible' }"
	24	+ @click="previousProblem()"
	25	+ >
22	26	<img src="../../../../resources/img/left.png" alt="" />
23	27	</div>
24	28	<div class="content title-box">
...	...	@@ -128,6 +132,8 @@
128	132	answerArr: [],
129	133
130	134	seq: this.$store.getters.seqNum,
	135	+
	136	+ hiddenState: false,
131	137	};
132	138	},
133	139	methods: {
...	...	@@ -309,6 +315,9 @@
309	315	},
310	316	mounted() {
311	317	this.fetchProblemData();
	318	+ if (this.currentProblemIndex == 0) {
	319	+ this.hiddenState = true;
	320	+ }
312	321	},
313	322	};
314	323	</script>

...	...	@@ -18,7 +18,11 @@
18	18	<button class="completeBtn" @click="complete">학습 종료</button>
19	19	</div>
20	20	<div class="flex justify-between align-center">
21		- <div class="pre-btn" @click="previousProblem()">
	21	+ <div
	22	+ class="pre-btn"
	23	+ :style="{ visibility: hiddenState ? 'hidden' : 'visible' }"
	24	+ @click="previousProblem()"
	25	+ >
22	26	<img src="../../../../resources/img/left.png" alt="" />
23	27	</div>
24	28	<div class="content title-box">
...	...	@@ -105,6 +109,7 @@
105	109	dataList: [],
106	110
107	111	seq: this.$store.getters.seqNum,
	112	+ hiddenState: false,
108	113	};
109	114	},
110	115	methods: {
...	...	@@ -282,6 +287,10 @@
282	287	},
283	288	mounted() {
284	289	this.getProblem();
	290	+
	291	+ if (this.currentProblemIndex == 0) {
	292	+ this.hiddenState = true;
	293	+ }
285	294	},
286	295	};
287	296	</script>

...	...	@@ -18,7 +18,11 @@
18	18	<button class="completeBtn" @click="complete">학습 종료</button>
19	19	</div>
20	20	<div class="flex justify-between align-center">
21		- <div class="pre-btn" @click="previousProblem()">
	21	+ <div
	22	+ class="pre-btn"
	23	+ :style="{ visibility: hiddenState ? 'hidden' : 'visible' }"
	24	+ @click="previousProblem()"
	25	+ >
22	26	<img src="../../../../resources/img/left.png" alt="" />
23	27	</div>
24	28	<div class="content title-box">
...	...	@@ -147,6 +151,7 @@
147	151	answerArr: [],
148	152
149	153	seq: this.$store.getters.seqNum,
	154	+ hiddenState: false,
150	155	};
151	156	},
152	157	methods: {
...	...	@@ -334,6 +339,9 @@
334	339	},
335	340	mounted() {
336	341	this.fetchProblemData();
	342	+ if (this.currentProblemIndex == 0) {
	343	+ this.hiddenState = true;
	344	+ }
337	345	},
338	346	};
339	347	</script>

...	...	@@ -18,7 +18,11 @@
18	18	<button class="completeBtn" @click="complete">학습 종료</button>
19	19	</div>
20	20	<div class="flex justify-between align-center">
21		- <div class="pre-btn" @click="previousProblem()">
	21	+ <div
	22	+ class="pre-btn"
	23	+ :style="{ visibility: hiddenState ? 'hidden' : 'visible' }"
	24	+ @click="previousProblem()"
	25	+ >
22	26	<img src="../../../../resources/img/left.png" alt="" />
23	27	</div>
24	28	<div class="content title-box">
...	...	@@ -123,6 +127,7 @@
123	127	dataList: [],
124	128
125	129	seq: this.$store.getters.seqNum,
	130	+ hiddenState: false,
126	131	};
127	132	},
128	133	computed: {},
...	...	@@ -348,6 +353,10 @@
348	353	},
349	354	mounted() {
350	355	this.getProblem();
	356	+
	357	+ if (this.currentProblemIndex == 0) {
	358	+ this.hiddenState = true;
	359	+ }
351	360	},
352	361	};
353	362	</script>

...	...	@@ -18,7 +18,11 @@
18	18	<button class="completeBtn" @click="complete">학습 종료</button>
19	19	</div>
20	20	<div class="flex justify-between align-center">
21		- <div class="pre-btn" @click="previousProblem()">
	21	+ <div
	22	+ class="pre-btn"
	23	+ :style="{ visibility: hiddenState ? 'hidden' : 'visible' }"
	24	+ @click="previousProblem()"
	25	+ >
22	26	<img src="../../../../resources/img/left.png" alt="" />
23	27	</div>
24	28	<div class="content title-box">
...	...	@@ -143,6 +147,7 @@
143	147	answerArr: [],
144	148
145	149	seq: this.$store.getters.seqNum,
	150	+ hiddenState: false,
146	151	};
147	152	},
148	153	methods: {
...	...	@@ -327,6 +332,9 @@
327	332	},
328	333	mounted() {
329	334	this.fetchProblemData();
	335	+ if (this.currentProblemIndex == 0) {
	336	+ this.hiddenState = true;
	337	+ }
330	338	},
331	339	};
332	340	</script>

Delete comment