사용자 화면 · 회원가입/로그인

비밀번호 재설정/발송 완료 바텀시트

LOG-006 · 2026. 03. 04

화면 이름비밀번호 재설정/발송 완료 바텀시트
화면 위치기능 클릭 > 로그인 진입 화면 > 이메일 로그인 > 바텀시트
화면 IDLOG-006
작성일2026. 03. 04
LOG-006-1LOG-006-2
Description
1비밀번호 재설정 입력필드 바텀시트
  • 노출 방식
    • 화면 하단에서 슬라이드 업 형태로 노출되는 바텀시트
    • 이메일 로그인 실패 바텀시트(LOG-005)에서 '비밀번호 찾기/재설정' 버튼 클릭 시 노출
  • 목적
    • 비밀번호 재설정을 위한 이메일 주소 입력
  • 이메일 입력 영역
    • 입력 필드
      • 등록된 아이디(이메일) 입력 필드 노출
      • 플레이스홀더: 등록된 아이디(이메일)를 입력해주세요
    • 입력 규칙
      • 이메일 형식 입력만 허용
      • 이메일 형식이 유효하지 않을 경우 전송 버튼 비활성화 유지
  • 전송 버튼
    • 기본 상태: 비활성화
    • 활성화 조건: 이메일 형식이 올바른 경우
    • 클릭 시
      • 비밀번호 재설정 메일 발송 요청
      • 발송 성공 시 ❷ 바텀시트로 전환
  • 닫기 버튼
    • 클릭 시 비밀번호 재설정 프로세스 중단
    • 이메일 로그인 ID/PW 입력 바텀시트(LOG-003)로 복귀
  • 예외 및 UX 보완 처리 (QA 기준)
    • 등록되지 않은 이메일 입력 시
      • 메일 발송 실패
      • 오류 안내 토스트 메세지 노출 가능
2비밀번호 재설정 메일발송 완료 바텀시트
  • 노출 방식
    • 비밀번호 재설정 이메일 발송 성공 시 자동 노출
  • 안내 문구 영역
    • 타이틀 문구
      • 비밀번호 재설정 메일 발송 완료
    • 안내 문구
      • 등록된 이메일 주소를 확인해주세요
  • 확인 버튼
    • 클릭 시 바텀시트 닫힘
    • 이메일 로그인 ID/PW 입력 바텀시트(LOG-003)로 복귀
    • 사용자는 재설정 완료 후 로그인 재시도 가능
LOG-005목록으로LOG-007