From 76c02d04d125ca936e4a5c08aad30bb50c7bd65d Mon Sep 17 00:00:00 2001
From: dyhj625 <dyhj625@local-host.co.kr>
Date: Thu, 9 Jan 2025 12:37:50 +0900
Subject: [PATCH] =?UTF-8?q?=EC=9E=91=EC=84=B1=EB=B2=84=ED=8A=BC=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/board/BoardComentArea.vue | 34 +++++++++++++-----------
 src/components/board/BoardProfile.vue    |  8 ++----
 src/components/button/WriteButton.vue    | 13 +++++++++
 src/views/board/BoardList.vue            |  5 ++--
 4 files changed, 35 insertions(+), 25 deletions(-)
 create mode 100644 src/components/button/WriteButton.vue

diff --git a/src/components/board/BoardComentArea.vue b/src/components/board/BoardComentArea.vue
index 629cb1f..e408ffe 100644
--- a/src/components/board/BoardComentArea.vue
+++ b/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>
diff --git a/src/components/board/BoardProfile.vue b/src/components/board/BoardProfile.vue
index 359ed9c..0efd3a2 100644
--- a/src/components/board/BoardProfile.vue
+++ b/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>
diff --git a/src/components/button/WriteButton.vue b/src/components/button/WriteButton.vue
new file mode 100644
index 0000000..a9b5ca1
--- /dev/null
+++ b/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>
diff --git a/src/views/board/BoardList.vue b/src/views/board/BoardList.vue
index 734b05a..8d6e9db 100644
--- a/src/views/board/BoardList.vue
+++ b/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('');