검색창을 button으로 변경하여 UX 개선
commitsMidWayDer · d8be9c3

검색창을 button으로 변경하여 UX 개선

🤖 389 in / 612 out / 1001 total tokens 검색창을 input에서 button으로 교체했다. 기존엔 input을 클릭하면 검색 오버레이가 열리는 구조였다. 문제는 실제로 텍스트를 입력할 수 없는데 input처럼 보인다는 점. 사용자가 커서가 깜빡이는 걸 보고 입력을 시도하다 혼란을 겪을 수 있다. 그래서 아예 button으

이더2026.03.051 min read
UXReact리팩토링
검색창 readOnly 속성 제거로 직접 입력 가능하게 수정
commitsMidWayDer · f3fcd4e

검색창 readOnly 속성 제거로 직접 입력 가능하게 수정

🤖 381 in / 842 out / 1223 total tokens 검색창에서 텍스트를 직접 입력할 수 있도록 readOnly 속성을 제거했다. 기존에는 검색 입력창을 클릭하면 검색 오버레이만 열리고, 실제 텍스트 입력은 불가능했다. 사용자 입장에서는 입력창인데 타이핑이 안 되니 자연스럽지 않은 경험이었을 것. 이제 검색창에 직접 텍스트를 입력할

이더2026.03.051 min read
reactuxfix
검색창 readOnly 제거 및 입력 기능 보완
commitsMidWayDer · f3fcd4e

검색창 readOnly 제거 및 입력 기능 보완

🤖 381 in / 1366 out / 1747 total tokens 검색창의 읽기 전용 속성을 제거하여 사용자가 직접 텍스트를 입력할 수 있도록 수정했습니다. 클릭 시 키보드가 정상적으로 뜨도록 처리하고, 우측 여백을 조정하여 아이콘과 텍스트 간 간격을 개선했습니다. 이제 원하는 장소를 직접 검색할 수 있는 UX를 구현했습니다.

이더2026.03.051 min read
ReactUXInput
BottomQuickBar에 검색창 추가
commitsMidWayDer · bc8f72e

BottomQuickBar에 검색창 추가

🤖 411 in / 811 out / 1222 total tokens 바텀 시트에서 바로 검색할 수 있게 됐다. 기존엔 즐겨찾기 목록만 보이던 BottomQuickBar에 검색창을 새로 추가했다. 사용자가 별도 화면 전환 없이 하단 영역에서 곧바로 검색어를 입력할 수 있어, 경유지 탐색 플로우가 한결 매끄러워졌다. 검색창은 px-5, pb-3 패딩으

이더2026.03.051 min read
ReactUX개선검색기능
자유 경유지 검색과 단일 선택 UX 기반 다졌다
commitsMidWayDer · 8331393

자유 경유지 검색과 단일 선택 UX 기반 다졌다

🤖 1079 in / 651 out / 1730 total tokens 자유 경유지 검색 기능의 토대를 마련했다. Phase 1, 2를 완료하고 Phase 3의 상태 관리까지 추가했다. API 레이어에서 searchType을 calculateDetourCosts 함수로 전달하도록 수정했다. 카테고리 검색과 키워드 검색의 자동 전환을 지원하기 위함이다

이더2026.03.051 min read
ReactZustand상태관리
검색 기능 UI 구현 및 돋보기 아이콘 적용
commitsMidWayDer · 5fbb758

검색 기능 UI 구현 및 돋보기 아이콘 적용

🤖 384 in / 1388 out / 1772 total tokens AddressInput 컴포넌트에 검색 버튼을 추가하여 사용자 경험을 개선했습니다. lucide-react 라이브러리의 Search 아이콘을 import 하고, 버튼 클릭 시 검색 로직을 수행하도록 구현했습니다. 버튼의 스타일과 상호작용을 정밀하게 조정하여 깔끔한 디자인을 완성했습

이더2026.03.051 min read
ReactTypeScriptUI
AddressInput에 검색 버튼 추가
commitsMidWayDer · 5fbb758

AddressInput에 검색 버튼 추가

🤖 384 in / 509 out / 893 total tokens 주소 입력 컴포넌트에 돋보기 아이콘 검색 버튼을 추가했다. lucide-react에서 Search 아이콘을 임포트하고, 입력 필드 우측에 버튼을 배치했다. 기존 레이아웃을 건드리지 않으면서 자연스럽게 녹아들도록 absolute 포지션으로 처리했다. 간단한 변경이지만 사용자가 검색 가능

이더2026.03.051 min read
reactlucide-reactui
자유 경유지 검색 지원 및 v0.15.0 릴리스
commitsMidWayDer · a9d4440

자유 경유지 검색 지원 및 v0.15.0 릴리스

🤖 1297 in / 1241 out / 2538 total tokens Naver Local Search API를 연동해 '홍대입구역' 등 자유 텍스트 검색 기능을 추가했습니다. 카테고리와 키워드 검색을 자동으로 감지해 처리하며 검색창 플레이스홀더를 개선했습니다. 검증 로직을 확장해 658개의 테스트를 모두 통과했습니다.

이더2026.03.051 min read
자유 경유지 검색으로 검색 경험 개선 (v0.15.0)
commitsMidWayDer · a9d4440

자유 경유지 검색으로 검색 경험 개선 (v0.15.0)

🤖 1297 in / 1101 out / 2398 total tokens 이제 '홍대입구역', '이태원 맛집', '다이소 강남점' 같은 자유 텍스트로 경유지 검색이 가능하다. Naver Local Search API를 활용해 키워드 기반 검색을 지원한다. 기존엔 카테고리 기반 검색만 됐는데, searchType 자동 감지 로직을 추가해 카테고리와 키

이더2026.03.051 min read
naver-apisearchkeyword
카카오맵 스타일 컬러 팔레트 적용 (v0.13.0)
commitsMidWayDer · 2e56b51

카카오맵 스타일 컬러 팔레트 적용 (v0.13.0)

🤖 1294 in / 764 out / 2058 total tokens MidWayDer에 카카오맵 스타일의 컬러 팔레트를 CSS 변수로 정의했다. Primary(3274F9), Secondary(FF6B00), Success(4CAF50) 세 가지 핵심 색상을 기반으로, 다크모드용 변형 색상까지 함께 추가했다. globals.css와 theme.c

이더2026.03.051 min read
CSS디자인시스템다크모드