
프론트엔드
모바일 앱의 여기서 재탐색 기능 개선!
두줄요약
모바일 지도 검색에서 고정 반경 방식의 한계를 짚고, 화면 노출 영역 기준 박스 검색으로 개선한 사례를 소개했습니다. 디바이스별 차이를 반영해 더 정확한 재탐색을 구현했습니다.
문제 상황
- 동일한 줌 레벨이라도 디바이스별 화면 크기와 해상도 차이로 지도 노출 범위가 달라지는 문제
- 중앙 좌표와 줌 레벨 기반의 고정 반경 검색으로는 실제 보이는 영역과 검색 결과가 어긋나는 문제
- 마커가 화면 밖에 찍히거나 화면 내에 제휴점이 없다고 잘못 인식되는 UX 혼선
원인 분석
- 줌 레벨-반경 매핑 테이블이 디바이스별 지도 범위 차이와 미세한 줌 변화까지 충분히 반영하지 못하는 한계
- 지도 화면의 실제 노출 영역이 중앙점 기준 원형 반경과 일치하지 않는 구조
해결 방법
- 중앙 좌표·줌 레벨 대신 현재 화면의 남서/북동 좌표를 전달하는 박스 검색으로 전환
- 필요 시 넓은 영역에서는 중앙 기준 반경 검색을 혼용해 서버 부하와 비즈니스 정책을 함께 고려
적용해볼 점
- 지도 기반 기능은 화면에 보이는 실제 영역을 기준으로 검색 인터페이스를 설계할 필요
- 디바이스별 화면 차이와 줌 변화 특성을 반영한 검색 방식 검토 필요
