프론트엔드 사용자 경험 개선

이 게시물은 프론트엔드 개발자가 기술 도입을 통해 사용자 경험을 개선하는 방법에 대해 설명합니다.

로딩 UI 개선

• 기존 스피너 대신 스켈레톤 UI 도입
• 스켈레톤은 페이지 레이아웃을 미리 보여주어 사용자 예측 가능성 향상
• 조건부 렌더링 및 애니메이션을 활용한 UI 전환 개선

Tanstack-Query 도입

저자는 Tanstack-Query를 통해 데이터 페칭의 난이도를 낮추고 UX를 향상시킨 경험을 공유하였습니다.