From 3f8718831f1b31f4f932be6f9e0bd90a4ad3a8a5 Mon Sep 17 00:00:00 2001
From: nevermoregb <nevermoregb@local-host.co.kr>
Date: Fri, 28 Mar 2025 12:27:26 +0900
Subject: [PATCH] =?UTF-8?q?=EC=82=AC=EC=9A=A9=EC=9E=90=EC=9D=98=20?=
 =?UTF-8?q?=EA=B2=8C=EC=8B=9C=EA=B8=80=20=EC=A2=8B=EC=95=84=EC=9A=94=20?=
 =?UTF-8?q?=EC=8B=AB=EC=96=B4=EC=9A=94=20=EC=83=81=ED=83=9C=20=EC=97=85?=
 =?UTF-8?q?=EB=8D=B0=EC=9D=B4=ED=8A=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/button/BoardRecommendBtn.vue | 12 ++++++++++--
 src/views/board/BoardView.vue               | 11 +++++++++--
 src/views/board/BoardWrite.vue              |  1 -
 3 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/components/button/BoardRecommendBtn.vue b/src/components/button/BoardRecommendBtn.vue
index 28c6979..54c371b 100644
--- a/src/components/button/BoardRecommendBtn.vue
+++ b/src/components/button/BoardRecommendBtn.vue
@@ -1,8 +1,16 @@
 <template v-if="isRecommend">
-    <button class="btn btn-label-primary btn-icon me-1" :class="{ clicked: likeClicked, big: bigBtn }" @click="handleLike">
+    <button
+        class="btn btn-label-primary btn-icon me-1"
+        :class="{ clicked: likeClicked, big: bigBtn, active: likeClicked }"
+        @click="handleLike"
+    >
         <i class="fa-regular fa-thumbs-up"></i> <span class="ms-1">{{ likeCount }}</span>
     </button>
-    <button class="btn btn-label-danger btn-icon" :class="{ clicked: dislikeClicked, big: bigBtn }" @click="handleDislike">
+    <button
+        class="btn btn-label-danger btn-icon"
+        :class="{ clicked: dislikeClicked, big: bigBtn, active: dislikeClicked }"
+        @click="handleDislike"
+    >
         <i class="fa-regular fa-thumbs-down"></i> <span class="ms-1">{{ dislikeCount }}</span>
     </button>
 </template>
diff --git a/src/views/board/BoardView.vue b/src/views/board/BoardView.vue
index f0fcebc..08ba22a 100644
--- a/src/views/board/BoardView.vue
+++ b/src/views/board/BoardView.vue
@@ -78,8 +78,7 @@
                             style="line-height: 1.6"
                             v-html="$common.contentToHtml(boardContent)"
                         ></div>
-                        <div v-if="!unknown" class= "my-12 py-12 pt-12">
-                        </div>
+                        <div v-if="!unknown" class="my-12 py-12 pt-12"></div>
 
                         <!-- 좋아요 버튼 -->
                         <div v-if="unknown" class="row justify-content-center my-10">
@@ -274,6 +273,14 @@
             attachment.value = boardData.hasAttachment || null;
             commentNum.value = boardData.commentCount || 0;
             attachments.value = boardData.attachments || [];
+
+            if (boardData?.myReaction == 1) {
+                likeClicked.value = true;
+                dislikeClicked.value = false;
+            } else if (boardData?.myReaction == 2) {
+                likeClicked.value = false;
+                dislikeClicked.value = true;
+            }
         } else {
             toastStore.onToast(data.message, 'e');
             router.back();
diff --git a/src/views/board/BoardWrite.vue b/src/views/board/BoardWrite.vue
index 0b4c07b..b622870 100644
--- a/src/views/board/BoardWrite.vue
+++ b/src/views/board/BoardWrite.vue
@@ -273,7 +273,6 @@
             if (attachFiles.value && attachFiles.value.length > 0) {
                 await Promise.all(
                     attachFiles.value.map(async file => {
-                        console.log(file);
                         const formData = new FormData();
                         const fileNameWithoutExt = file.name.replace(/\.[^/.]+$/, '');