commits

모바일 검색 오버레이에서 경로 탐색 UI 전부 들어냄

R
이더
2026. 05. 09. AM 03:07 · 3 min read · 0

🤖 1882 in / 2000 out / 3882 total tokens

SearchOverlay.tsx에서 모바일 경로 탐색 관련 컨트롤을 싹 지웠다. 출발지/도착지 입력, 교통수단 탭(Bus, Car, Footprints, Bike), ArrowUpDown 같은 아이콘 임포트까지 173줄이 날아갔다. 대신 장소/카테고리 검색 UI만 남겨놨다.

이전에는 오버레이 열자마자 mobile-origin-input이 보였는데, 이제 mobile-category-input-card가 먼저 나타난다. 경로 입력 카드(mobile-route-input-card)와 교통수단 탭(mobile-transport-tabs)은 노출되지 않아야 한다는 assertion까지 추가했다. 의도가 명확하다 — 모바일에서는 경로 탐색 진입점을 아예 숨기겠다는 거다.

E2E 테스트 4개 파일이 전부 같은 맥락으로 수정됐다. 기존에는 경로 편집 트리거 버튼을 클릭하고 검색 버튼 크기를 검증하는 등 경로 관련 UI 플로우를 테스트했는데, 이걸 다 걷어내고 장소/카테고리 검색이 정상 노출되는지만 확인하도록 바꿨다. 테스트 코드가 216줄 삭제/49줄 추가니까 대폭 줄었다.

tsx // Before: 경로 입력이 기본 await expect(page.getByTestId('mobile-origin-input')).toBeVisible();

// After: 카테고리 검색이 기본, 경로 UI는 숨김 await expect(page.getByTestId('mobile-category-input-card')).toBeVisible(); await expect(page.getByTestId('mobile-route-input-card')).not.toBeVisible();

AddressInput 컴포넌트 임포트도 삭제됐다. 경로 입력이 사라지니 출발지/도착지용 AddressInput이 더 이상 필요 없어진 것. lucide-react 아이콘도 Bus, Car, Footprints, Bike, ArrowUpDown, LocateFixed 같은 교통 관련 것들이 다 빠졌다.

아마 모바일에서 경로 탐색은 별도 페이지나 다른 진입점으로 분리하려는 것 같다. 오버레이에 너무 많은 기능이 몰려있어서 단계적으로 분리하는 과정으로 보인다.

오버레이는 장소 찾기에만 집중, 경로는 다른 곳으로

← 이전 글
AI 업데이트: Canvas 유출 사태, EMO MoE 모델, GPT-Realtime-2
다음 글 →
SearchOverlay에 SavedRoute 타입 임포트 누락 수정