유저 테스트 진행 중, 마이페이지 탭을 바꿀 때마다 아래 화면이 깜박 거리는 것처럼 보인다는 피드백이 들어왔다.
화면 기록 2024-02-29 02.57.42.mov
이 부분은 탭을 새로 누를 때마다 page=1로 새로 API를 호출하기 때문인데, 새로 호출할 때마다 내가 아이템을 초기화시키도록 코드를 짜두었기에 임시적으로 빈 화면이 노출되는 것이었다.
아뿔싸! 이러한 부분도 UX 측면에서 마이너스가 된다는 것을 잊고 있었다… 😓
이참에 API 호출에도 캐싱을 적용할 겸 + 응답이 유독 느린 날씨 API도 개선할 겸 vue-query를 적용해 보고자 마음 먹었다 ㅎㅎ
날씨 API : 홈화면 상단에 노출되는 날씨 아이콘, 최고/최저 기온 영역에서 사용
마이페이지 API : 마이페이지에서 사용하는 API로 type(꿈, 일기, 메모) 존재 & 페이징 처리