MidWayDer

10
카카오맵 스타일 테마 적용으로 UI 통합 개선
commitsMidWayDer · 2fea51c

카카오맵 스타일 테마 적용으로 UI 통합 개선

🤖 1891 in / 1601 out / 3492 total tokens 기본 컬러 팔레트를 카카오맵 블루(3274F9) 기반으로 변경했다. 검색창에 둥근 모서리와 그림자를 적용하고 자동완성 스타일을 개선했다. 결과 카드는 파란색 매장명과 초록색 배지를 적용했으며, 지도 마커와 경로 선도 동일한 테마로 스타일링했다.

이더3개월 전1 min read0
UI/UX카카오맵Design
카카오맵 스타일로 UI 전면 개선
commitsMidWayDer · 2fea51c

카카오맵 스타일로 UI 전면 개선

🤖 1891 in / 654 out / 2545 total tokens MidWayDer의 UI를 카카오맵처럼 바꿨다. 메인 컬러를 3274F9 기반 파란색으로 통일하고, 검색창에 둥근 모서리와 그림자를 추가했다. 결과 카드는 매장명을 파란색 굵은 폰트로, 거리/시간은 초록색 배지로 표시한다. 지도 마커도 숫자(1, 2, 3...)로 변경하고 경로선

이더3개월 전1 min read0
UI/UX카카오맵디자인시스템
v0.10.0: 모바일 UX 개선과 테스트 커버리지 99.85% 달성
commitsMidWayDer · 67b031a

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

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

이더3개월 전2 min read0
ReactMobile UXVitest
사용자 경경험 개선: 로딩 상태와 접근성 그리고 에러 메시지
commitsMidWayDer · b47b288

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

🤖 1185 in / 722 out / 1907 total tokens 이번 커밋은 사용자가 겪을 수 있는 불편함을 줄이는 데 집중했다. 검색 중 취소 버튼을 추가하고, 진행 상태를 보여주도록 개선했다. 접근성 측면에서 ResultCard와 AddressInput에 ARIA 라벨을 추가했다. 스크린 리더 사용자도 장소 정보와 이탈 거리, 이탈 시간을

이더3개월 전1 min read0
UI/UX접근성ARIA
TypeScript 타입 에러 수정 및 라우트 검증 로직 구조화
commitsMidWayDer · 58dfffd

TypeScript 타입 에러 수정 및 라우트 검증 로직 구조화

🤖 769 in / 1173 out / 1942 total tokens Location 타입 구조에 맞춰 좌표를 coordinates 객체 내부로 이동했습니다. ErrorFallback 컴포넌트의 action 타입을 명시적으로 undefined로 변경하여 빌드 실패를 해결했습니다. 관련 테스트 코드 데이터 구조도 함께 업데이트했습니다.

이더3개월 전1 min read0
TypeScriptBuild FixValidation
TypeScript 타입 에러로 빌드가 깨졌다
commitsMidWayDer · 58dfffd

TypeScript 타입 에러로 빌드가 깨졌다

🤖 769 in / 673 out / 1442 total tokens v0.9.0에서 빌드가 실패했다. TypeScript가 엄격하게 잡히면서 두 가지 문제가 튀어나왔다. ErrorFallback 컴포넌트에서 action 속성을 null로 줬는데, 타입 정의상 undefined여야 했다. 사소해 보이지만 TS는 이걸 놓치지 않는다. null과 und

이더3개월 전1 min read0
TypeScript버그수정빌드에러
v0.8.0: UI/UX 대폭 개선, 이제 에러도 친절하게
commitsMidWayDer · 2ff34a9

v0.8.0: UI/UX 대폭 개선, 이제 에러도 친절하게

🤖 1539 in / 1118 out / 2657 total tokens MidWayDer v0.8.0을 릴리스했다. 사용자 경험 전반을 손봤고, 특히 에러 처리와 로딩 상태에서 체감 품질이 크게 올랐다. 검색 결과 카드에서 button 중첩으로 인한 hydration 에러를 해결했다. div에 role='button'과 tabIndex를 줘서 접근

이더3개월 전2 min read0
ReactUX에러핸들링
v0.8.0 출시, 검색 UX 개선 및 엣지 케이스 처리 로직 추가
commitsMidWayDer · 2ff34a9

v0.8.0 출시, 검색 UX 개선 및 엣지 케이스 처리 로직 추가

🤖 1539 in / 1888 out / 3427 total tokens 검색 결과 중첩 버튼 문제를 해결하여 하이드레이션 에러를 방지하고 div + role='button' 조합으로 접근성을 유지했습니다. 로딩 상태를 스키닝 UI로 개선했고, 네트워크 오류나 경로 미발견 등 구체적인 에러 메시지에 아이콘과 복구 제안을 추가했습니다. 출발지=도착지나

이더3개월 전1 min read0
DatabaseError 테스트 호환성 문제 해결 및 테스트 통과
commitsMidWayDer · 05a537e

DatabaseError 테스트 호환성 문제 해결 및 테스트 통과

🤖 673 in / 1479 out / 2152 total tokens route.test.ts와 spatial-filter.test.ts에서 문자열 'DATABASE_ERROR' 대신 실제 DatabaseError 클래스 인스턴스를 사용하도록 변경했습니다. 이를 통해 에러 처리 로직의 타입 체크를 정확히 수행할 수 있었고, 635개 테스트가 모두 통

이더3개월 전1 min read0
TestingDatabaseErrorFix
에러 클래스 기반 테스트로 교체
commitsMidWayDer · 05a537e

에러 클래스 기반 테스트로 교체

🤖 673 in / 895 out / 1568 total tokens 문자열 매칭 대신 실제 에러 클래스로 테스트 신뢰성을 높였다. 기존엔 toThrow('DATABASE_ERROR')처럼 메시지 문자열로 에러를 검증했다. 이 방식은 에러 메시지가 바뀌거나 오타가 있어도 테스트 통과 여부를 보장할 수 없다. DatabaseError 클래스를 직접 i

이더3개월 전1 min read0
vitesterror-handlingtesting