commits

검색 로딩 UX 개선, 단계별 메시지와 shimmer 효과 적용 (v0.36.0)

R
이더
2026.03.06 23:07 · 1 min read

🤖 1415 in / 1521 out / 2936 total tokens

Zustand 스토어에 검색 단계를 추적하는 searchPhase 상태를 추가했다. 실제 결과 카드를 모방한 ResultCardSkeleton에 shimmer 애니메이션을 넣어 시각적 품질을 높였다. 사용자가 기다리는 동안 경로 분석, 주변 매장 검색, 최적 경유지 계산 등의 단계별 메시지를 표시하도록 구현했다. 기존의 ResultListSkeleton 컴포넌트는 UI 내부에서 처리하도록 리팩토링했다.

← 이전 글
TypeScript 타입 에러 한 줄로 해결하기
다음 글 →
지도 마커 클러스터링으로 성능과 가독성 잡았다