From fb8c00fd6b0a1549470817c90b56340a2ebecb16 Mon Sep 17 00:00:00 2001
From: nevermoregb <nevermoregb@local-host.co.kr>
Date: Tue, 11 Mar 2025 12:38:03 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B2=8C=EC=8B=9C=EA=B8=80=20=ED=94=84?=
 =?UTF-8?q?=EB=A1=9C=ED=95=84=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EB=B3=B4?=
 =?UTF-8?q?=EC=9D=B4=EA=B2=8C=20=EC=9D=B5=EB=AA=85=EC=9D=BC=EA=B2=BD?=
 =?UTF-8?q?=EC=9A=B0=EB=8F=84=20=EC=9D=B5=EB=AA=85=EC=9D=B4=EB=AF=B8?=
 =?UTF-8?q?=EC=A7=80=20=EB=85=B8=EC=B6=9C=ED=95=98=EB=8F=84=EB=A1=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/board/BoardComment.vue |  1 +
 src/components/board/BoardProfile.vue | 17 +++++++++--------
 src/views/board/BoardView.vue         |  7 ++++++-
 3 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/components/board/BoardComment.vue b/src/components/board/BoardComment.vue
index 89fd3ad..8b92d38 100644
--- a/src/components/board/BoardComment.vue
+++ b/src/components/board/BoardComment.vue
@@ -7,6 +7,7 @@
             :profileName="comment.author"
             :date="comment.createdAt"
             :comment="comment"
+            :profileImg="comment.profileImg"
             :showDetail="false"
             :isLike="!isLike"
             :isCommentPassword="isCommentPassword"
diff --git a/src/components/board/BoardProfile.vue b/src/components/board/BoardProfile.vue
index b183865..c4f8e54 100644
--- a/src/components/board/BoardProfile.vue
+++ b/src/components/board/BoardProfile.vue
@@ -1,8 +1,8 @@
 <template>
     <div class="d-flex align-items-center flex-wrap">
         <div class="d-flex align-items-center">
-            <div v-if="!unknown" class="avatar me-2">
-                <img :src="getProfileImage(profilePath)" alt="Avatar" class="rounded-circle" />
+            <div class="avatar me-2">
+                <img :src="getProfileImage(profileImg)" alt="Avatar" class="rounded-circle" />
             </div>
 
             <div class="me-2">
@@ -60,10 +60,6 @@
             type: String,
             default: '',
         },
-        profilePath: {
-            type: String,
-            default: '',
-        },
         unknown: {
             type: Boolean,
             default: true,
@@ -94,6 +90,10 @@
             type: Boolean,
             default: false,
         },
+        profileImg: {
+            type: String,
+            default: false,
+        },
     });
 
     const emit = defineEmits(['updateReaction', 'editClick', 'deleteClick']);
@@ -122,7 +122,8 @@
     };
 
     // 프로필 이미지 경로 설정
-    const getProfileImage = profilePath => {
-        return profilePath && profilePath.trim() ? `${baseUrl}upload/img/profile/${profilePath}` : defaultProfile;
+    const getProfileImage = profileImg => {
+        console.log('profileImg: ', profileImg);
+        return profileImg && profileImg != '' ? `${baseUrl}upload/img/profile/${profileImg}` : defaultProfile;
     };
 </script>
diff --git a/src/views/board/BoardView.vue b/src/views/board/BoardView.vue
index eccf4e9..26f5c38 100644
--- a/src/views/board/BoardView.vue
+++ b/src/views/board/BoardView.vue
@@ -10,6 +10,7 @@
                                 :boardId="currentBoardId"
                                 :profileName="profileName"
                                 :unknown="unknown"
+                                :profileImg="profileImg"
                                 :views="views"
                                 :commentNum="commentNum"
                                 :date="formattedBoardDate"
@@ -150,6 +151,7 @@
     const commentNum = ref(0);
     const attachment = ref(false);
     const comments = ref([]);
+    const profileImg = ref('');
 
     const route = useRoute();
     const router = useRouter();
@@ -240,6 +242,7 @@
         authorId.value = data.authorId;
         boardTitle.value = data.title || '제목 없음';
         boardContent.value = data.content || '';
+        profileImg.value = data.profileImg || '';
         date.value = data.date || '';
         views.value = data.cnt || 0;
         likes.value = data.likeCount || 0;
@@ -304,6 +307,7 @@
             content: comment.LOCCMTRPY,
             likeCount: comment.likeCount || 0,
             dislikeCount: comment.dislikeCount || 0,
+            profileImg: comment.profileImg || '',
             likeClicked: comment.likeClicked || false,
             dislikeClicked: comment.dislikeClicked || false,
             createdAtRaw: new Date(comment.LOCCMTRDT), // 정렬용
@@ -325,6 +329,7 @@
                 comment.children = replyResponse.data.data.map(reply => ({
                     author: reply.author || '익명',
                     authorId: reply.authorId,
+                    profileImg: reply.profileImg || '',
                     commentId: reply.LOCCMTSEQ,
                     boardId: reply.LOCBRDSEQ,
                     parentId: reply.LOCCMTPNT, // 부모 댓글 ID
@@ -340,7 +345,7 @@
                 comment.children = []; // 대댓글이 없으면 빈 배열로 초기화
             }
         }
-
+        commentsList;
         // 최종적으로 댓글 목록 업데이트
         comments.value = commentsList;