diff --git a/app/register/page.tsx b/app/register/page.tsx index 39bd25c..8d21b87 100644 --- a/app/register/page.tsx +++ b/app/register/page.tsx @@ -38,7 +38,7 @@ export default function RegisterPage() { passwordConfirm: '', }); - const handleChange = (e: React.ChangeEvent) => { + const handleChange = (e: React.ChangeEvent) => { const { name, value } = e.target; setFormData((prev) => ({ ...prev, @@ -192,296 +192,326 @@ export default function RegisterPage() { agreements.privacy; return ( -
+
{/* 제목 */} -

+

회원가입 -

+

{/* 회원정보 입력 폼 */} -
- {/* 이름 */} -
-

- 이름 -

-
+
+
+ {/* 이름 */} +
+ + 이름 +
-
+ {errors.name && ( +

{errors.name}

+ )} - {/* 휴대폰 */} -
-

- 휴대폰 -

-
+ {/* 휴대폰 */} +
+ + 휴대폰 +
-
+ {errors.phone && ( +

{errors.phone}

+ )} - {/* 이메일(아이디) */} -
-

- 이메일(아이디) -

-
+ {/* 이메일(아이디) + 인증번호 발송 */} +
+ + 이메일(아이디) + -
- -
+ +
+ {errors.email && ( +

{errors.email}

+ )} - {/* 비밀번호 */} -
-

- 비밀번호 -

-
+ {/* 비밀번호 */} +
+ + 비밀번호 +
-
+ {errors.password && ( +

{errors.password}

+ )} - {/* 비밀번호 확인 */} -
-

- 비밀번호 확인 -

-
+ {/* 비밀번호 확인 */} +
+ + 비밀번호 확인 +
-
+ {errors.passwordConfirm && ( +

{errors.passwordConfirm}

+ )} - {/* 성별 */} -
-

- 성별 -

-
-
handleGenderChange('male')}> -
- {formData.gender === 'male' ? ( - - ) : ( - - )} -
-

남성

-
-
handleGenderChange('female')}> -
- {formData.gender === 'female' ? ( - - ) : ( - - )} -
-

여성

+ {/* 성별 */} +
+ + 성별 + +
+ +
-
- {/* 생년월일 */} -
-

- 생년월일 -

-
-
-

- {formData.birthYear || '년도'} -

-
- + {/* 생년월일 */} +
+ + 생년월일 + +
+
+ +
-
-
-

- {formData.birthMonth || '월'} -

-
- +
+ +
-
-
-

- {formData.birthDay || '일'} -

-
- +
+ +
-
+ {/* 약관 동의 */} -
-
- {/* 전체 동의 */} -
-
handleAgreementChange('all')}> -
- {agreements.all ? ( -
-
-
- ) : ( -
- )} -
-

- 모든 항목에 동의합니다. -

-
+
+
+ {/* 전체동의 */} +
handleAgreementChange('all')} + > + + + 모든 항목에 동의합니다. +
- {/* 개별 약관 */} + {/* 개별 동의들 */}
-
handleAgreementChange('age14')}> -
- {agreements.age14 ? ( -
-
-
- ) : ( -
- )} -
-

+

handleAgreementChange('age14')}> + + 만 14세 이상입니다. (필수) -

-
-
-

- 전체 -

+
+
-
-
handleAgreementChange('terms')}> -
- {agreements.terms ? ( -
-
-
- ) : ( -
- )} -
-

+

handleAgreementChange('terms')}> + + 이용 약관 동의 (필수) -

-
-
-

- 전체 -

+
+
-
-
handleAgreementChange('privacy')}> -
- {agreements.privacy ? ( -
-
-
- ) : ( -
- )} -
-

+

handleAgreementChange('privacy')}> + + 개인정보 수집 및 이용 동의 (필수) -

-
-
-

- 전체 -

+
+
{/* 버튼 영역 */} -
+
-

- 돌아기기 -

+ 돌아기기
{/* 카피라이트 */} -
-

+

+
); }