From 3f4743cac24d0a05be5205e9e43f585326b6147d Mon Sep 17 00:00:00 2001
From: kimdaae328 <kimdaae328@gmail.com>
Date: Fri, 21 Feb 2025 09:52:10 +0900
Subject: [PATCH] =?UTF-8?q?=EB=8C=93=EA=B8=80=20=EB=B9=84=EB=B0=80?=
 =?UTF-8?q?=EB=B2=88=ED=98=B8=20=EC=A7=84=ED=96=89=EC=A4=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/board/BoardComment.vue | 16 ++++++++++------
 src/views/board/BoardView.vue         | 14 +++++++-------
 2 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/src/components/board/BoardComment.vue b/src/components/board/BoardComment.vue
index 242b311..c300212 100644
--- a/src/components/board/BoardComment.vue
+++ b/src/components/board/BoardComment.vue
@@ -31,7 +31,7 @@
 
         <div class="mt-6">
             <template v-if="comment.isEditTextarea">
-                <textarea v-model="editedContent" class="form-control"></textarea>
+                <textarea v-model="localEditedContent" class="form-control"></textarea>
                 <div class="mt-2 d-flex justify-content-end">
                     <button class="btn btn-secondary me-2" @click="$emit('cancelEdit', comment)">취소</button>
                     <button class="btn btn-primary" @click="$emit('submitEdit', comment, editedContent)">수정</button>
@@ -110,7 +110,7 @@ const props = defineProps({
 const emit = defineEmits(['submitComment', 'updateReaction', 'editClick', 'deleteClick', 'submitPassword', 'submitEdit', 'cancelEdit']);
 
 const password = ref('');
-
+const localEditedContent = ref(props.editedContent);
 
 // 댓글 입력 창 토글
 const isComment = ref(false);
@@ -142,16 +142,20 @@ const logPasswordAndEmit = () => {
     emit('submitPassword', props.comment, password.value);
 };
 
+
+watch(() => props.editedContent, (newValue) => {
+    localEditedContent.value = newValue;
+});
 // 댓글 수정 취소
 // const cancelEdit = () => {
 //     isEditTextarea.value = false;
 // };
 
 // 댓글 수정 내용 저장
-// const submitEdit = () => {
-//     emit('submitComment', { commentId: props.comment.commentId, content: editedContent.value });
-//     isEditTextarea.value = false; // 수정 모드 종료
-// };
+const submitEdit = () => {
+    emit('submitComment', { commentId: props.comment.commentId, content: editedContent.value });
+    isEditTextarea.value = false; // 수정 모드 종료
+};
 
 
 </script>
diff --git a/src/views/board/BoardView.vue b/src/views/board/BoardView.vue
index 76bb9a9..f4114ce 100644
--- a/src/views/board/BoardView.vue
+++ b/src/views/board/BoardView.vue
@@ -543,8 +543,8 @@ const submitCommentPassword = async (comment, password) => {
         return;
     }
 
-    console.log('코멘트아이디:', comment.commentId, '비번:', password)
-    comment.isEditTextarea = true;
+    // console.log('코멘트아이디:', comment.commentId, '비번:', password)
+    // comment.isEditTextarea = true;
 
     //비밀번호 확인 안됨
     try {
@@ -553,15 +553,15 @@ const submitCommentPassword = async (comment, password) => {
             LOCCMTSEQ: comment.commentId,
         });
 
-        console.log("응답!!!!!!!!", response);  // 서버 응답 전체 확인
-        console.log("응답 데이터:", response.data);
+        // console.log("응답!!!!!!!!", response);  // 서버 응답 전체 확인
+        // console.log("응답 데이터:", response.data);
 
         if (response.data.code === 200 && response.data.data === true) {
             console.log('되는거니')
         //     deleteComment()
-        //     // password.value = ''; 
-        //     // isPassword.value = false;
-        //     // isEditTextarea.value = true;
+            password.value = ''; 
+            isPassword.value = false;
+            comment.isEditTextarea.value = true;
         } else {
             passwordAlert.value = "비밀번호가 일치하지 않습니다.";
         }