Nan Kyung Lee
6b5d5f89dd
feat(weather): 지역별 기상정보 패널 글자 사이즈 조정 + 시각화 개선
...
- 패널 폭 380px → 320px 축소
- 전체 폰트 사이즈 컴팩트화 (큰 숫자 4xl→18px, 본문 xs→9px)
- 핵심 지표 3칸 카드 (풍속/파고/수온) 상단 배치, 등급별 색상
- 풍향 컴파스 SVG (N/E/S/W + 화살표, 풍속 색상 연동)
- 풍속/파고 게이지 바 (진행률 + 등급 색상)
- 파도 4칸 그리드 (유의파고/최고파고/주기/파향)
- 수온·공기·염분 3칸 그리드
- 천문·조석 4칸 그리드 (일출/일몰/월출/월몰)
- 날씨 특보 배지 스타일 개선
- 전체 패딩 축소로 더 많은 정보 한눈에 표시
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-17 08:40:57 +09:00
3fc8f03238
refactor(css): 인라인 스타일 → Tailwind 유틸리티 클래스 변환 (Phase 2, ~990건)
...
Phase 2: 정적 인라인 스타일을 Tailwind className으로 변환
- common/: MapView, BacktrackReplayBar, LoginPage, LayerTree, ComboBox, SubMenuBar
- hns/: HNSSubstanceView, HNSScenarioView, HNSView, HNSLeftPanel 등 8파일
- prediction/: BoomDeploymentTheoryView, OilBoomSection, RecalcModal, RightPanel 등 8파일
- incidents/: IncidentsView, IncidentsLeftPanel, IncidentsRightPanel
- rescue/: RescueScenarioView
- aerial/: SatelliteRequest, AerialTheoryView
- assets/: ShipInsurance, AssetTheory, AssetManagement 등 5파일
- board/: BoardView
- reports/: ReportsView, OilSpillReportTemplate, ReportGenerator
- weather/: WeatherMapOverlay, WeatherView, WeatherRightPanel
변환 패턴: color/background/border/borderRadius/display/flex/gap/fontSize/fontWeight → Tailwind
동적 스타일(rgba, gradient, 삼항 조건부, 런타임 변수)은 style prop에 유지
JS 번들: 2,921KB → 2,897KB (-24KB)
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-01 11:24:13 +09:00
f099ff29b1
refactor(frontend): 탭 단위 패키지 구조 전환 (tabs/)
...
- 11개 탭 디렉토리 생성: tabs/{prediction,hns,rescue,weather,incidents,aerial,board,reports,assets,scat,admin}/
- 51개 컴포넌트를 역할 기반(views/, analysis/, layout/) → 탭 기반(tabs/) 구조로 이동
- weather 탭에 전용 hooks/, services/ 포함
- incidents 탭에 전용 services/ 포함
- 공통 지도 컴포넌트(MapView, BacktrackReplay)를 common/components/map/으로 이동
- 각 탭에 index.ts 생성하여 View 컴포넌트 re-export
- App.tsx import를 @tabs/ alias 사용으로 변경
- 전체 import 경로 수정 (탭 내부 상대경로, 외부 @common/ alias)
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-28 14:08:34 +09:00
