📊 시스템 구조도

선거 워룸(Election War-Room) 관리자 대시보드는 사용자(관리자·캠프) → HTML 페이지(12개) → Supabase 백엔드 → 데이터베이스로 이어지는 4계층 아키텍처로 구성됩니다. 사용자는 브라우저에서 HTML 페이지에 접근하고, 각 페이지는 Supabase JavaScript SDK를 통해 백엔드 API를 호출합니다. 백엔드는 candidates, notifications, reports, roles, files 등 핵심 테이블을 관리하며, CSS/JS 프론트엔드 자산이 모든 페이지에 공통 스타일과 인증 로직을 제공합니다. 이 구조도를 통해 각 컴포넌트 간 데이터 흐름과 의존 관계를 한눈에 파악할 수 있습니다.