1) 문제점
- 다수 드론 탐지 시 위치 및 상태를 직관적으로 파악하기 어려움
- 실시간 데이터 처리 시 시스템 부하 및 안정성 이슈
- 탐지 정보가 분산되어 있어 통합 모니터링의 필요성
2) 프로젝트 목표
- 다수 드론을 동시에 실시간 탐지·모니터링할 수 있는 웹 시스템 구축
- 지도 기반 시각화를 통한 상황 인지 능력 향상
- 실시간 데이터 처리에 안정적인 백엔드 구조 설계
3) 주요 관점
- 실시간 데이터 처리 안정성
- 직관적인 지도 기반 UI
- 확장 가능한 시스템 아키텍처

본 프로젝트는 기업 연구 용역으로 진행된 웹 기반 안티드론 탐지 및 모니터링 시스템 개발 프로젝트입니다.

다수의 드론을 동시에 탐지하여 지도 기반으로 위치, 반경, 상태 정보를 실시간으로 시각화하고,
수집된 데이터를 기반으로 운영자가 직관적으로 상황을 파악하고 대응할 수 있도록 설계되었습니다.

프론트엔드는 React 기반으로 구축되었으며, 실시간 데이터 반영을 위해 상태 관리 및 비동기 처리 구조를 설계하였습니다.
지도 인터페이스는 React-Leaflet을 활용하여 드론 위치 및 탐지 반경을 시각화하였고,
Framer Motion을 통해 모니터링 화면의 가독성과 사용자 경험을 개선했습니다.

백엔드는 Node.js와 MongoDB를 기반으로 구성되었으며,
드론 탐지 데이터의 실시간 처리를 위해 RabbitMQ 메시지 큐를 도입하여
데이터 수신, 처리, 저장을 분리한 안정적인 구조로 구현했습니다.

기획 단계부터 UI/UX 설계, 프론트엔드·백엔드 개발 전반에 참여하였으며,
보안 및 연구 목적 프로젝트 특성을 고려해 확장성과 유지보수성을 중점으로 개발을 진행했습니다.