flyTo1 [React] 지도를 '쓰고 싶게' 만드는 UX 디테일 5가지 (바텀시트·flyTo·펄스 애니메이션) 📌 이 글의 핵심 요약핵심 내용: 기능만 있던 지도에 "쓰고 싶은 감성"을 입히는 5가지 UX 디테일주요 포인트: 바텀 시트, 지역 퀵 이동(flyTo), 색상 범례, 고점수 펄스 애니메이션, fitBounds 자동 줌기대 효과: 정보를 누르고 싶고, 좋은 스팟이 한눈에 들어오고, 첫 화면부터 답답하지 않은 지도적용 시점: 1편(클러스터링)으로 마커 표시가 끝난 뒤, 실사용 단계📚 시리즈 구성이 글은 Whale-Log 지도 기능 구현 시리즈의 2편입니다.1편: Supercluster로 마커 클러스터링하기2편: 지도 UX 디테일 5선 (현재 글)3편: 지도 운영기 (스팟 좌표 50개 보정 · 다크→라이트 전환 · 워터마크 제거)들어가며: 기능은 됐다, 이제 '감성'이다1편에서 마커가 수백 개여도 끊김 .. 2026. 6. 14. 이전 1 다음
