Merge branch 'main' of http://192.168.0.251:3000/localnet/localhost-front

src/components/board/BoardComentArea.vue

@@ -11,9 +11,9 @@
                 </div>
                 <!-- 텍스트박스 -->
                 <div class="w-100">
-                    <textarea 
-                        class="form-control" 
-                        placeholder="주제에 대한 생각을 자유롭게 댓글로 표현해 주세요. &#13;&#10;여러분의 다양한 의견을 기다립니다." 
+                    <textarea
+                        class="form-control"
+                        placeholder="주제에 대한 생각을 자유롭게 댓글로 표현해 주세요. &#13;&#10;여러분의 다양한 의견을 기다립니다."
                         rows="3"
                     ></textarea>
                 </div>
@@ -22,36 +22,38 @@
             <!-- 옵션 및 버튼 섹션 -->
             <div class="d-flex justify-content-between flex-wrap mt-4">
                 <div class="d-flex flex-wrap align-items-center">
-                    <!-- 익명 체크박스 -->
+                    <!-- 익명 체크박스 (익명게시판일 경우에만)-->
                     <div class="form-check form-check-inline mb-0 me-4">
-                        <input 
-                            class="form-check-input" 
-                            type="checkbox" 
-                            id="inlineCheckbox1" 
+                        <input
+                            class="form-check-input"
+                            type="checkbox"
+                            id="inlineCheckbox1"
                             v-model="isCheck"
                         />
                         <label class="form-check-label" for="inlineCheckbox1">익명</label>
                     </div>
-                    
+
                     <!-- 비밀번호 입력 필드 (익명이 선택된 경우에만 표시) -->
                     <div v-if="isCheck" class="d-flex align-items-center flex-grow-1">
                         <label class="form-label mb-0 me-3" for="basic-default-password">비밀번호</label>
                         <input
-                            type="password" 
+                            type="password"
                             id="basic-default-password"
-                            class="form-control flex-grow-1" 
-                            placeholder="" 
+                            class="form-control flex-grow-1"
+                            placeholder=""
                         />
                     </div>
                 </div>
-                
+
                 <!-- 답변 쓰기 버튼 -->
                 <div class="ms-auto mt-3 mt-md-0">
-                    <button class="btn btn-primary">답변 쓰기</button>
+                    <button class="btn btn-primary">
+                        <i class="icon-base bx bx-check"></i>
+                    </button>
                 </div>
-            </div>       
+            </div>
         </div>
-    </div>                                           
+    </div>
 </template>
 
 <script setup>

src/components/board/BoardProfile.vue

@@ -29,12 +29,8 @@
             </template>
             <template v-else>
                 <template v-if="author">
-                    <button class="btn author btn-label-primary btn-icon">
-                        <i class='bx bx-edit-alt'></i>
-                    </button>
-                    <button class="btn author btn-label-primary btn-icon">
-                        <i class='bx bx-trash' ></i>
-                    </button>
+                    <EditButton />
+                    <DeleteButton />
                 </template>
                 <BoardRecommendBtn :likeClicked="true" :dislikeClicked="false"/>
             </template>

src/components/button/WriteButton.vue

@@ -0,0 +1,13 @@
+<template>
+    <button class="btn btn-label-primary btn-icon float-end">
+        <i class="bx bx-edit"></i>
+    </button>
+</template>
+
+<script>
+export default {
+   name: 'WriteButton',
+   methods: {
+     },
+   };
+</script>

src/views/board/BoardList.vue

@@ -5,9 +5,7 @@
         <div class="row g-3">
             <div class="mt-8">
                 <router-link to="/board/write">
-                    <button class="btn btn-label-primary btn-icon float-end">
-                        <i class="bx bx-edit-alt"></i>
-                    </button>
+                    <WriteButton />
                 </router-link>
             </div>
             <template v-for="(item, index) in list" :key="item.id">
@@ -41,6 +39,7 @@
     import SearchBar from '@/components/search/SearchBar.vue';
     import router from '@/router';
     import dummy from '@a/boardDummy.json';
+import WriteButton from '@/components/button/WriteButton.vue';
 
     const list = ref(dummy);
     const searchText = ref('');