🐛 [fix] 잘못된 아이디 형식 요청 방지

Author: seorang42

src/components/common/EditInformation.vue

@@ -290,6 +290,7 @@ const handleSubmit = async () => {
 
     await patchEditInfo(formData)
     isModalVisible.value = true
+    await memberStore.updateMemberInfoWithToken()
   }
 }
 </script>

src/components/request-task/RequestTaskInput.vue

@@ -9,6 +9,7 @@
       <p v-if="isInvalidateState === 'noCode'">작업코드를 입력해주세요</p>
       <p v-if="isInvalidateState === 'code'">사용할 수 없는 작업코드입니다</p>
       <p v-if="isInvalidateState === 'categoryName'">카테고리명을 입력해주세요</p>
+      <p v-if="isInvalidateState === 'wrongNickname'">잘못된 형식의 아이디입니다</p>
     </div>
     <input
       class="w-full h-11 border border-border-1 px-4 focus:outline-none rounded"

src/components/user-manage/UserRegistration.vue

@@ -58,7 +58,7 @@
 <script lang="ts" setup>
 import { addMemberAdmin } from '@/api/admin'
 import { INITIAL_USER_REGISTRATION, RoleKeys, RoleTypeMapping } from '@/constants/admin'
-import { computed, onMounted, ref } from 'vue'
+import { computed, onMounted, ref, watch } from 'vue'
 import { useRouter } from 'vue-router'
 import FormButtonContainer from '../common/FormButtonContainer.vue'
 import FormCheckbox from '../common/FormCheckbox.vue'
@@ -84,8 +84,14 @@ const handleCancel = () => {
   router.back()
 }
 
+const usernameRegex = /^[a-z]{3,10}\.[a-z]{1,5}$/
+
 const handleSubmit = async () => {
   try {
+    if (!usernameRegex.test(userRegistrationForm.value.nickname)) {
+      isInvalidate.value = 'wrongNickname'
+      return
+    }
     const formData = {
       ...userRegistrationForm.value,
       isReviewer: isManager.value ? userRegistrationForm.value.isReviewer : false,
@@ -104,4 +110,8 @@ const handleSubmit = async () => {
     }
   }
 }
+
+watch(isManager, () => {
+  userRegistrationForm.value.isReviewer = false
+})
 </script>