New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

#PAR-380 : 종합기록 조회 API 연동 + ShimmerEffect 적용 #224

Merged

nohjunh merged 12 commits into develop from PAR-380

Oct 10, 2023

Member

nohjunh commented Oct 10, 2023 •

edited

Loading

Description

마이페이지 유저 정보 박스 아래에 총 달린 거리, 평균 페이스, 총 누적 거리를 보여줄 수 있는 스테이터스 바에 API 연동 결과를 보여준다.
특히, 마이페이지 같은 경우 정보를 가져오는 API가 많기에 ShimmerEffect를 적용하여 다음과 같은 이점을 얻는다.

보다 나은 사용자 경험(UX): 데이터 로딩 시간 동안 사용자에게 빈 화면을 보여주는 것보다 무언가 로딩되고 있다는 것을 시각적으로 표현하는 것이 더 나은 UX 제공
콘텐츠의 예상 형태 표현: 로딩되는 콘텐츠의 기본 형태와 구조를 나타내어 사용자로 하여금 콘텐츠가 로드되는 동안 어떤 형태의 정보가 제공될지 미리 예상할 수 있게 함
응답성 향상: 실제 콘텐츠가 준비되기 전에 UI를 빠르게 표시함으로써 앱의 반응성 향상
로딩 지연의 인식 감소: 사용자의 주의를 분산시키고, 실제로 데이터 로딩에 걸리는 시간 즉, 지루함을 느끼는 것을 줄임.

Implementation

ShimmerEffect를 보여주기 위해 의도적으로 delay를 추가한 상태에서 촬영

2023-10-10.5.33.29.mov

nohjunh added 12 commits

October 9, 2023 11:19


          refactor : 메소드명 명확히 변경 #PAR-380

797abc2


          feat : 마이페이지 종합기록 조회 data class 정의 #PAR-380

a72cad6


          feat : getComprehensiveRunRecord Network layer 구축 #PAR-380

7d681ed


          feat : 마이페이지 종합기록 조회 Repository, UseCase 구축 #PAR-380

c9ae327


          refactor : API 명세에 따른 타입 변경 #PAR-380


          feat : 종합기록 확장함수 적용 #PAR-380

7633af5


          refactor : second 제외하고 시,분으로만 종합 달린 시간 표시 #PAR-380

e81c5c5


          refactor : MyPage Component 분리 #PAR-380

0ba350d


          feat : ShimmerEffect Modifier 확장함수 추가 #PAR-380

0a85b80


          feat : MyPageUiState State API별 분리 #PAR-380


          refactor : ProfileScreen myPageUiState -> myPageProfileState 변경 #PAR-380

2843acc


          feat : 종합기록 조회 API 연동 #PAR-380

1d816b6

nohjunh added the ✨ 기능 label

sonarqubecloud bot commented Oct 10, 2023

Kudos, SonarCloud Quality Gate passed!

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

nohjunh merged commit 8a299ed into develop

3 checks passed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels