From 6ac3d587f8d8f980afa79796108ba0e466982493 Mon Sep 17 00:00:00 2001
From: nevermoregb <nevermoregb@local-host.co.kr>
Date: Thu, 6 Mar 2025 12:15:37 +0900
Subject: [PATCH] =?UTF-8?q?=EC=95=84=EC=9D=B4=EC=BD=98=20=EA=B0=84?=
 =?UTF-8?q?=EA=B2=A9=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/board/BoardProfile.vue | 196 ++++++++++++--------------
 1 file changed, 92 insertions(+), 104 deletions(-)

diff --git a/src/components/board/BoardProfile.vue b/src/components/board/BoardProfile.vue
index 25ae89d..87e08bc 100644
--- a/src/components/board/BoardProfile.vue
+++ b/src/components/board/BoardProfile.vue
@@ -10,12 +10,8 @@
                 <div class="profile-detail">
                     <span>{{ date }}</span>
                     <template v-if="showDetail">
-                        <span class="ms-2">
-                            <i class="fa-regular fa-eye"></i> {{ views }}
-                        </span>
-                        <span>
-                            <i class="bx bx-comment"></i> {{ commentNum }}
-                        </span>
+                        <span class="ms-2"> <i class="fa-regular fa-eye"></i> {{ views }} </span>
+                        <span class="ms-1"> <i class="bx bx-comment"></i> {{ commentNum }} </span>
                     </template>
                 </div>
             </div>
@@ -29,112 +25,104 @@
             </template>
 
             <!-- 좋아요, 싫어요 버튼 (댓글에서만 표시) -->
-            <BoardRecommendBtn
-                v-if="isLike"
-                :boardId="boardId"
-                :comment="comment"
-                @updateReaction="handleUpdateReaction"
-            />
+            <BoardRecommendBtn v-if="isLike" :boardId="boardId" :comment="comment" @updateReaction="handleUpdateReaction" />
         </div>
     </div>
 </template>
 
 <script setup>
-import { computed, defineProps, defineEmits } from 'vue';
-import DeleteButton from '../button/DeleteBtn.vue';
-import EditButton from '../button/EditBtn.vue';
-import BoardRecommendBtn from '../button/BoardRecommendBtn.vue';
+    import { computed, defineProps, defineEmits } from 'vue';
+    import DeleteButton from '../button/DeleteBtn.vue';
+    import EditButton from '../button/EditBtn.vue';
+    import BoardRecommendBtn from '../button/BoardRecommendBtn.vue';
 
-// 기본 프로필 이미지 경로
-const defaultProfile = "/img/icons/icon.png";
+    // 기본 프로필 이미지 경로
+    const defaultProfile = '/img/icons/icon.png';
 
-// 서버의 이미지 경로 (Vue 환경 변수 사용 가능)
-const baseUrl = "http://localhost:10325/"; // API 서버 URL
+    // 서버의 이미지 경로 (Vue 환경 변수 사용 가능)
+    const baseUrl = 'http://localhost:10325/'; // API 서버 URL
 
-// Props 정의
-const props = defineProps({
-    comment: {
-        type: Object,
-        required: false,
-    },
-    boardId: {
-        type: Number,
-        required: false
-    },
-    commentId: {
-        type: Number,
-        required: false,
-    },
-    profileName: {
-        type: String,
-        default: '',
-    },
-    profilePath: {
-        type: String,
-        default: '',
-    },
-    unknown: {
-        type: Boolean,
-        default: true,
-    },
-    showDetail: {
-        type: Boolean,
-        default: true,
-    },
-    isAuthor: {
-        type: Boolean,
-        default: false,
-    },
-    isCommentAuthor: Boolean,
-    isCommentProfile: Boolean,
-    date: {
-        type: String,
-        required: '',
-    },
-    views: {
-        type: Number,
-        default: 0,
-    },
-    commentNum: {
-        type: Number,
-        default: 0,
-    },
-    isLike: {
-        type: Boolean,
-        default: false,
-    }
-});
-
-const emit = defineEmits(['updateReaction', 'editClick', 'deleteClick']);
-
-const isDeletedComment = computed(() => {
-    return props.comment?.content === '삭제된 댓글입니다' &&
-           props.comment?.updateAtRaw !== props.comment?.createdAtRaw;
-});
-
-// 수정
-const editClick = () => {
-    emit('editClick', { ...props.comment, unknown: props.unknown });
-};
-
-// 삭제
-const deleteClick = () => {
-    emit('deleteClick', { ...props.comment, unknown: props.unknown });
-};
-
-// 좋아요/싫어요 업데이트
-const handleUpdateReaction = (reactionData) => {
-    emit("updateReaction", {
-        boardId: props.boardId,
-        commentId: props.comment?.commentId,
-        ...reactionData,
+    // Props 정의
+    const props = defineProps({
+        comment: {
+            type: Object,
+            required: false,
+        },
+        boardId: {
+            type: Number,
+            required: false,
+        },
+        commentId: {
+            type: Number,
+            required: false,
+        },
+        profileName: {
+            type: String,
+            default: '',
+        },
+        profilePath: {
+            type: String,
+            default: '',
+        },
+        unknown: {
+            type: Boolean,
+            default: true,
+        },
+        showDetail: {
+            type: Boolean,
+            default: true,
+        },
+        isAuthor: {
+            type: Boolean,
+            default: false,
+        },
+        isCommentAuthor: Boolean,
+        isCommentProfile: Boolean,
+        date: {
+            type: String,
+            required: '',
+        },
+        views: {
+            type: Number,
+            default: 0,
+        },
+        commentNum: {
+            type: Number,
+            default: 0,
+        },
+        isLike: {
+            type: Boolean,
+            default: false,
+        },
     });
-};
 
-// 프로필 이미지 경로 설정
-const getProfileImage = (profilePath) => {
-    return profilePath && profilePath.trim()
-      ? `${baseUrl}upload/img/profile/${profilePath}`
-      : defaultProfile;
-  };
+    const emit = defineEmits(['updateReaction', 'editClick', 'deleteClick']);
+
+    const isDeletedComment = computed(() => {
+        return props.comment?.content === '삭제된 댓글입니다' && props.comment?.updateAtRaw !== props.comment?.createdAtRaw;
+    });
+
+    // 수정
+    const editClick = () => {
+        emit('editClick', { ...props.comment, unknown: props.unknown });
+    };
+
+    // 삭제
+    const deleteClick = () => {
+        emit('deleteClick', { ...props.comment, unknown: props.unknown });
+    };
+
+    // 좋아요/싫어요 업데이트
+    const handleUpdateReaction = reactionData => {
+        emit('updateReaction', {
+            boardId: props.boardId,
+            commentId: props.comment?.commentId,
+            ...reactionData,
+        });
+    };
+
+    // 프로필 이미지 경로 설정
+    const getProfileImage = profilePath => {
+        return profilePath && profilePath.trim() ? `${baseUrl}upload/img/profile/${profilePath}` : defaultProfile;
+    };
 </script>