🌲 ForestFireNav
React + MapLibre + Deck.gl + WASM을 활용한 차세대 산불 대응 내비게이션 시스템
실시간 3D 시각화AI 기반 분석고성능 WASM 엔진
실시간 상황 관제 대시보드
MapLibre GL의 3D 지형 위에 Deck.gl을 통한 고성능 데이터 시각화를 실시간으로 제공합니다.
Loading map...
T+0/4
화선 파티클 설정고급
🔥
화재 확산 예측
실시간 AI 분석
WASM 기반 고성능 알고리즘으로 바람, 습도, 지형을 고려한 화재 확산을 실시간 예측합니다.
👥
현장대원 추적
GPS 실시간 모니터링
현장대원의 실시간 위치, 상태, 생체신호를 모니터링하여 안전한 작업 환경을 보장합니다.
🛣️
최적 대피 경로
AI 기반 경로 최적화
실시간 교통상황과 화재 위치를 분석하여 가장 안전하고 빠른 대피 경로를 제안합니다.
🌤️
기상 데이터 통합
실시간 기상 모니터링
풍속, 풍향, 습도, 기온 등 실시간 기상 데이터를 통합하여 정확한 상황 판단을 지원합니다.
핵심 기술 스택
프론트엔드 기술
- Next.js 15: 최신 React 프레임워크
- TypeScript: 타입 안전성 보장
- Tailwind CSS: 반응형 UI 스타일링
- Shadcn/ui: 모던 컴포넌트 라이브러리
시각화 & 성능
- MapLibre GL: 고성능 3D 지도 렌더링
- Deck.gl: WebGL 기반 데이터 시각화
- WebAssembly: 네이티브급 성능의 분석 엔진
- Web Workers: 멀티스레드 처리
하이브리드 렌더링
MapLibre GL의 3D 지형과 Deck.gl의 데이터 레이어를 완벽하게 통합한 하이브리드 렌더링 시스템
실시간 처리
WebSocket을 통한 실시간 데이터 스트리밍과 Context API 기반 상태 관리로 끊김 없는 업데이트
확장 가능한 아키텍처
모듈화된 컴포넌트와 훅 시스템으로 유지보수성과 확장성을 극대화한 설계
ForestFireNav - 차세대 산불 대응 내비게이션 시스템
Built with ❤️ using React, Next.js, MapLibre GL, Deck.gl, and WebAssembly