[Feature/#27] 단순 회원가입 API 연동

[Seojegyeong]

🚨 관련 이슈

#27

✨ 변경사항

• 🐞 BugFix Something isn't working
• 💻 CrossBrowsing Browser compatibility
• 🌏 Deploy Deploy
• 🎨 Design Markup & styling
• 📃 Docs Documentation writing and editing (README.md, etc.)
• ✨ Feature Feature
• 🔨 Refactor Code refactoring
• ⚙️ Setting Development environment setup
• ✅ Test Test related (storybook, jest, etc.)

✏️ 작업 내용

1. 단순 회원가입 API 연동

• useAuthStore에 저장된 이메일/비밀번호와 현재 단계에서 입력받은 프로필 정보를 합쳐 signup API를 호출하도록 구현
• 회원가입 성공 시 인증 정보를 초기화하고 로그인 페이지로 이동함

2. 인증번호 재전송 로직 UX 개선

• 기존 : 입력창을 초기화하고 다시 인증번호 받기 버튼을 눌러야 했음
• 변경 : 이메일 입력 상태는 유지하고 타이머 리셋, API 재호출
• 사용자가 잘못된 이메일을 입력했을 경우를 대비해, 대기상태에서 수정 버튼 추가

3. 이메일 인증 로직 커스텀 훅 분리 (useEmailVerification.ts)

• 약 180줄이었던 UI 컴포넌트 Step01Email.tsx 120줄 내외로 줄어듬
• 인증 로직 재사용할 수 있도록 분리함

4. 기타 작업

• 약관 동의 체크 전까지 버튼 비활성화되어 있기 때문에 약관 동의 완료 토스트 알림 제거
• 인증 번호 받기 후 타이머 시간 상수화

스크린샷 예시

😅 미완성 작업

N/A

📢 논의 사항 및 참고 사항

N/A

💬 리뷰어 가이드 (P-Rules)
P1: 필수 반영 (Critical) - 버그 가능성, 컨벤션 위반. 해결 전 머지 불가.
P2: 적극 권장 (Recommended) - 더 나은 대안 제시. 가급적 반영 권장.
P3: 제안 (Suggestion) - 아이디어 공유. 반영 여부는 드라이버 자율.
P4: 단순 확인/칭찬 (Nit) - 사소한 오타, 칭찬 등 피드백.

[jjjsun]

P4: 인증 훅분리하니까, 컴포넌트에서 간단하게 보여서 코드 가독성이 높아진것같습니다! 고생하셨어요!

[YermIm]

P4: 훨씬 가독성이 좋아진 것 같고, 수정 버튼도 좋습니다! 고생하셨습니다:)