1. 마이페이지

마이페이지:
 유저의 프로필과 현재 포인트 상태를 가져오는 마이페이지 뷰를 CollectionView FlowLayout 구현하였습니다. 
 
 마이페이지의 각각의 cell은 커스텀 뷰로 구성하여 재사용성을 높였습니다. 

 이용약관과 개인정보 처리 방침에 대한 페이지로 이동하는 링크를 해당 cell에 연결하여, 
미리 구성된 웹 페이지로 넘어가게 구현하였습니다.

로그아웃과 회원탈퇴 버튼을 누르면 커스텀 뷰로 구현된 AlertController로 Present되어 경고 창을 띄웁니다.
각각의 확인 버튼을 누른다면, 로그아웃과 회원탈퇴 API를 호출하고 로컬에 저장되어 있는 UserDefault 데이터를 
삭제합니다. 이후 통신에 성공한다면, 로그인 컨트롤러로 이동하게 됩니다. 

Untitled

Simulator Screen Recording - iPhone 13 mini - 2024-01-19 at 20.21.00.gif

Simulator Screen Recording - iPhone 13 mini - 2024-01-19 at 20.20.32.gif

2. 홈 뷰

홈 뷰:
 홈 뷰 전체를 CollectionView로 설정해 [section 0]은 블랙홀 mp4로 cell을 하나 구성했고,
[section 1]은 총 앱 사용시간 프로그래스 바로 하나의 cell을 구성했으며,
[section 2]는 각 앱별 프로그래스 바들의 cell로 구성해 선택한 앱의 수만큼 쌓여 스크롤 되도록 구성하였습니다.

각 앱별 프로그래스 바는 커스텀으로 만들었으며, 홈 뷰로 넘어갈 때마다 애니메이션으로 프로그래스 바가 채워지도록 했습니다.

그리고 이 각 앱별 총 이용시간이 총 앱 이용시간 프로그래스 바에 데이터가 전달되어 프로그래스 바가 채워지도록 했습니다.

기존 lottie로 넣을 예정이었던 블랙홀 이미지는 lottie의 오류 때문에 mp4 영상을 넣어 총 이용시간 프로그래스 바의 채워지는
퍼센트에 따라 영상이 바뀌도록 분기처리를 했습니다.

IMG_5F221C8A3B1A-1.jpeg

RPReplay_Final1705675720.MP4