Skip to content

Feature: 메모리 화면 Figma 디자인 반영#47

Open
minaje0917 wants to merge 2 commits into
masterfrom
feature/memoryScreenRenewal
Open

Feature: 메모리 화면 Figma 디자인 반영#47
minaje0917 wants to merge 2 commits into
masterfrom
feature/memoryScreenRenewal

Conversation

@minaje0917
Copy link
Copy Markdown
Contributor

변경 사항

MemoryViewController

  • 섹션 구조 재정의: memoryImage / memoryDescription / buryTicket / myMessages / members
  • 플로팅 back / menu 버튼을 collectionView 위에 직접 배치 (white 0.9 alpha + 2pt black border + 16pt corner radius, 32×32)
  • 백버튼 → navigationController.popViewController, 메뉴 버튼 → 기존 didTapManageButton 으로 라우팅

Hero 이미지 영역 (MemoryImageCollectionViewCell)

  • 기존 D-60 라벨 / 기간 라벨 / 관리 버튼 / 닫기 버튼 / blur 오버레이 모두 제거
  • 풀블리드 hero 이미지 + 상하 그라데이션 (검정 0.2 → 투명 → 0.2) 만 유지 (Figma 동일)
  • safe area 무시하고 화면 최상단부터 노출되도록 collectionView contentInsetAdjustmentBehavior = .never

Description 섹션 (MemoryDescriptionCollectionViewCell)

  • 날짜 라벨 추가 (Pretendard Medium 14 / grey3 #919191)
  • 타이틀 (Pretendard Bold 20 / grey5) ↔ 날짜 ↔ 본문 (Pretendard Regular 16 / grey5) 12pt 간격
  • 상하 24pt 패딩, 좌우 20pt inset

새 섹션: 티켓 묻기 (BuryTicketCollectionViewCell)

  • 좌측 "티켓 묻기" 라벨 (Pretendard Bold 14 / grey5)
  • 우측 grey5 솔리드 pill 버튼 "티켓 묻기" (w76 h32, white 텍스트)
  • 탭 이벤트는 didTapBuryTicketButton PublishRelay 로 전파

추억 메시지 섹션 (MyMessagesCardsCollectionViewCell)

  • 상단 헤더 (MyMemoriesCollectionHeaderView, status .message) — 타이틀 "나의 추억 메시지" + 우측 chevron right
  • 본문은 3개 horizontal 카드 (메세지 / 음성 메세지 / 사진) 를 stackView 로 fillEqually 분배
  • 카드 디자인: WavyStrokeView .filledStroked fill/stroke 모두 primaryLight (#CFF2D8), lineWidth 6pt, cornerRadius 12, .outside. 내부 텍스트 모두 primaryDark #048F27

멤버 섹션 (MemoryUserCollectionViewCell)

  • 기존 닉네임 라벨 제거 → 48×48 wobbly 손그림 placeholder 단일 노출
  • horizontal group count: 6 + interGroupSpacing: 8 로 6개 초과 시 다음 행 wrap

헤더 정리 (MyMemoriesCollectionHeaderView)

  • 기존 상하 24pt 패딩 제거 후 centerY 정렬 (헤더 자체는 24pt 영역만 차지)
  • message status 타이틀을 "추억 메시지" → "나의 추억 메시지" 로 변경
  • prepareForReuse 에서 memberCountLabel 자동 제거 보강

테스트 방법

  • make generate 후 빌드 성공 확인 (신규 cell 2종 추가됨)
  • 메모리 화면 진입 시 hero 이미지가 safe area 무시하고 최상단 풀블리드로 표시되는지 확인
  • 플로팅 back / menu 버튼이 hero 위에 white 0.9 + black border 로 표시되는지 확인
  • back 버튼 탭 → 이전 화면 pop 확인
  • menu 버튼 탭 → 관리 화면 이동 확인
  • 타이틀 / 날짜 / 본문이 Figma 와 동일한 폰트/색상으로 표시되는지 확인
  • "티켓 묻기" 행이 grey5 pill 버튼과 함께 표시되는지 확인
  • "나의 추억 메시지" 헤더 + 3개의 wavy primaryLight 카드 (메세지/음성/사진 각 "미등록") 가 가로로 표시되는지 확인
  • "맴버 N" 헤더 + 48×48 placeholder 가 가로 6개씩 wrap 으로 표시되는지 확인
  • AddMember / Manage 화면 진입 동작이 기존과 동일하게 유지되는지 확인

🤖 Generated with Claude Code

minaje0917 and others added 2 commits May 12, 2026 21:54
- MemoryViewController: 섹션 구조 재정의 (memoryImage / memoryDescription / buryTicket / myMessages / members)
- 플로팅 back / menu 버튼을 collection 위에 직접 배치 (white 0.9 + 2pt black border + 16pt corner radius)
- MemoryImageCollectionViewCell: D-60 / 기간 / 관리 버튼 / 닫기 / blur 제거, hero 이미지 + 상하 그라데이션만 유지 (Figma 동일)
- MemoryDescriptionCollectionViewCell: 날짜 라벨 (Pretendard Medium 14 grey3) 추가, 타이틀-날짜-본문 12pt 간격
- MyMemoriesCollectionHeaderView: 상하 24pt 패딩 제거하고 centerY 정렬, message status 타이틀을 "나의 추억 메시지"로 변경
- 신규 BuryTicketCollectionViewCell: "티켓 묻기" 라벨 + grey5 pill 버튼 (w76 h32)
- 신규 MyMessagesCardsCollectionViewCell: 메세지/음성 메세지/사진 3개의 wavy filled primaryLight 카드 (Pretendard Bold 12 + Medium 12 / primaryDark)
- MemoryUserCollectionViewCell: 닉네임 라벨 제거 후 48x48 wobbly 손그림 placeholder 단일 노출
- members 섹션은 horizontal group count=6 + interGroupSpacing 8 로 wrap 행 지원

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
- ticketDummyImage 자산은 작은 미리보기용 wobbly 티켓 외곽선이라 420pt hero 영역으로 scaleAspectFill 하면 외곽선이 화면 전체를 덮는 깨진 화면 발생
- 실제 사용자 업로드 사진으로 교체되기 전까지는 grey1 단색 배경 + 상하 그라데이션만 노출하도록 정리

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
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.

1 participant