From be2608a112f38c344d608ea4f30759223e7de6a5 Mon Sep 17 00:00:00 2001
From: nevermoregb <nevermoregb@local-host.co.kr>
Date: Thu, 13 Mar 2025 11:26:19 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B9=84=EB=B0=80=EB=B2=88=ED=98=B8=20?=
 =?UTF-8?q?=EC=9E=90=EB=8F=99=EC=9E=85=EB=A0=A5=20=EC=A0=9C=EC=99=B8=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80,=20=EB=B2=84=ED=8A=BC=20=EC=9C=84=EC=B9=98?=
 =?UTF-8?q?=20=EC=A1=B0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/board/BoardComment.vue     |  9 ++--
 src/components/board/BoardCommentArea.vue |  5 ++-
 src/components/board/BoardProfile.vue     |  6 ++-
 src/components/button/EditBtn.vue         | 55 ++++++++++++-----------
 src/views/board/BoardView.vue             | 10 ++---
 5 files changed, 45 insertions(+), 40 deletions(-)

diff --git a/src/components/board/BoardComment.vue b/src/components/board/BoardComment.vue
index c34b6d0..e2f1722 100644
--- a/src/components/board/BoardComment.vue
+++ b/src/components/board/BoardComment.vue
@@ -17,12 +17,13 @@
             @updateReaction="handleUpdateReaction"
         />
         <!-- 댓글 비밀번호 입력창 (익명일 경우) -->
-        <div v-if="currentPasswordCommentId === comment.commentId && unknown && comment.author == '익명'" class="mt-3 w-25 ms-auto">
+        <div v-if="currentPasswordCommentId === comment.commentId && unknown && comment.author == '익명'" class="mt-3 w-20 ms-auto">
             <div class="input-group">
                 <input
                     type="password"
                     class="form-control"
                     :value="password"
+                    autocomplete="new-password"
                     placeholder="비밀번호 입력"
                     @input="filterInput"
                 />
@@ -122,9 +123,9 @@
         'update:password',
     ]);
 
-    const filterInput = (event) => {
-        event.target.value = event.target.value.replace(/\s/g, ""); // 공백 제거
-        emit("update:password", event.target.value);
+    const filterInput = event => {
+        event.target.value = event.target.value.replace(/\s/g, ''); // 공백 제거
+        emit('update:password', event.target.value);
     };
 
     const localEditedContent = ref(props.comment.content);
diff --git a/src/components/board/BoardCommentArea.vue b/src/components/board/BoardCommentArea.vue
index fcfd8e3..ee41350 100644
--- a/src/components/board/BoardCommentArea.vue
+++ b/src/components/board/BoardCommentArea.vue
@@ -41,6 +41,7 @@
                                 type="password"
                                 id="basic-default-password"
                                 class="form-control flex-grow-1"
+                                autocomplete="new-password"
                                 v-model="password"
                                 placeholder="비밀번호 입력"
                                 @input="passwordAlertTextHandler"
@@ -103,8 +104,8 @@
         textAlert.value = '';
     };
 
-    const passwordAlertTextHandler = (event) => {
-        event.target.value = event.target.value.replace(/\s/g, "");
+    const passwordAlertTextHandler = event => {
+        event.target.value = event.target.value.replace(/\s/g, '');
         passwordAlert2.value = '';
     };
 
diff --git a/src/components/board/BoardProfile.vue b/src/components/board/BoardProfile.vue
index f86ec1c..c9c5306 100644
--- a/src/components/board/BoardProfile.vue
+++ b/src/components/board/BoardProfile.vue
@@ -20,8 +20,10 @@
         <div class="ms-auto text-end">
             <!-- 수정, 삭제 버튼 -->
             <template v-if="!isDeletedComment && (unknown || isCommentAuthor || isAuthor)">
-                <EditButton @click.stop="editClick" />
-                <DeleteButton @click.stop="deleteClick" />
+                <div class="float-end ms-1">
+                    <EditButton @click.stop="editClick" />
+                    <DeleteButton :class="'ms-1'" @click.stop="deleteClick" />
+                </div>
             </template>
 
             <!-- 좋아요, 싫어요 버튼 (댓글에서만 표시) -->
diff --git a/src/components/button/EditBtn.vue b/src/components/button/EditBtn.vue
index 89e8307..5ee75a7 100644
--- a/src/components/button/EditBtn.vue
+++ b/src/components/button/EditBtn.vue
@@ -1,39 +1,40 @@
 <template>
-    <button class="btn btn-label-primary btn-icon float-end" @click="toggleText">
+    <button class="btn btn-label-primary btn-icon" @click="toggleText">
         <i :class="buttonClass"></i>
     </button>
 </template>
 
 <script setup>
-import { ref, watch, defineProps } from 'vue';
+    import { ref, watch, defineProps } from 'vue';
 
-const props = defineProps({
-    isToggleEnabled: {
-        type: Boolean,
-        default: false,
-    },
-    isActive: {
-        type: Boolean,
-        required: false,
-    },
-});
+    const props = defineProps({
+        isToggleEnabled: {
+            type: Boolean,
+            default: false,
+        },
+        isActive: {
+            type: Boolean,
+            required: false,
+        },
+    });
 
-const buttonClass = ref("bx bx-edit-alt");
+    const buttonClass = ref('bx bx-edit-alt');
 
-watch(() => props.isActive, (newVal) => {
-    buttonClass.value = newVal ? "bx bx-x" : "bx bx-edit-alt";
-});
+    watch(
+        () => props.isActive,
+        newVal => {
+            buttonClass.value = newVal ? 'bx bx-x' : 'bx bx-edit-alt';
+        },
+    );
 
-const toggleText = () => {
-    if (props.isToggleEnabled) {
-        buttonClass.value = buttonClass.value === "bx bx-edit-alt" ? "bx bx-x" : "bx bx-edit-alt";
-    }
-};
-const resetButton = () => {
-    buttonClass.value = "bx bx-edit-alt";
-};
-
-
-defineExpose({ resetButton });
+    const toggleText = () => {
+        if (props.isToggleEnabled) {
+            buttonClass.value = buttonClass.value === 'bx bx-edit-alt' ? 'bx bx-x' : 'bx bx-edit-alt';
+        }
+    };
+    const resetButton = () => {
+        buttonClass.value = 'bx bx-edit-alt';
+    };
 
+    defineExpose({ resetButton });
 </script>
diff --git a/src/views/board/BoardView.vue b/src/views/board/BoardView.vue
index e918796..6caf0f3 100644
--- a/src/views/board/BoardView.vue
+++ b/src/views/board/BoardView.vue
@@ -26,7 +26,7 @@
                                     <input
                                         type="password"
                                         class="form-control"
-                                        autocomplete="off"
+                                        autocomplete="new-password"
                                         v-model="password"
                                         placeholder="비밀번호 입력"
                                         @input="
@@ -799,8 +799,8 @@
     });
 </script>
 <style>
-.board-content img {
-    max-width: 100%;
-    height: auto;
-}
+    .board-content img {
+        max-width: 100%;
+        height: auto;
+    }
 </style>