refactor:#5 학번 유효성 검사 수정

Leets-Official · Jan 4, 2025 · ebb38fb · ebb38fb
1 parent d7df8cb
commit ebb38fb
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 9 deletions.
diff --git a/src/components/SignUp/StudentIdStep.tsx b/src/components/SignUp/StudentIdStep.tsx
@@ -10,6 +10,7 @@ import { useRecoilState } from 'recoil';
 import { useState } from 'react';
 import { signupAtom } from '@/recoil/atoms/userAtom';
 import InputErrorMessage from '../common/Error/InputErrorMessage';
+import { isStudentIdValid, validateStudentId } from '@/utils/validate-input';
 
 const StudentIdStep: React.FC<{ onNext: () => void }> = ({ onNext }) => {
   const [signupState, setSignupState] = useRecoilState(signupAtom);
@@ -18,17 +19,11 @@ const StudentIdStep: React.FC<{ onNext: () => void }> = ({ onNext }) => {
   const handleInputChange = (value: string) => {
     setSignupState((prev) => ({ ...prev, studentId: value }));
 
-    if (!/^\d*$/.test(value)) {
-      setErrorMessage('숫자만 입력 가능합니다.');
-    } else if (value.length < 9) {
-      setErrorMessage('올바른 학번을 입력해주세요.');
-    } else {
-      setErrorMessage('');
-    }
+    const validationError = validateStudentId(value);
+    setErrorMessage(validationError || '');
   };
 
-  const isFormValid =
-    signupState.studentId.length === 9 && /^\d+$/.test(signupState.studentId);
+  const isFormValid = isStudentIdValid(signupState.studentId);
   return (
     <div>
       <MainTitle>학교 인증을 위해</MainTitle>

diff --git a/src/utils/validate-input.ts b/src/utils/validate-input.ts
@@ -91,3 +91,21 @@ export const validateNickname = (value: string): string | null => {
 export const isNicknameValid = (value: string): boolean => {
   return validateNickname(value) === null;
 };
+
+{
+  /* 학번 */
+}
+
+export const validateStudentId = (value: string): string | null => {
+  if (!/^\d*$/.test(value)) {
+    return '숫자만 입력 가능합니다.';
+  }
+  if (!/^20[12]\d{6}$/.test(value)) {
+    return '올바른 학번을 입력해주세요.';
+  }
+  return null;
+};
+
+export const isStudentIdValid = (value: string): boolean => {
+  return validateStudentId(value) === null;
+};