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

로그인 진입 화면

LOG-001 · 2026. 03. 03

화면 이름로그인 진입 화면
화면 위치기능 클릭 > 로그인 진입 화면
화면 IDLOG-001
작성일2026. 03. 03
LOG-001
Description
1헤더
  • Back 버튼
  • Back 버튼 클릭 시, 로그인 진입 직전 화면으로 이동
2카피 영역
  • 메인 카피 : 사용 목적 안내 문구 노출
  • 서브 카피 : 서비스 정책 안내 문구 노출
  • CTA 없음
3이미지 영역
  • 단일 이미지 영역
  • 이미지 : 브랜드 톤앤 매너 반영한 대표 이미지 노출
  • CTA 없음
4로그인 버튼
  • 소셜 로그인
    • 클릭 시, 해당 플랫폼 인증 진행
    • 최초 로그인 또는 캐싱 X 사용자
      • 버튼 클릭 시, 약관 동의 바텀 시트 노출(LOG-002)
    • 기존 로그인 사용자
      • 로그인 처리 후 서비스 진입
    • 소셜 로그인 중단 케이스
      • 소셜 로그인 도중 사용자가 인증을 취소한 경우
      • 오류 토스트 메시지 노출
        • 로그인이 취소됐습니다
      • 로그인 진입 화면 유지
  • 이메일 로그인
    • 클릭 시, 아이디/비밀번호 입력 화면으로 이동 (LOG-003)
    • 로그인 성공/실패
      • 로그인 성공 : 로그인 성공 메시지 토스트 노출 후, 로그인 요청 발생 시점의 원래 화면으로 이동
        • "로그인되었습니다" 토스트 메시지 노출
      • 로그인 실패 : 오류 메시지 토스트 또는 팝업 노출 (LOG-011)
5최근 로그인표시
  • 노출 조건
    • 사용자가 이전에 로그인에 성공한 이력이 있는 경우
    • 단말 기준으로 마지막 로그인에 사용된 소셜 로그인 버튼에 노출
  • 표시 방식
    • 해당 소셜 로그인 버튼에 '최근 로그인' 텍스트 배지 노출
    • 단순 안내용 UI로 버튼 기능에는 영향 없음
  • 동작
    • '최근 로그인' 표시가 된 버튼 클릭 시
      • 해당 소셜 로그인 방식으로 바로 인증 진행
6비고
  • 재로그인/세션 만료 처리
    • 인증 토큰 만료 시
      • 현재 액션 중단
      • 인증 토큰 만료 토스트 메시지 노출 후, 로그인 화면 이동
        • 로그인을 재시도해주세요.
      • 로그인 완료 후 원래 화면으로 복귀
    • 정지 계정 토스트 메세지
      • "정지된 계정입니다. 문의사항은 cs@chaart.io로 부탁드립니다"
    • 탈퇴 계정 토스트 메세지
      • "탈퇴 계정입니다. nn일 후, 재가입 가능합니다."
HOM-005목록으로LOG-002