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

소셜 로그인 머지 바텀시트

LOG-004 · 2026. 03. 04

화면 이름소셜 로그인 머지 바텀시트
화면 위치기능 클릭 > 로그인 진입 화면 > 이메일 로그인 > 바텀시트
화면 IDLOG-004
작성일2026. 03. 04
LOG-004
Description
1소셜로그인머지바텀시트
  • 노출 방식
    • 화면 하단에서 슬라이드 업 형태로 노출되는 바텀시트
    • 이메일 로그인(LOG-003) 성공 후, 동일 이메일로 가입된 소셜 로그인 계정이 존재할 경우 자동 노출
    • 새로운 버전 앱 업데이트 사용자 최초 1회 노출
    • 목적 : 기존 이메일 계정과 소셜 로그인 계정을 하나의 계정으로 연동(머지)하기 위한 안내
  • 안내 문구 영역
    • 타이틀 문구
      • CHAART로 빠른 로그인하기
    • 설명 문구
      • 기존 계정과 소셜 계정을 연동하면 더 쉽고 빠르게 로그인할 수 있어요
  • 소셜 로그인 버튼 영역
    • 소셜 로그인 버튼 구성
      • 카카오 계정으로 연동하기
      • 구글 계정으로 연동하기
      • 애플 계정으로 연동하기
      • 네이버 계정으로 연동하기
    • 버튼 노출 조건
      • 사용자 이메일과 연동 가능한 소셜 로그인 수단만 활성화 가능
      • 연동 불가능한 소셜 수단은 비활성화 또는 미노출 처리
    • 소셜 로그인 버튼 클릭 시 동작
      • 버튼 클릭 시
        • 선택한 소셜 플랫폼 인증 절차 진행
      • 인증 성공 시
        • 기존 이메일 계정과 소셜 계정 연동(머지) 처리
        • 소셜 계정 연동 성공 메시지 토스트 노출 후, 로그인 성공 상태로 전환
        • 로그인 요청 발생 시점의 원래 화면으로 이동
      • 인증 실패 또는 취소 시
        • 소셜 계정 연동 실패 메시지 토스트 노출 후, 현재 소셜 로그인 머지 바텀시트 유지
  • 닫기 버튼 동작
    • 클릭 시 소셜 로그인 머지 프로세스 취소
    • 기존 이메일 로그인 상태 유지
    • 계정 연동 없이 로그인 성공 처리
    • 로그인 요청 발생 시점의 원래 화면으로 이동
    • 소셜 로그인 머지(통합) 작업을 안한 유저 대상 3개월 후, 재노출
  • 예외 및 보안 처리
    • 계정 머지 처리 시
      • 이메일 기준으로 계정 중복 여부 검증
      • 개인정보 및 이용 이력은 기존 이메일 계정 기준으로 유지
    • 머지 완료 후
      • 이후 로그인 시 선택된 소셜 계정으로 로그인 가능
LOG-003목록으로LOG-005