From f6365e6b3184ae52800bb7443b7171aa2c3ad591 Mon Sep 17 00:00:00 2001
From: dyhj625 <dyhj625@local-host.co.kr>
Date: Fri, 4 Apr 2025 13:08:20 +0900
Subject: [PATCH] =?UTF-8?q?=EC=9E=85=EB=A0=A5=20=EC=A0=84=EC=B2=98?=
 =?UTF-8?q?=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/mypage/MyPage.vue | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/views/mypage/MyPage.vue b/src/views/mypage/MyPage.vue
index 36327fc..eb407d4 100644
--- a/src/views/mypage/MyPage.vue
+++ b/src/views/mypage/MyPage.vue
@@ -64,7 +64,7 @@
         <!-- 기존 비밀번호 입력 -->
         <UserFormInput title="기존 비밀번호" name="currentPw" type="password"
             :value="password.current" @update:data="password.current = $event"
-            @blur="checkCurrentPassword" />
+            @blur="checkCurrentPassword" @keypress="noSpace" />
         <span v-if="passwordError" class="text-danger invalid-feedback mt-1 d-block">
             비밀번호가 일치하지 않습니다.
         </span>
@@ -72,7 +72,7 @@
         <!-- 비밀번호 재설정 -->
         <div v-if="showResetPw">
             <UserFormInput title="새 비밀번호" name="newPw" type="password"
-            :value="password.new" @update:data="password.new = $event" />
+            :value="password.new" @update:data="password.new = $event" @keypress="noSpace" />
             <span v-if="password.new && password.new.length < 4"
             class="text-danger invalid-feedback mt-1 d-block">
             새 비밀번호는 최소 4자리 이상이어야 합니다.
@@ -83,7 +83,7 @@
             </span>
 
             <UserFormInput title="비밀번호 확인" name="confirmPw" type="password"
-            :value="password.confirm" @update:data="password.confirm = $event" />
+            :value="password.confirm" @update:data="password.confirm = $event" @keypress="noSpace" />
             <span v-if="password.confirm && password.confirm !== password.new"
             class="text-danger invalid-feedback mt-1 d-block">
             새 비밀번호와 일치하지 않습니다.
@@ -111,7 +111,7 @@
 </template>
 
 <script setup>
-import { ref, computed, onMounted } from 'vue';
+import { ref, computed, onMounted, watch} from 'vue';
 import $api from '@api';
 import UserFormInput from '@c/input/UserFormInput.vue';
 import FormSelect from '@c/input/FormSelect.vue';
@@ -120,6 +120,10 @@ import { useToastStore } from '@s/toastStore';
 
 const toastStore = useToastStore();
 
+const noSpace = (e) => {
+    if (e.key === ' ') e.preventDefault();
+};
+
 const form = ref({
 entryDate: '', birth: '', phone: '', color: '', mbti: '',
 address: { address: '', detailAddress: '', postcode: '' },
@@ -148,6 +152,15 @@ return (
 );
 });
 
+watch(
+    () => form.value.address.detailAddress,
+    (newVal) => {
+        if (newVal !== newVal.trim()) {
+        form.value.address.detailAddress = newVal.trim();
+        }
+    }
+);
+
 const isChanged = computed(() => {
 const f = form.value;
 const o = originalData.value;