From c2bac1c3fb98db625f28c30f4d423836870a6a6d Mon Sep 17 00:00:00 2001
From: yoon <nmjk0123@gmail.com>
Date: Mon, 10 Mar 2025 14:57:05 +0900
Subject: [PATCH] =?UTF-8?q?=EC=A0=84=ED=99=94=EB=B2=88=ED=98=B8=20?=
 =?UTF-8?q?=EC=88=AB=EC=9E=90=EB=A7=8C,=20=EC=A3=BC=EC=86=8C=20=EB=94=94?=
 =?UTF-8?q?=EC=84=B8=EC=9D=B4=EB=B8=94,=20=EC=BB=AC=EB=9F=AC=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD=20=EC=8B=9C=20alert?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/input/ArrInput.vue    |  2 ++
 src/components/user/RegisterForm.vue | 16 +++++++++++-----
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/components/input/ArrInput.vue b/src/components/input/ArrInput.vue
index d2ffccb..e09e760 100644
--- a/src/components/input/ArrInput.vue
+++ b/src/components/input/ArrInput.vue
@@ -18,6 +18,7 @@
                     type="text"
                     v-model="postcode"
                     placeholder="우편번호"
+                    disabled="true"
                     readonly
                 />
 
@@ -26,6 +27,7 @@
                     type="text"
                     v-model="address"
                     placeholder="기본주소"
+                    disabled="true"
                     readonly
                 />
             </div>
diff --git a/src/components/user/RegisterForm.vue b/src/components/user/RegisterForm.vue
index 0a6c7a7..2acce37 100644
--- a/src/components/user/RegisterForm.vue
+++ b/src/components/user/RegisterForm.vue
@@ -94,8 +94,7 @@
                     :is-common="true"
                     :is-color="true"
                     :data="colorList"
-                    @update:data="color = $event"
-                    @blur="checkColorDuplicate"
+                    @update:data="handleColorUpdate"
                     class="w-50"
                 />
             </div>
@@ -136,6 +135,7 @@
                 @update:data="handleAddressUpdate"
                 @update:alert="addressAlert = $event"
                 :value="address"
+                :disabled="true"
             />
 
             <UserFormInput
@@ -143,7 +143,7 @@
                 name="phone"
                 :isEssential="true"
                 :is-alert="phoneAlert"
-                @update:data="phone = $event"
+                @update:data="phone = $event.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1')"
                 @update:alert="phoneAlert = $event"
                 @blur="checkPhoneDuplicate"
                 :maxlength="11"
@@ -298,7 +298,6 @@
         }
     };
 
-
     // 색상 중복체크
     const checkColorDuplicate = async () => {
         const response = await $api.get(`/user/checkColor?memberCol=${color.value}`);
@@ -312,6 +311,14 @@
         }
     };
 
+    const handleColorUpdate = async (newColor) => {
+        color.value = newColor;
+        colorError.value = '';
+        colorErrorAlert.value = false;
+
+        await checkColorDuplicate();
+    }
+
 
     // 회원가입
     const handleSubmit = async () => {
@@ -366,4 +373,3 @@
     };
 </script>
 
-<style></style>