#PAR-381 : 싱글 모드 단일 조회 API 연동 + Shimmer Effect 적용

[nohjunh]

Description

마이페이지에서 싱글 모드 단일 조회 API를 연동하고 결과를 보여준다.
원하는 기록을 클릭할 시 러닝 결과를 볼 수 있게 ResultScreen으로 전환

특히, 마이페이지 같은 경우 정보를 가져오는 API가 많기에 ShimmerEffect를 적용하여 다음과 같은 이점을 얻는다.

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

Implementation

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

2023-10-11.1.16.41.mov

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication