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