diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx index 50388b5..e615291 100644 --- a/frontend/src/app/page.tsx +++ b/frontend/src/app/page.tsx @@ -344,7 +344,7 @@ export default function Home() { navigator.geolocation.getCurrentPosition( (pos) => { setUserLoc({ lat: pos.coords.latitude, lng: pos.coords.longitude }); - setRegionFlyTo({ lat: pos.coords.latitude, lng: pos.coords.longitude, zoom: 16 }); + setRegionFlyTo({ lat: pos.coords.latitude, lng: pos.coords.longitude, zoom: 17 }); }, () => setRegionFlyTo({ lat: 37.498, lng: 127.0276, zoom: 16 }), { timeout: 5000 }, diff --git a/frontend/src/components/RestaurantList.tsx b/frontend/src/components/RestaurantList.tsx index f634754..a9aca30 100644 --- a/frontend/src/components/RestaurantList.tsx +++ b/frontend/src/components/RestaurantList.tsx @@ -44,28 +44,44 @@ export default function RestaurantList({ : "bg-surface border-gray-100 dark:border-gray-800 hover:bg-gray-50 dark:hover:bg-gray-800" }`} > -
-

+ {/* 1줄: 식당명 + 지역 + 별점 (전체 폭) */} +
+

{r.name}

+ {r.region && ( + {r.region} + )} {r.rating && ( - - ★ {r.rating} - + ★ {r.rating} )}
-
- {r.cuisine_type && ( - {r.cuisine_type} - )} - {r.price_range && ( - {r.price_range} + {/* 2줄: 종류/가격(왼) + 유튜브채널(우) */} +
+
+ {r.cuisine_type && ( + {r.cuisine_type} + )} + {r.price_range && ( + {r.price_range} + )} +
+ {r.channels && r.channels.length > 0 && ( +
+ {r.channels.map((ch) => ( + + + {ch} + + ))} +
)}
- {r.region && ( -

{r.region}

- )} + {/* 3줄: 태그 (전체 폭) */} {r.foods_mentioned && r.foods_mentioned.length > 0 && (
{r.foods_mentioned.slice(0, 5).map((f, i) => ( @@ -81,19 +97,6 @@ export default function RestaurantList({ )}
)} - {r.channels && r.channels.length > 0 && ( -
- {r.channels.map((ch) => ( - - - {ch} - - ))} -
- )} ))}