Chore: 정규식 수정 및 eslint 수정

.eslintrc.cjs

@@ -36,7 +36,12 @@ module.exports = {
     'import/extensions': 'off',
     'jsx-a11y/no-noninteractive-element-interactions': 'warn',
     'vitest/valid-title': 'off',
-    'react/jsx-props-no-spreading': 'off',
+    'jsx-a11y/label-has-associated-control': [
+      2,
+      {
+        labelAttributes: ['htmlFor'],
+      },
+    ],
   },
   ignorePatterns: [
     'dist',

src/constants/regex.ts

@@ -1,3 +1,3 @@
-export const EMAIL_REGEX = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
+export const EMAIL_REGEX = /^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}(?:\.[a-z]{2,})?$/i;
 export const PASSWORD_REGEX = /^(?=.*[A-Za-z])(?=.*\d)(?=.*[$@$!%*#?&])[A-Za-z\d$@$!%*#?&]{8,16}$/;
 export const PHONE_REGEX = /^01([0|1|6|7|8|9])-?([0-9]{3,4})-?([0-9]{4})$/;

src/pages/user/SignUpPage.tsx

@@ -211,13 +211,15 @@ export default function SignUpPage() {
       {/* 자기소개 */}
       <div className="flex flex-col">
         <div className="flex flex-row justify-between">
-          <h1 className="font-bold">자기소개</h1>
+          <label htmlFor="bio" className="font-bold">
+            자기소개
+          </label>
           <p>optional</p>
         </div>
         <textarea
           {...register('bio')}
-          placeholder="ex) 안녕하세요. 홍길동입니다."
           id="bio"
+          placeholder="ex) 안녕하세요. 홍길동입니다."
           className="h-90 flex-grow resize-none rounded-lg border border-input p-8 text-sm outline-none placeholder:text-emphasis"
         />
       </div>