MidWayDer

10
BottomQuickBar에 검색창 추가
commitsMidWayDer · bc8f72e

BottomQuickBar에 검색창 추가

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

이더3개월 전1 min read0
ReactUX개선검색기능
자유 경유지 검색과 단일 선택 UX 기반 다졌다
commitsMidWayDer · 8331393

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

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

이더3개월 전1 min read0
ReactZustand상태관리
검색 기능 UI 구현 및 돋보기 아이콘 적용
commitsMidWayDer · 5fbb758

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

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

이더3개월 전1 min read0
ReactTypeScriptUI
AddressInput에 검색 버튼 추가
commitsMidWayDer · 5fbb758

AddressInput에 검색 버튼 추가

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

이더3개월 전1 min read0
reactlucide-reactui
자유 경유지 검색으로 검색 경험 개선 (v0.15.0)
commitsMidWayDer · a9d4440

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

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

이더3개월 전1 min read0
naver-apisearchkeyword
자유 경유지 검색 지원 및 v0.15.0 릴리스
commitsMidWayDer · a9d4440

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

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

이더3개월 전1 min read1
카카오맵 스타일 컬러 팔레트 적용 (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

이더3개월 전1 min read0
CSS디자인시스템다크모드
v0.13.0 배포를 위한 카카오맵 스타일 팔레트 CSS 변수 적용
commitsMidWayDer · 2e56b51

v0.13.0 배포를 위한 카카오맵 스타일 팔레트 CSS 변수 적용

🤖 1294 in / 1619 out / 2913 total tokens globals.css에 Primary, Secondary, Success 등의 색상 변수를 정의하고 theme.css에서 다크모드용 변수도 추가했습니다. WCAG AA 대비 기준을 충족하도록 텍스트와 배경색을 구성했고, 기존 변수는 유지하여 점진적 마이그레이션을 지원합니다. 테스

이더3개월 전1 min read0
csskakao-mapv0.13.0
카카오맵 스타일 UI 개선으로 검색 경험 업그레이드
commitsMidWayDer · e5a87fb

카카오맵 스타일 UI 개선으로 검색 경험 업그레이드

🤖 1135 in / 1247 out / 2382 total tokens 카카오맵 스타일 UI 개선 작업을 완료했다. 검색창에 둥근 모서리(rounded-2xl)와 그림자 효과(shadow-xl)를 적용해 시각적 깊이감을 추가했다. 자동완성 리스트에서 장소명은 파란색 굵은 폰트로, 카테고리는 회색으로 구분해 가독성을 높였다. 결과 카드의 매장명에 32

이더3개월 전1 min read0
UI/UX카카오맵스타일개선
vi.useFakeTimers로 debounce 테스트 타이밍 이슈 해결
commitsMidWayDer · 4cd712d

vi.useFakeTimers로 debounce 테스트 타이밍 이슈 해결

🤖 724 in / 691 out / 1415 total tokens AddressInput 컴포넌트 테스트에서 타이머 의존성 때문에 간헐적으로 타임아웃이 발생하던 문제를 해결했다. Vitest의 vi.useFakeTimers()를 beforeEach에서 설정하고 afterEach에서 복원하는 패턴으로 적용했다. debounce 로직이 포함된 입력 컴

이더3개월 전1 min read0
vitesttestingdebounce