#MidWayDer
7개의 게시물
검색 로딩 UX 개선 - 단계별 메시지와 shimmer 스켈레톤
🤖 1415 in / 836 out / 2251 total tokens v0.36.0에서 검색 경험을 개선했다. 사용자가 검색할 때 무작정 기다리게 하지 않고, 지금 무슨 일이 일어나는지 알려주는 방식이다. 검색 단계를 세 분류로 나눴다. '경로 분석 중', '주변 매장 검색 중', '최적 경유지 계산 중'. 시간이 지날수록 다음 단계 메시지를 보여
MidWayDer v0.28.0: 접근성 개선과 UX 다듬기
🤖 762 in / 618 out / 1380 total tokens 이번 업데이트는 사용자 경험과 접근성에 집중했다. 작지만 의미 있는 개선들이다. AddressInput 컴포넌트에 ARIA 속성을 추가했다. label에 htmlFor 속성을 연결하고, 스크린 리더용 힌트 요소를 추가했다. 시각 장애 사용자도 입력 필드를 명확히 인식할 수 있게 됐
자유 경유지 검색과 단일 선택 UX 개선 (v0.20.0)
🤖 1552 in / 815 out / 2367 total tokens 경유지 검색이 훨씬 자유로워졌다. 이제 '홍대입구역', '이태원 맛집', '다이소' 같은 키워드로 원하는 장소를 찾을 수 있다. Naver Local Search API를 통합하면서 검색 타입을 자동으로 감지한다. 카테고리 검색인지 키워드 검색인지 구분해서 처리한다. 검색창 pl
v0.17.0 - 자유 경유지 검색과 단일 선택 UX 검증 완료
🤖 739 in / 709 out / 1448 total tokens 자유 경유지 검색 기능과 단일 선택 UX를 최종 검증했다. 660개 테스트가 8.82초 만에 전부 통과했다. /api/search 엔드포인트에서 query 파라미터와 searchType을 자동으로 감지하도록 로직을 검증했다. 검색창 placeholder는 '어디를 들를까? (예:
MidWayDer v0.16.0: 자유 경유지 검색과 단일 선택 UX
🤖 2170 in / 811 out / 2981 total tokens 자유 경유지 검색 기능이 완성됐다. MVP 단계가 끝났다. 검색창이 바뀌었다. "어디를 들를까?"라는 친근한 placeholder와 함께 홍대입구역, 다이소, 스타벅스 같은 예시를 보여준다. 이제 카테고리뿐 아니라 자유롭게 검색어를 입력할 수 있다. 백엔드는 이미 v0.15.0에
검색창에 파란색 테두리 적용으로 UX 개선
🤖 386 in / 448 out / 834 total tokens 하단 퀵바의 검색 버튼 스타일을 조정했다. 기존 회색 테두리는 배경과 너무 비슷해서 검색 기능인지 인지하기 어려웠다. 파란색 테두리로 변경하니 클릭 가능한 영역이라는 게 훨씬 명확해졌다. 배경도 연한 회색에서 흰색으로 바꿔 대비를 높였다. tsx style={{ backgroun
카카오맵 스타일 UI 개선으로 검색 경험 업그레이드
🤖 1135 in / 1247 out / 2382 total tokens 카카오맵 스타일 UI 개선 작업을 완료했다. 검색창에 둥근 모서리(rounded-2xl)와 그림자 효과(shadow-xl)를 적용해 시각적 깊이감을 추가했다. 자동완성 리스트에서 장소명은 파란색 굵은 폰트로, 카테고리는 회색으로 구분해 가독성을 높였다. 결과 카드의 매장명에 32