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

src/components/board/BoardComentArea.vue

@@ -22,7 +22,7 @@
             <!-- 옵션 및 버튼 섹션 -->
             <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"
@@ -47,7 +47,9 @@
 
                 <!-- 답변 쓰기 버튼 -->
                 <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>

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">
+                    <EditButton />
-                        <i class='bx bx-edit-alt'></i>
+                    <DeleteButton />
-                    </button>
-                    <button class="btn author btn-label-primary btn-icon">
-                        <i class='bx bx-trash' ></i>
-                    </button>
                 </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">
+                    <WriteButton />
-                        <i class="bx bx-edit-alt"></i>
-                    </button>
                 </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('');