Skip to content

[Feat]: 로그인 16d 흐르는 커버 벽 · 먼저 둘러볼게요 (UI-16d) - #194

Merged
unib35 merged 7 commits into
developfrom
feat/193-login-cover-wall
Oct 21, 2026
Merged

unib35 merged 7 commits into
developfrom
feat/193-login-cover-wall

Conversation

@unib35

@unib35 unib35 commented Oct 21, 2026

Copy link
Copy Markdown
Member

🔮 작업 요약

로그인 화면을 사용자가 고른 16d 흐르는 커버 벽으로 바꾸고, 「먼저 둘러볼게요」로 로그인 없이 둘러볼 수 있게 했습니다. 손님이 투표 · 추천처럼 계정이 필요한 동작을 누르면 로그인 요청 시트가 뜹니다(DEC-032). Closes #193

🖥️ 상세 작업 내용

  • DEC-032 기록: 16d 채택 · 둘러보기 허용, 화면 목록 대안 표 · REQ-010 · 디자인 README 충돌 Bump github.com/google/googlesignin-ios from 7.1.0 to 9.0.0 in /Tuist #3 · [Feat] 릴레이 탭 첫 화면 #28 해결, 16차 etag
  • 로그인 16d: 커버 세 줄이 위 70초 · 아래 60초 · 위 84초(C줄 -64에서 시작)로 흐름, 동작 줄이기면 멈춤. 0.3 어둡게 · 위 140 그늘 · y300부터 점진 블러와 검정 그라디언트. 원본 문구, Apple 흰 버튼 · Google 반투명 · 「먼저 둘러볼게요」, 약관 줄의 두 링크
  • 둘러보기: 로그인 delegate(.browseAsGuest) → 앱 루트가 메인 탭을 손님(isGuest)으로 엶
  • 로그인 요청: GuestGate가 탭 화면 · 탭 스택 reducer를 감싸 손님의 동작을 막고 시트를 띄움. 「로그인하기」 → delegate(.loginRequested) → 로그인 화면
  • 마이 탭 손님 화면: 10f 빈 상태 + 로그인하기
  • 쓰지 않게 된 앨범 캐러셀(3f) · 소셜 로그인 버튼 삭제
  • 테스트: 손님 투표 · 추천 · 좋아요 · 예측 차단(Client 미호출), 둘러보기 유지, 로그인하기 → 로그인 화면, 먼저 둘러볼게요 → 손님 메인 탭

📌 이슈 및 특이사항

  • 원본과 다른 점
    • 원본 커버 21장(img/c1 …)과 로고(img/logo.png)는 앱에 없어, 번들된 앨범 아트 4장을 줄마다 다른 순서로 돌려 쓰고 로고 자리는 비움
    • 원본 블러 40px(CSS)은 SwiftUI blur(radius: 20)로 맞춤
  • 원본에 없어 채운 것
    • 로그인 요청 시트 전체(아이콘 · 「투표하려면 로그인이 필요해요」 등 이유별 제목 · 「Apple이나 Google 계정으로 바로 시작할 수 있어요. 투표와 추천이 실시간 순위에 반영돼요.」 · 로그인하기 · 계속 둘러보기)
    • 막는 동작: 원본은 투표 · 추천만 말함. 계정이 꼭 필요한 1위 예측 · 글쓰기 · 댓글(노래로 답하기 포함) · 좋아요(커뮤니티 · 게시글 · 댓글 · 친구 글 · 곡 상세) · 팔로우 · 릴레이 만들기 · 바통 이어받기 · 오늘의 한 곡 답하기도 막음
    • 마이 탭 손님 화면 「로그인하고 내 활동을 모아 보세요 / 추천한 곡 · 투표한 릴레이 · 보관함이 여기에 모여요」
    • 로그인하기는 로그인 화면으로 돌아감(보던 화면은 이어지지 않음)
  • 미결정
    • 손님은 마이 탭의 설정(앱 정보 · 고객센터 · 공지)에 들어갈 수 없음 — 로그인 화면에서 열 곳이 필요한지
    • 곡 메뉴 시트 좋아요 · 바통 화면 안의 곡 고르기 · 내보내기는 막지 않음
    • 로그인 뒤 보던 화면 · 하려던 동작으로 돌아가기(16e는 「로그인하면 바로 그 릴레이의 투표 화면으로」)
    • 약관 링크가 열 주소(지금은 기존 액션만 보냄)
  • 테스트: sh .claude/skills/finish-feature/scripts/verify.sh ios arch → PASS ios — verify_ios · PASS arch — verify_arch. docs 영역은 자동 검증 없음

🚀 다음에 할 일

- 로그인 화면은 16d 흐르는 커버 벽, 1a · 3f · 16a–16c · 16e는 쓰지 않음
- 로그인 없이 둘러보고 투표 · 추천 등을 누르면 로그인 요청
- 화면 목록 대안 표 · REQ-010 · 디자인 README 충돌 #3 · #28 · 16차 etag

Refs #193
browseTapped를 누르면 delegate(.browseAsGuest)를 보낸다. 앱 루트가 받아 로그인 없이 메인 탭을 연다(DEC-032).

Refs #193
- 커버 세 줄이 위 70초 · 아래 60초 · 위 84초로 흐름, 동작 줄이기면 멈춤
- y300부터 점진 블러 · 검정 그라디언트, 위 140 상태 바 그늘
- 원본 문구(WePLi · 함께 만들어가는 플레이리스트), Apple 흰 버튼 · Google 반투명 · 먼저 둘러볼게요, 약관 줄 링크
- 원본 커버 21장 · 로고 에셋이 없어 번들 앨범 아트 4장을 돌려 쓰고 로고는 뺌
- 쓰지 않게 된 앨범 캐러셀(3f) · 소셜 로그인 버튼 삭제

Refs #193
- MainTab에 isGuest · loginPrompt, 탭 화면과 탭 스택 reducer를 감싸는 GuestGate
- 투표 · 추천(바통 이어받기 · 오늘의 한 곡 포함) · 1위 예측 · 글쓰기 · 댓글 · 좋아요 · 팔로우 · 릴레이 만들기를 막고 시트를 띄움
- 로그인하기는 delegate(.loginRequested)

Refs #193
원본에 화면이 없어 디자인 시스템 부품으로 채운다 — 이유별 제목 · 그라디언트 로그인하기 · 라벤더 계속 둘러보기, 마이 탭은 10f 빈 상태 + 로그인하기.

Refs #193
browseAsGuest면 메인 탭을 손님으로 열고, 손님이 로그인하기를 누르면 로그인 화면으로 돌아간다.

Refs #193
투표 · 추천 · 좋아요 · 예측은 시트만 띄우고 화면 · Client에 닿지 않음, 둘러보기는 그대로, 로그인하기는 로그인 화면으로, 먼저 둘러볼게요는 손님으로 메인 탭.

Refs #193
@unib35
unib35 merged commit 55a3869 into develop Oct 21, 2026
5 checks passed
@unib35
unib35 deleted the feat/193-login-cover-wall branch October 21, 2026 12:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feat]: 로그인 16d 흐르는 커버 벽 · 먼저 둘러볼게요 (UI-16d)

1 participant