Skip to content

Feature: /mypage/ob 멘토링 관리 폼 UX 개선 #225

Description

@choihooo

📝 기능 설명

/mypage/ob 멘토링 관리 폼의 입력/저장 UX를 개선합니다. 페이지 구조는 container/presenter/hook/components로 정리하고, React Hook Form 기반 필수값 검증, Figma 기준 에러 상태, 첫 invalid field 자동 scroll/focus, 저장 성공 모달 및 토스트 흐름을 추가합니다.

✅ TODO

  • /mypage/ob 페이지를 container/presenter 구조로 분리
  • 기본 정보, 멘토링 소개, 멘토링 방식 섹션을 개별 컴포넌트로 분리
  • controls/form/layout/feedback 폴더로 페이지 전용 UI 컴포넌트 정리
  • React Hook Form 기반 필수값 validation 적용
  • 필수값 누락 시 Figma 기준 error style 적용
  • 저장 시 첫 invalid field로 scroll/focus 이동
  • 저장 성공 모달 추가
  • 모달 CTA 클릭 후 하단 중앙 토스트 표시
  • pnpm lint, pnpm build로 검증

📚 ETC

  • Figma 필수 입력 error reference: node-id=2414-45847
  • Figma 저장 성공 modal reference: node-id=2414-41149
  • Figma 저장 성공 toast reference: node-id=2414-42702
  • API 연동은 포함하지 않고 기존 로컬 상태 기반 동작을 유지합니다.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions