MacC-Team-HappyAnding icon indicating copy to clipboard operation
MacC-Team-HappyAnding copied to clipboard

[Feat] MyPageView UI 구현

Open JMM00 opened this issue 2 months ago • 2 comments

📌 해결하려는 이슈

  • closes #524

✨핵심적인 변경사항

  • MyPageView UI 구현 및 화면 연결
  • 섹션의 접힘/펼침 상태 UserDefaults에 저장
  • 작성한 / 다운받은 / 좋아요 누른 아이템의 수가 3개 이상인 경우에만 아이템 2개 + 더보기 버튼이 나타나도록 설정했습니다.

🔖 그 외 변경사항

  • ExploreShortcutView 와 MyPageView의 섹션 타이틀에 사용되는 이미지를 inner shadow가 적용된 이미지로 변경
  • ExploreShortcutView 하단 여백 수정
  • CardSection 좌우 여백 수정
  • 툴바 아이템 색상 수정 (opcity(0.64) 적용)
  • ExpandedRankingView -> ListShortcutView 이름 변경
  • ListShortcutCell 좌우 여백 수정 ( 검색 결과 리스트 기준으로 적용)
  • Silver 색상 이름을 Gray로 변경
  • navigationLinkRouter 이용하여 화면 연결

전달 사항

  • 프로필 이미지와 닉네임 상단 부분은 추후 디자인이 확정된 이후 수정할 예정입니다.
  • 폰트 종류가 기존 익스텐션과 상이하여 디자이너 확인 받은 후 반영하겠습니다.
  • 아직 확정된 디자인이 아니므로 변경될 가능성이 높습니다.

🙏 리뷰어에게 바라는 점

  • MyPageView 에서 각 섹션이 현재 스크롤이 가능한 상태입니다. 아이템이 한눈에 확인 가능하니 좌우 스크롤 동작을 빼야할까요?

📱 스크린샷

스크롤 시작 스크롤 끝 섹션 모두 접힘
Simulator Screenshot - iPhone 15 - 2024-04-22 at 03 44 27 Simulator Screenshot - iPhone 15 - 2024-04-22 at 03 44 43 Simulator Screenshot - iPhone 15 - 2024-04-22 at 03 44 34

Preview

  • 섹션 접힘 / 펼침 상태 저장 동작

https://github.com/Team-ShortcutsZip/MacC-Team-HappyAnding/assets/41153398/d1f81877-1c92-429b-8095-1f35ff4ae4b8

JMM00 avatar Apr 21 '24 18:04 JMM00