From 11641393125a23c67dbb1754bfb4e6b37fc2c2b0 Mon Sep 17 00:00:00 2001
From: joungmin <joungmin@joungmins-Mac-mini.local>
Date: Tue, 16 Jun 2026 17:29:28 +0900
Subject: [PATCH] =?UTF-8?q?feat(map):=20=EC=8B=9D=EB=8B=B9=20=EC=84=A0?=
 =?UTF-8?q?=ED=83=9D=20=EC=8B=9C=20=EC=A7=80=EB=8F=84=20=EC=9E=90=EB=8F=99?=
 =?UTF-8?q?=20=EC=A4=8C=EC=9D=B8/=EC=9D=B4=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 리스트/검색결과에서 식당 클릭 → setRegionFlyTo로 그 좌표 + zoom 16
- NaverMap/GoogleMap dispatcher 둘 다 panTo + setZoom
- 마커 selected 강조(1.15× 파란 박스)와 함께 동작

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 CHANGELOG.md              | 5 +++++
 frontend/src/app/page.tsx | 4 ++++
 2 files changed, 9 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index faa31a9..cd41957 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,11 @@
 
 ## 2026-06-16
 
+### 🎯 식당 선택 시 지도 자동 줌인/이동 (v0.1.62)
+- 리스트 / 검색결과에서 식당 클릭 → setRegionFlyTo로 그 식당 좌표 + zoom 16
+- 지도가 선택 식당으로 panTo + zoom — NaverMap/GoogleMap 둘 다
+- 마커의 selected 강조(1.15× + 파란 박스)와 함께 동작
+
 ### 🏷️ NaverMapView 마커에 식당명 박스 (v0.1.61)
 - 단순 동그라미 → GoogleMapView와 동일 핀 디자인(박스+화살표+식당명+cuisine 아이콘)
 - 채널별 배경/테두리/화살표 색상, 폐업(business_status CLOSED_*) 표시 회색 + 취소선
diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index bf22d6f..e488da7 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -385,6 +385,10 @@ export default function Home() {
   const handleSelectRestaurant = useCallback((r: Restaurant) => {
     setSelected(r);
     setShowDetail(true);
+    // 지도가 선택 식당으로 이동/줌인 — 객체 새로 만들어 flyTo effect 매번 트리거
+    if (r.latitude != null && r.longitude != null) {
+      setRegionFlyTo({ lat: r.latitude, lng: r.longitude, zoom: 16 });
+    }
   }, []);
 
   const handleCloseDetail = useCallback(() => {