From 64cb7e30c1965978e0d292e57b254a93ba0f6321 Mon Sep 17 00:00:00 2001
From: nevermoregb <nevermoregb@local-host.co.kr>
Date: Fri, 28 Feb 2025 13:59:49 +0900
Subject: [PATCH] =?UTF-8?q?=EB=8C=80=EB=8C=93=EA=B8=80=20=EB=82=B4?=
 =?UTF-8?q?=EC=9A=A9=EC=97=86=EC=9D=84=EB=95=8C=20=EC=9E=85=EB=A0=A5=20?=
 =?UTF-8?q?=EC=95=88=EB=90=98=EA=B2=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/common/common.js                      |   8 ++
 src/components/board/BoardCommentArea.vue | 104 +++++++++++-----------
 2 files changed, 60 insertions(+), 52 deletions(-)

diff --git a/src/common/common.js b/src/common/common.js
index d1e4b91..9acd369 100644
--- a/src/common/common.js
+++ b/src/common/common.js
@@ -73,6 +73,14 @@ const common = {
             seconds: zeroFormat(date.getSeconds()),
         };
     },
+
+    isNotEmpty(obj) {
+        if (obj === null || obj === undefined) return false;
+        if (typeof obj === 'string' && obj.trim() === '') return false;
+        if ((Array.isArray(obj) || obj === Object(obj)) && Object.keys(obj).length === 0) return false;
+
+        return true;
+    },
 };
 
 export default {
diff --git a/src/components/board/BoardCommentArea.vue b/src/components/board/BoardCommentArea.vue
index ed153ab..6cf3f00 100644
--- a/src/components/board/BoardCommentArea.vue
+++ b/src/components/board/BoardCommentArea.vue
@@ -11,13 +11,9 @@
                 </div> -->
                 <!-- 텍스트박스 -->
                 <div class="w-100">
-                    <textarea
-                        class="form-control"
-                        placeholder="댓글 달기"
-                        rows="3"
-                        v-model="comment"
-                    ></textarea>
+                    <textarea class="form-control" placeholder="댓글 달기" rows="3" v-model="comment"></textarea>
                     <span v-if="commentAlert" class="invalid-feedback d-block text-start ms-2">{{ commentAlert }}</span>
+                    <span v-else class="invalid-feedback d-block text-start ms-2">{{ textAlert }}</span>
                 </div>
             </div>
 
@@ -26,12 +22,7 @@
                 <div class="d-flex flex-wrap align-items-center">
                     <!-- 익명 체크박스 (익명게시판일 경우에만)-->
                     <div v-if="unknown" class="form-check form-check-inline mb-0 me-4">
-                        <input
-                            class="form-check-input"
-                            type="checkbox"
-                            id="inlineCheckbox1"
-                            v-model="isCheck"
-                        />
+                        <input class="form-check-input" type="checkbox" id="inlineCheckbox1" v-model="isCheck" />
                         <label class="form-check-label" for="inlineCheckbox1">익명</label>
                     </div>
 
@@ -59,49 +50,58 @@
 </template>
 
 <script setup>
-import { ref, defineEmits, defineProps, computed, watch } from 'vue';
-import SaveBtn from '../button/SaveBtn.vue';
+    import { ref, defineEmits, defineProps, computed, watch, inject } from 'vue';
+    import SaveBtn from '../button/SaveBtn.vue';
 
-const props = defineProps({
-    unknown: {
-        type: Boolean,
-        default: true,
-    },
-    parentId: {
-        type: Number,
-        default: 0
-    },
-    passwordAlert: {
-        type: String,
-        default: ''
-    },
-    commentAlert: {
-        type: String,
-        default: ''
-    }
-});
-
-const comment = ref('');
-const password = ref('');
-const isCheck = ref(props.unknown);
-
-const emit = defineEmits(['submitComment']);
-const LOCBRDTYP = isCheck.value ? '300102' : null;
-function handleCommentSubmit() {
-    emit('submitComment', {
-        comment: comment.value,
-        password: isCheck.value ? password.value : '',
-        isCheck: isCheck.value,
-        LOCBRDTYP,  // 익명일 경우 '300102' 설정
+    const props = defineProps({
+        unknown: {
+            type: Boolean,
+            default: true,
+        },
+        parentId: {
+            type: Number,
+            default: 0,
+        },
+        passwordAlert: {
+            type: String,
+            default: '',
+        },
+        commentAlert: {
+            type: String,
+            default: '',
+        },
     });
-}
+    const $common = inject('common');
+    const comment = ref('');
+    const password = ref('');
+    const isCheck = ref(props.unknown);
+    const textAlert = ref('');
 
-watch(() => props.passwordAlert, () => {
-    if (!props.passwordAlert) {
-        comment.value = '';
-        password.value = '';
+    const emit = defineEmits(['submitComment']);
+    const LOCBRDTYP = isCheck.value ? '300102' : null;
+    function handleCommentSubmit() {
+        if (!$common.isNotEmpty(comment.value)) {
+            textAlert.value = '댓글을 입력하세요';
+            return false;
+        } else {
+            textAlert.value = '';
+        }
+
+        emit('submitComment', {
+            comment: comment.value,
+            password: isCheck.value ? password.value : '',
+            isCheck: isCheck.value,
+            LOCBRDTYP, // 익명일 경우 '300102' 설정
+        });
     }
-});
-
 
+    watch(
+        () => props.passwordAlert,
+        () => {
+            if (!props.passwordAlert) {
+                comment.value = '';
+                password.value = '';
+            }
+        },
+    );
 </script>