diff --git a/frontend/src/tabs/weather/components/WeatherRightPanel.tsx b/frontend/src/tabs/weather/components/WeatherRightPanel.tsx index 2696665..7cfc678 100755 --- a/frontend/src/tabs/weather/components/WeatherRightPanel.tsx +++ b/frontend/src/tabs/weather/components/WeatherRightPanel.tsx @@ -133,12 +133,12 @@ export function WeatherRightPanel({ weatherData }: WeatherRightPanelProps) { -
-
풍향{windDir} {weatherData.wind.direction}°
-
기압{weatherData.pressure} hPa
-
1k 최고{Number(weatherData.wind.speed_1k).toFixed(1)}
-
3k 평균{Number(weatherData.wind.speed_3k).toFixed(1)}
-
가시거리{weatherData.visibility} km
+
+
풍향{windDir} {weatherData.wind.direction}°
+
기압{weatherData.pressure} hPa
+
1k 최고{Number(weatherData.wind.speed_1k).toFixed(1)}
+
3k 평균{Number(weatherData.wind.speed_3k).toFixed(1)}
+
가시거리{weatherData.visibility} km
{/* 풍속 게이지 바 */} @@ -153,22 +153,22 @@ export function WeatherRightPanel({ weatherData }: WeatherRightPanelProps) { {/* ── 파도 상세 ── */}
🌊 파도
-
-
-
{wHgt.toFixed(1)}m
-
유의파고
+
+
+
{wHgt.toFixed(1)}m
+
유의파고
-
-
{(wHgt * 1.6).toFixed(1)}m
-
최고파고
+
+
{(wHgt * 1.6).toFixed(1)}m
+
최고파고
-
-
{weatherData.wave.period}s
-
주기
+
+
{weatherData.wave.period}s
+
주기
-
-
NW
-
파향
+
+
NW
+
파향
{/* 파고 게이지 바 */} @@ -183,18 +183,18 @@ export function WeatherRightPanel({ weatherData }: WeatherRightPanelProps) { {/* ── 수온/공기 ── */}
🌡️ 수온 · 공기
-
-
-
{wTemp.toFixed(1)}°
-
수온
+
+
+
{wTemp.toFixed(1)}°
+
수온
-
-
2.1°
-
기온
+
+
2.1°
+
기온
-
-
31.2
-
염분(PSU)
+
+
31.2
+
염분(PSU)
@@ -204,10 +204,10 @@ export function WeatherRightPanel({ weatherData }: WeatherRightPanelProps) {
⏰ 시간별 예보
{weatherData.forecast.map((f, i) => ( -
+
{f.hour} - {f.icon} - {f.temperature}° + {f.icon} + {f.temperature}° {f.windSpeed}
))} @@ -217,17 +217,17 @@ export function WeatherRightPanel({ weatherData }: WeatherRightPanelProps) { {/* ── 천문/조석 ── */}
☀️ 천문 · 조석
-
+
{[ { icon: '🌅', label: '일출', value: sunriseTime }, { icon: '🌄', label: '일몰', value: sunsetTime }, { icon: '🌙', label: '월출', value: moonrise }, { icon: '🌜', label: '월몰', value: moonset }, ].map((item, i) => ( -
-
{item.icon}
-
{item.label}
-
{item.value}
+
+
{item.icon}
+
{item.label}
+
{item.value}
))}