메인 콘텐츠로 건너뛰기

Login Modal · 후보

Login Modal

MVP login modal shell과 social/email/signup/onboarding panel 상태

Shell

Social Login Panel

social/default

RE:Verse

RE:Verse에서 당신만의 세계를 탐험하세요.

또는

social/no-member

RE:Verse

RE:Verse에서 당신만의 세계를 탐험하세요.

또는

카카오 로그인은 완료됐어요. 실제 OAuth 결과가 아닌 fixture transition으로 프로필 작성 단계까지 이어지는 상태를 확인합니다.

social/error

RE:Verse

RE:Verse에서 당신만의 세계를 탐험하세요.

또는

Email Login Panel

email-login/disabled

email-login/loading

email-login/failure

Signup Verification Panel

email-signup/sent

이메일 인증을 통해 가입합니다

email-signup/code-error

이메일 인증을 통해 가입합니다

인증 코드가 일치하지 않습니다. 코드를 확인하거나 다시 보내기를 선택하세요.

email-signup/verified

이메일 인증을 통해 가입합니다

Signup Profile Panel

signup-profile/selected

이메일 인증 완료

프로필을 만들고 시작해요

닉네임, 이름, 성별, 선호 장르와 태그를 같은 modal 안에서 입력하는 구조를 확인합니다.

성별

하나의 값만 선택할 수 있습니다. 현재 선택: 여성

선호 장르

여러 개를 선택할 수 있습니다. 현재 2개 선택됨.

선호 태그

세계 추천에 참고할 분위기 태그를 고릅니다. 현재 2개 선택됨.

성별은 단일 선택, 장르와 태그는 다중 선택 상태입니다.

signup-profile/unselected

이메일 인증 완료

프로필을 만들고 시작해요

닉네임, 이름, 성별, 선호 장르와 태그를 같은 modal 안에서 입력하는 구조를 확인합니다.

성별

하나의 값만 선택할 수 있습니다. 현재 선택: 없음

선호 장르

여러 개를 선택할 수 있습니다. 현재 0개 선택됨.

선호 태그

세계 추천에 참고할 분위기 태그를 고릅니다. 현재 0개 선택됨.

성별, 장르, 태그 chip의 unselected 상태를 확인합니다.

signup-profile/validation-error

이메일 인증 완료

프로필을 만들고 시작해요

닉네임, 이름, 성별, 선호 장르와 태그를 같은 modal 안에서 입력하는 구조를 확인합니다.

닉네임을 입력해 주세요.

이름을 입력해 주세요.

성별

하나의 값만 선택할 수 있습니다. 현재 선택: 없음

성별을 선택해 주세요.

선호 장르

여러 개를 선택할 수 있습니다. 현재 0개 선택됨.

선호 장르를 1개 이상 선택해 주세요.

선호 태그

세계 추천에 참고할 분위기 태그를 고릅니다. 현재 0개 선택됨.

선호 태그를 1개 이상 선택해 주세요.

Onboarding Required Panel

onboarding/required

온보딩 미완료

마지막 설정을 마치면 바로 이어갈 수 있어요

로그인과 가입은 완료된 상태입니다. 상세 온보딩 입력 없이 required/completed 분기만 검증합니다.

시도한 행동: 탐색 개인화 설정을 저장하려면 로그인이 필요합니다.

복귀 후보: 탐색 개인화 저장 버튼

온보딩 완료 후 이 맥락으로 돌아갈 수 있어야 합니다.

onboarding/completed

온보딩 완료

원래 하려던 일을 이어갈 준비가 됐어요

자동 실행이나 route 이동 없이, 원래 화면에서 사용자가 다시 시도할 수 있다는 가설만 확인합니다.

시도한 행동: 탐색 개인화 설정을 저장하려면 로그인이 필요합니다.

복귀 후보: 탐색 개인화 저장 버튼

탐색 개인화 저장 버튼으로 돌아가 설정 저장을 다시 시도할 수 있습니다.

RE:Verse 앱 보기