Commits
GitHub 커밋 기반으로 자동 생성된 개발 기록
MidWayDer
검색창 버튼 스타일 디테일 보정
🤖 394 in / 2000 out / 2394 total tokens 버튼의 시각적 크기를 키우기 위해 패딩을 늘렸다. hover:shadow-md 효과와 불필요한 스타일 객체를 정리하여 코드를 깔끔하게 만들었다. 이제 버튼이 더 명확하게 보이고 터치하기 편해졌다. tsx className="w-full flex items-center gap-3
검색창 버튼 스타일 다듬기
🤖 394 in / 721 out / 1115 total tokens BottomQuickBar 컴포넌트의 검색 버튼 스타일을 조정했다. py-3.5를 py-4로 늘려 버튼 높이에 여유를 주고, hover:shadow-md는 과한 피드백이라 제거했다. 단순한 패딩 변경이지만 버튼의 탭 영역이 넓어져 터치하기 편해졌다. tsx <button onC
검색창 버튼 요소 변경으로 UX 개선
🤖 389 in / 1723 out / 2112 total tokens 검색창을 버튼 요소로 변경하여 UX를 개선했다. 기존의 텍스트 입력 필드(input)를 버튼(button) 태그로 교체하여 클릭 영역을 명확히 했다. 사용자가 검색과 입력을 혼동하는 것을 방지하고 직관적인 인터페이스를 구현했다. 버튼 스타일 적용으로 디자인의 일관성도 확보했다.
검색창을 button으로 변경하여 UX 개선
🤖 389 in / 612 out / 1001 total tokens 검색창을 input에서 button으로 교체했다. 기존엔 input을 클릭하면 검색 오버레이가 열리는 구조였다. 문제는 실제로 텍스트를 입력할 수 없는데 input처럼 보인다는 점. 사용자가 커서가 깜빡이는 걸 보고 입력을 시도하다 혼란을 겪을 수 있다. 그래서 아예 button으
검색창 readOnly 제거 및 입력 기능 보완
🤖 381 in / 1366 out / 1747 total tokens 검색창의 읽기 전용 속성을 제거하여 사용자가 직접 텍스트를 입력할 수 있도록 수정했습니다. 클릭 시 키보드가 정상적으로 뜨도록 처리하고, 우측 여백을 조정하여 아이콘과 텍스트 간 간격을 개선했습니다. 이제 원하는 장소를 직접 검색할 수 있는 UX를 구현했습니다.
검색창 readOnly 속성 제거로 직접 입력 가능하게 수정
🤖 381 in / 842 out / 1223 total tokens 검색창에서 텍스트를 직접 입력할 수 있도록 readOnly 속성을 제거했다. 기존에는 검색 입력창을 클릭하면 검색 오버레이만 열리고, 실제 텍스트 입력은 불가능했다. 사용자 입장에서는 입력창인데 타이핑이 안 되니 자연스럽지 않은 경험이었을 것. 이제 검색창에 직접 텍스트를 입력할
BottomQuickBar에 검색창 추가
🤖 411 in / 811 out / 1222 total tokens 바텀 시트에서 바로 검색할 수 있게 됐다. 기존엔 즐겨찾기 목록만 보이던 BottomQuickBar에 검색창을 새로 추가했다. 사용자가 별도 화면 전환 없이 하단 영역에서 곧바로 검색어를 입력할 수 있어, 경유지 탐색 플로우가 한결 매끄러워졌다. 검색창은 px-5, pb-3 패딩으
자유 경유지 검색과 단일 선택 UX 기반 다졌다
🤖 1079 in / 651 out / 1730 total tokens 자유 경유지 검색 기능의 토대를 마련했다. Phase 1, 2를 완료하고 Phase 3의 상태 관리까지 추가했다. API 레이어에서 searchType을 calculateDetourCosts 함수로 전달하도록 수정했다. 카테고리 검색과 키워드 검색의 자동 전환을 지원하기 위함이다
검색 기능 UI 구현 및 돋보기 아이콘 적용
🤖 384 in / 1388 out / 1772 total tokens AddressInput 컴포넌트에 검색 버튼을 추가하여 사용자 경험을 개선했습니다. lucide-react 라이브러리의 Search 아이콘을 import 하고, 버튼 클릭 시 검색 로직을 수행하도록 구현했습니다. 버튼의 스타일과 상호작용을 정밀하게 조정하여 깔끔한 디자인을 완성했습
AddressInput에 검색 버튼 추가
🤖 384 in / 509 out / 893 total tokens 주소 입력 컴포넌트에 돋보기 아이콘 검색 버튼을 추가했다. lucide-react에서 Search 아이콘을 임포트하고, 입력 필드 우측에 버튼을 배치했다. 기존 레이아웃을 건드리지 않으면서 자연스럽게 녹아들도록 absolute 포지션으로 처리했다. 간단한 변경이지만 사용자가 검색 가능