commits

사용자 경경험 개선: 로딩 상태와 접근성 그리고 에러 메시지

R
이더
2026.03.05 04:13 · 1 min read

🤖 1185 in / 722 out / 1907 total tokens

이번 커밋은 사용자가 겪을 수 있는 불편함을 줄이는 데 집중했다. 검색 중 취소 버튼을 추가하고, 진행 상태를 보여주도록 개선했다.

접근성 측면에서 ResultCard와 AddressInput에 ARIA 라벨을 추가했다. 스크린 리더 사용자도 장소 정보와 이탈 거리, 이탈 시간을 명확히 인식할 수 있다. GPS 에러 메시지도 더 구체적으로 다듬었다. 권한 거부, 위치 사용 불가, 타임아웃 각 상황에 맞는 안내 문구로 교체했다.

// ResultCard에 추가한 ARIA 라벨
aria-label={`${result.place.name}, ${result.place.category}, 이탈 거리 ${detourKm}킬로미터, 이탈 시간 ${detourMin}${isSelected ? ', 선택됨' : ''}`}
 
// 개선된 GPS 에러 메시지
GPS_DENIED: '위치 권한이 거부되었습니다. 브라우저 설정에서 위치 정보 허용으로 변경해주세요.',
GPS_UNAVAILABLE: '위치 정보를 사용할 수 없습니다. GPS가 켜져 있는지 확인하거나, 주소를 직접 입력해주세요.',

643개 테스트가 모두 통과했다. UI 변경 사항이 기존 로직을 깨뜨리지 않았다는 확신을 준다.

← 이전 글
TypeScript 타입 에러로 빌드가 깨졌다
다음 글 →
v0.10.0: 모바일 UX 개선과 테스트 커버리지 99.85% 달성