From 0a91dbef093288a9848365590262a048547ce16a Mon Sep 17 00:00:00 2001
From: yoon <nmjk0123@gmail.com>
Date: Thu, 6 Feb 2025 09:24:01 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B9=84=EB=B0=80=EB=B2=88=ED=98=B8=20?=
 =?UTF-8?q?=ED=9E=8C=ED=8A=B8=20=EA=B3=B5=ED=86=B5=EC=97=90=EC=84=9C=20?=
 =?UTF-8?q?=EB=B0=9B=EC=95=84=EC=98=A4=EB=8A=94=20=EA=B1=B8=EB=A1=9C=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/user/RegisterForm.vue | 36 +++++++---------------------
 1 file changed, 8 insertions(+), 28 deletions(-)

diff --git a/src/components/user/RegisterForm.vue b/src/components/user/RegisterForm.vue
index f6d44c8..64a0395 100644
--- a/src/components/user/RegisterForm.vue
+++ b/src/components/user/RegisterForm.vue
@@ -58,9 +58,11 @@
                     :is-essential="true"
                     :is-row="false"
                     :is-label="true"
+                    :is-common="true"
                     :data="pwhintList"
                     @update:data="pwhint = $event"
             />
+
             <UserFormInput
                 title="답변"
                 name="pwhintRes"
@@ -152,8 +154,9 @@
 </template>
 
 <script setup>
-    import { ref, onMounted } from 'vue';
+    import { ref } from 'vue';
     import $api from '@api';
+    import commonApi from '@/common/commonApi'
     import UserFormInput from '@c/input/UserFormInput.vue';
     import FormSelect from '@c/input/FormSelect.vue';
     import ArrInput from '@c/input/ArrInput.vue';
@@ -161,8 +164,6 @@
     import { useRouter } from 'vue-router';
     import { useToastStore } from '@s/toastStore';
 
-    const pwhintList = ['현재 살고 있는 동네', '가장 기억에 남는 책', '좋아하는 음식'];
-
     const router = useRouter();
 
     const profile = ref(null);
@@ -173,7 +174,6 @@
     const password = ref('');
     const passwordcheck = ref('');
     const passwordcheckError = ref('');
-    const pwhint = ref(0);
     const pwhintRes = ref('');
     const name = ref('');
     const birth = ref('');
@@ -181,10 +181,9 @@
     const detailAddress = ref('');
     const postcode = ref('');   // 우편번호
     const phone = ref('');
-    const colorList = ref([]);
-    const mbtiList = ref([]);
     const color = ref(''); // 선택된 color
     const mbti = ref('');  // 선택된 MBTI
+    const pwhint = ref('');  // 선택된 pwhint
 
     const profilAlert = ref(false);
     const idAlert = ref(false);
@@ -252,27 +251,8 @@
         }
     };
 
-    const Colors = async () => {
-        const response = await $api.get('/user/color');
-        colorList.value = response.data.data.map(item => ({
-            label: item.CMNCODNAM,
-            value: item.CMNCODVAL
-        }));
-    };
-
-    const Mbtis = async () => {
-        const response = await $api.get('/user/mbti');
-        mbtiList.value = response.data.data.map(item => ({
-            label: item.CMNCODNAM,
-            value: item.CMNCODVAL
-        }));
-
-    };
-
-    onMounted(() => {
-        Colors();
-        Mbtis();
-    });
+    // 컬러, mbti, 비밀번호 힌트 목록 불러오기
+    const { colorList, mbtiList, pwhintList } = commonApi();
 
     // 주소 업데이트 핸들러
     const handleAddressUpdate = (addressData) => {
@@ -321,7 +301,7 @@
         const formData = new FormData();
         formData.append('memberIds', id.value);
         formData.append('memberPwd', password.value);
-        formData.append('memberPwh', pwhintList[pwhint.value]);
+        formData.append('memberPwh', pwhint.value);
         formData.append('memberPwr', pwhintRes.value);
         formData.append('memberNam', name.value);
         formData.append('memberArr', address.value);