Commit @85619397dd50f02b565685ca907e55fc4257c910

류윤주 2023-11-30

231130 이세현 기술문서 빈 게시물 수정

@85619397dd50f02b565685ca907e55fc4257c910

aac50dc

8561939

client/views/pages/user/Data/Technology.vue

--- client/views/pages/user/Data/Technology.vue

+++ client/views/pages/user/Data/Technology.vue


                             <button class="blue-btn" @click="postSelectOnePage(item)">바로가기</button>
                         </div>
                     </li>
-                    <li class="tech-box-sec ">
+                    <li class="tech-box-sec" v-for="(space, index) in emptySpaces" :key="index">
                         <div class="tech-box-fillter">
                             <div class="tech-box-sec-h3">
                                 <div class="flex">

                         </div>
                         <!-- <div class="overlay-text">준비 중 입니다.</div> -->
                     </li>
-                    <li class="tech-box-sec ">
-                        <div class="tech-box-fillter">
-
-                            <div class="tech-box-sec-h3">
-                                <div class="flex">
-                                    <h3>&nbsp;</h3>
-                                    <p>&nbsp;</p>
-                                </div>
-                            </div>
-                            <div class="tech-box-sec-img">
-                                <!-- 이미지자리 -->
-                                &nbsp;
-                            </div>
-                            <div>
-                                <p class="content-detail">&nbsp;</p>
-                                <p class="date">&nbsp;</p>
-                            </div>
-                            <div>
-                                <button class="blue-btn" @click="showAlert">바로가기</button>
-                                <!-- <button class="blue-btn" @click="goToPage3">바로가기</button> -->
-                            </div>
-                        </div>
-                        <!-- <div class="overlay-text">준비 중 입니다.</div> -->
-                    </li>
-                    <li class="tech-box-sec ">
-                        <div class="tech-box-fillter">
-
-                            <div class="tech-box-sec-h3">
-                                <div class="flex">
-                                    <h3>&nbsp;</h3>
-                                    <p>&nbsp;</p>
-                                </div>
-                            </div>
-                            <div class="tech-box-sec-img">
-                                <!-- 이미지자리 -->
-                                &nbsp;
-                            </div>
-                            <div>
-                                <p class="content-detail">&nbsp;</p>
-                                <p class="date">&nbsp;</p>
-                            </div>
-                            <div>
-                                <button class="blue-btn" @click="showAlert">바로가기</button>
-                                <!-- <button class="blue-btn" @click="goToPage3">바로가기</button> -->
-                            </div>
-                        </div>
-                        <!-- <div class="overlay-text">준비 중 입니다.</div> -->
-                    </li>
-                    <li class="tech-box-sec ">
-                        <div class="tech-box-fillter">
-
-                            <div class="tech-box-sec-h3">
-                                <div class="flex">
-                                    <h3>&nbsp;</h3>
-                                    <p>&nbsp;</p>
-                                </div>
-                            </div>
-                            <div class="tech-box-sec-img">
-                                <!-- 이미지자리 -->
-                                &nbsp;
-                            </div>
-                            <div>
-                                <p class="content-detail">&nbsp;</p>
-                                <p class="date">&nbsp;</p>
-                            </div>
-                            <div>
-                                <button class="blue-btn" @click="showAlert">바로가기</button>
-                                <!-- <button class="blue-btn" @click="goToPage3">바로가기</button> -->
-                            </div>
-                        </div>
-                        <!-- <div class="overlay-text">준비 중 입니다.</div> -->
-                    </li>
-                    <li class="tech-box-sec ">
-                        <div class="tech-box-fillter">
-
-                            <div class="tech-box-sec-h3">
-                                <div class="flex">
-                                    <h3>&nbsp;</h3>
-                                    <p>&nbsp;</p>
-                                </div>
-                            </div>
-                            <div class="tech-box-sec-img">
-                                <!-- 이미지자리 -->
-                                &nbsp;
-                            </div>
-                            <div>
-                                <p class="content-detail">&nbsp;</p>
-                                <p class="date">&nbsp;</p>
-                            </div>
-                            <div>
-                                <button class="blue-btn" @click="showAlert">바로가기</button>
-                                <!-- <button class="blue-btn" @click="goToPage3">바로가기</button> -->
-                            </div>
-                        </div>
-                        <!-- <div class="overlay-text">준비 중입니다.</div> -->
-                    </li>
-                    <li class="tech-box-sec ">
-                        <div class="tech-box-fillter">
-
-                            <div class="tech-box-sec-h3">
-                                <div class="flex">
-                                    <h3>&nbsp;</h3>
-                                    <p>&nbsp;</p>
-                                </div>
-                            </div>
-                            <div class="tech-box-sec-img">
-                                <!-- 이미지자리 -->
-                                &nbsp;
-                            </div>
-                            <div>
-                                <p class="content-detail">&nbsp;</p>
-                                <p class="date">&nbsp;</p>
-                            </div>
-                            <div>
-                                <button class="blue-btn" @click="showAlert">바로가기</button>
-                                <!-- <button class="blue-btn" @click="goToPage3">바로가기</button> -->
-                            </div>
-                        </div>
-                        <!-- <div class="overlay-text">준비 중입니다.</div> -->
-                    </li>
-                    <li class="tech-box-sec ">
-                        <div class="tech-box-fillter">
-
-                            <div class="tech-box-sec-h3">
-                                <div class="flex">
-                                    <h3>&nbsp;</h3>
-                                    <p>&nbsp;</p>
-                                </div>
-                            </div>
-                            <div class="tech-box-sec-img">
-                                <!-- 이미지자리 -->
-                                &nbsp;
-                            </div>
-                            <div>
-                                <p class="content-detail">&nbsp;</p>
-                                <p class="date">&nbsp;</p>
-                            </div>
-                            <div>
-                                <button class="blue-btn" @click="showAlert">바로가기</button>
-                                <!-- <button class="blue-btn" @click="goToPage3">바로가기</button> -->
-                            </div>
-                        </div>
-                        <!-- <div class="overlay-text">준비 중 입니다.</div> -->
-                    </li>
-                    <li class="tech-box-sec ">
-                        <div class="tech-box-fillter">
-
-                            <div class="tech-box-sec-h3">
-                                <div class="flex">
-                                    <h3>&nbsp;</h3>
-                                    <p>&nbsp;</p>
-                                </div>
-                            </div>
-                            <div class="tech-box-sec-img">
-                                <!-- 이미지자리 -->
-                                &nbsp;
-                            </div>
-                            <div>
-                                <p class="content-detail">&nbsp;</p>
-                                <p class="date">&nbsp;</p>
-                            </div>
-                            <div>
-                                <button class="blue-btn" @click="showAlert">바로가기</button>
-                                <!-- <button class="blue-btn" @click="goToPage3">바로가기</button> -->
-                            </div>
-                        </div>
-                        <!-- <div class="overlay-text">준비 중입니다.</div> -->
-                    </li>
+                
                 </ul>
                 <div class="bottom-wrap">
                     <PaginationButton v-model:currentPage="postListSearch.currentPage" :perPage="postListSearch.perPage"

 
     },
     computed: {
-
+        emptySpaces() {
+            return new Array(9 - this.postList.length).fill(0);
+        }
     },
     components: {
         PaginationButton: PaginationButton,

Add a comment

Open 0
Closed 0

List

...	...	@@ -63,7 +63,7 @@
63	63	<button class="blue-btn" @click="postSelectOnePage(item)">바로가기</button>
64	64	</div>
65	65	</li>
66		- <li class="tech-box-sec ">
	66	+ <li class="tech-box-sec" v-for="(space, index) in emptySpaces" :key="index">
67	67	<div class="tech-box-fillter">
68	68	<div class="tech-box-sec-h3">
69	69	<div class="flex">
...	...	@@ -86,174 +86,7 @@
86	86	</div>
87	87	<!-- <div class="overlay-text">준비 중 입니다.</div> -->
88	88	</li>
89		- <li class="tech-box-sec ">
90		- <div class="tech-box-fillter">
91		-
92		- <div class="tech-box-sec-h3">
93		- <div class="flex">
94		- <h3> </h3>
95		- <p> </p>
96		- </div>
97		- </div>
98		- <div class="tech-box-sec-img">
99		- <!-- 이미지자리 -->
100		-
101		- </div>
102		- <div>
103		- <p class="content-detail"> </p>
104		- <p class="date"> </p>
105		- </div>
106		- <div>
107		- <button class="blue-btn" @click="showAlert">바로가기</button>
108		- <!-- <button class="blue-btn" @click="goToPage3">바로가기</button> -->
109		- </div>
110		- </div>
111		- <!-- <div class="overlay-text">준비 중 입니다.</div> -->
112		- </li>
113		- <li class="tech-box-sec ">
114		- <div class="tech-box-fillter">
115		-
116		- <div class="tech-box-sec-h3">
117		- <div class="flex">
118		- <h3> </h3>
119		- <p> </p>
120		- </div>
121		- </div>
122		- <div class="tech-box-sec-img">
123		- <!-- 이미지자리 -->
124		-
125		- </div>
126		- <div>
127		- <p class="content-detail"> </p>
128		- <p class="date"> </p>
129		- </div>
130		- <div>
131		- <button class="blue-btn" @click="showAlert">바로가기</button>
132		- <!-- <button class="blue-btn" @click="goToPage3">바로가기</button> -->
133		- </div>
134		- </div>
135		- <!-- <div class="overlay-text">준비 중 입니다.</div> -->
136		- </li>
137		- <li class="tech-box-sec ">
138		- <div class="tech-box-fillter">
139		-
140		- <div class="tech-box-sec-h3">
141		- <div class="flex">
142		- <h3> </h3>
143		- <p> </p>
144		- </div>
145		- </div>
146		- <div class="tech-box-sec-img">
147		- <!-- 이미지자리 -->
148		-
149		- </div>
150		- <div>
151		- <p class="content-detail"> </p>
152		- <p class="date"> </p>
153		- </div>
154		- <div>
155		- <button class="blue-btn" @click="showAlert">바로가기</button>
156		- <!-- <button class="blue-btn" @click="goToPage3">바로가기</button> -->
157		- </div>
158		- </div>
159		- <!-- <div class="overlay-text">준비 중 입니다.</div> -->
160		- </li>
161		- <li class="tech-box-sec ">
162		- <div class="tech-box-fillter">
163		-
164		- <div class="tech-box-sec-h3">
165		- <div class="flex">
166		- <h3> </h3>
167		- <p> </p>
168		- </div>
169		- </div>
170		- <div class="tech-box-sec-img">
171		- <!-- 이미지자리 -->
172		-
173		- </div>
174		- <div>
175		- <p class="content-detail"> </p>
176		- <p class="date"> </p>
177		- </div>
178		- <div>
179		- <button class="blue-btn" @click="showAlert">바로가기</button>
180		- <!-- <button class="blue-btn" @click="goToPage3">바로가기</button> -->
181		- </div>
182		- </div>
183		- <!-- <div class="overlay-text">준비 중입니다.</div> -->
184		- </li>
185		- <li class="tech-box-sec ">
186		- <div class="tech-box-fillter">
187		-
188		- <div class="tech-box-sec-h3">
189		- <div class="flex">
190		- <h3> </h3>
191		- <p> </p>
192		- </div>
193		- </div>
194		- <div class="tech-box-sec-img">
195		- <!-- 이미지자리 -->
196		-
197		- </div>
198		- <div>
199		- <p class="content-detail"> </p>
200		- <p class="date"> </p>
201		- </div>
202		- <div>
203		- <button class="blue-btn" @click="showAlert">바로가기</button>
204		- <!-- <button class="blue-btn" @click="goToPage3">바로가기</button> -->
205		- </div>
206		- </div>
207		- <!-- <div class="overlay-text">준비 중입니다.</div> -->
208		- </li>
209		- <li class="tech-box-sec ">
210		- <div class="tech-box-fillter">
211		-
212		- <div class="tech-box-sec-h3">
213		- <div class="flex">
214		- <h3> </h3>
215		- <p> </p>
216		- </div>
217		- </div>
218		- <div class="tech-box-sec-img">
219		- <!-- 이미지자리 -->
220		-
221		- </div>
222		- <div>
223		- <p class="content-detail"> </p>
224		- <p class="date"> </p>
225		- </div>
226		- <div>
227		- <button class="blue-btn" @click="showAlert">바로가기</button>
228		- <!-- <button class="blue-btn" @click="goToPage3">바로가기</button> -->
229		- </div>
230		- </div>
231		- <!-- <div class="overlay-text">준비 중 입니다.</div> -->
232		- </li>
233		- <li class="tech-box-sec ">
234		- <div class="tech-box-fillter">
235		-
236		- <div class="tech-box-sec-h3">
237		- <div class="flex">
238		- <h3> </h3>
239		- <p> </p>
240		- </div>
241		- </div>
242		- <div class="tech-box-sec-img">
243		- <!-- 이미지자리 -->
244		-
245		- </div>
246		- <div>
247		- <p class="content-detail"> </p>
248		- <p class="date"> </p>
249		- </div>
250		- <div>
251		- <button class="blue-btn" @click="showAlert">바로가기</button>
252		- <!-- <button class="blue-btn" @click="goToPage3">바로가기</button> -->
253		- </div>
254		- </div>
255		- <!-- <div class="overlay-text">준비 중입니다.</div> -->
256		- </li>
	89	+
257	90	</ul>
258	91	<div class="bottom-wrap">
259	92	<PaginationButton v-model:currentPage="postListSearch.currentPage" :perPage="postListSearch.perPage"
...	...	@@ -367,7 +200,9 @@
367	200
368	201	},
369	202	computed: {
370		-
	203	+ emptySpaces() {
	204	+ return new Array(9 - this.postList.length).fill(0);
	205	+ }
371	206	},
372	207	components: {
373	208	PaginationButton: PaginationButton,

Delete comment