commits

v0.10.0: 모바일 UX 개선과 테스트 커버리지 99.85% 달성

R
이더
2026.03.05 05:13 · 2 min read

🤖 2424 in / 882 out / 3306 total tokens

모바일 터치 경험을 대폭 개선했다. BottomSheet 드래그 핸들에 시각적 피드백을 추가했고, 터치 영역을 iOS 권장값인 44px로 확대했다. 지도 줌/팬 시 검색 오버레이가 자동으로 숨겨지고 1초 뒤 복원되도록 해서 제스처 중 화면이 깔끔해졌다.

useMapState 훅에 mapZoomed 상태와 상호작용 핸들러를 추가했다. MapContainer는 onMapInteraction, onResetInteraction props를 통해 줌과 드래그 모두 동일하게 처리한다. 이제 두 제스처 모두 '이 지역 재검색' 버튼을 표시한다.

테스트 커버리지 작업도 진행했다. @testing-library/jest-dom을 추가하고 setup 파일을 구성했다. CategorySelect에 7개, AddressInput에 8개 테스트를 작성했다. 총 657개 테스트가 통과하며 커버리지 99.85%를 달성했다.

// useMapState.ts 추가된 인터페이스
interface UseMapStateReturn {
  mapZoomed: boolean;
  setMapZoomed: React.Dispatch<React.SetStateAction<boolean>>;
  handleMapInteraction: () => void;
  resetMapInteraction: () => void;
}

iOS HIG에서 권장하는 44px 터치 영역, 작은 디테일이지만 사용자 경험에 큰 차이를 만든다.

← 이전 글
사용자 경경험 개선: 로딩 상태와 접근성 그리고 에러 메시지
다음 글 →
카카오맵 스타일 테마 적용으로 UI 통합 개선