♻️ [fix] : 회원정보 수정 정상화(유효성 검증)

Author: Minkyu0424

src/api/admin.ts

@@ -46,6 +46,6 @@ export const getMemberDetailAdmin = async (id: string) => {
 }
 
 export const updateMemberAdmin = async (id: string, data: UserUpdateValue) => {
-  const response = await axiosInstance.post(`api/managements/members/${id}`, data)
+  const response = await axiosInstance.patch(`api/managements/members/${id}`, data)
   return response.data
 }

src/components/user-manage/UserUpdate.vue

@@ -8,6 +8,7 @@
     </ModalView>
     <RequestTaskInput
       v-model="userRegistrationForm.name"
+      :is-invalidate="isInvalidate"
       :placeholderText="'회원의 이름을 입력해주세요'"
       :labelName="'이름'" />
     <RequestTaskInput
@@ -113,8 +114,23 @@ const handleCancel = async () => {
   router.back()
 }
 
+const usernameRegex = /^[a-z]{3,10}\.[a-z]{1,5}$/
+const emailRegex = /^@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)+$/
+
 const handleSubmit = async () => {
   try {
+    if (!userRegistrationForm.value.name) {
+      isInvalidate.value = 'nameEmpty'
+      return
+    }
+    if (!usernameRegex.test(userRegistrationForm.value.nickname)) {
+      isInvalidate.value = 'wrongNickname'
+      return
+    }
+    if (!emailRegex.test(userRegistrationForm.value.email)) {
+      isInvalidate.value = 'wrongEmail'
+      return
+    }
     if (typeof userId.value === 'string') {
       const userData = {
         role: RoleTypeMapping[userRegistrationForm.value.role],
@@ -123,6 +139,7 @@ const handleSubmit = async () => {
         departmentId: userRegistrationForm.value.departmentId,
         departmentRole: userRegistrationForm.value.departmentRole
       }
+
       await updateMemberAdmin(userId.value, userData)
       isModalVisible.value = true
     }