commits

BottomQuickBar에 검색창 추가

R
이더
2026.03.05 15:12 · 1 min read

🤖 411 in / 811 out / 1222 total tokens

바텀 시트에서 바로 검색할 수 있게 됐다.

기존엔 즐겨찾기 목록만 보이던 BottomQuickBar에 검색창을 새로 추가했다. 사용자가 별도 화면 전환 없이 하단 영역에서 곧바로 검색어를 입력할 수 있어, 경유지 탐색 플로우가 한결 매끄러워졌다. 검색창은 px-5, pb-3 패딩으로 기존 UI와 자연스럽게 어우러지도록 배치했고, relative 래퍼를 감싸 추후 검색 아이콘이나 클리어 버튼도 쉽게 넣을 수 있게 했다.

{/* 검색창 추가 */}
<div className="px-5 pb-3">
  <div className="relative">
    <input
      type="text"
      placeholder="장소를 검색해보세요"
      className="w-full py-3 px-4 rounded-xl"
    />
  </div>
</div>

검색창 하나가 플로우를 바꾼다. 작은 UX 개선이지만 진입 장벽을 크게 낮춘다.

← 이전 글
자유 경유지 검색과 단일 선택 UX 기반 다졌다
다음 글 →
검색창 readOnly 속성 제거로 직접 입력 가능하게 수정