SYN_flooding/
├── frontend/ # React + Next.js + Express
│ ├── next-app/ # Next.js (UI / 페이지)
│ │ ├── app/ # (Next 15) 페이지 라우팅
│ │ ├── components/ # 재사용 UI 컴포넌트 <- radix-ui 혹은 lucide-ui를 추천함.
│ │ ├── hooks/ # React hooks(mobile 등)
│ │ ├── lib/ # 클라이언트 유틸 (API 호출 등)
│ │ ├── public/ # 정적 자원(로고 등)
│ │ ├── styles/ # globals.css
│ │ ├── package.json
│ │ └── next.config.js
│ │
│ ├── express-server/ # Express 중간 계층 (API Gateway)
│ │ ├── src/
│ │ │ ├── routes/ # /api/v1/* 라우터 정의
│ │ │ ├── middlewares/ # 인증, 로깅, 에러 처리
│ │ │ ├── controllers/ # FastAPI 호출 로직
│ │ │ ├── services/ # Supabase, Auth 관련
│ │ │ ├── utils/
│ │ │ ├── app.ts
│ │ │ └── server.ts
│ │ ├── package.json
│ │ └── tsconfig.json
│ │
│ ├── dockerfile # 풀스택 dockerfile
│ └── .env # 포트, Auth, Supabase, 라우팅 설정(express)
│
├── backend/ # FastAPI (Core backend / AI Orchestration)
│ ├── app/
│ │ ├── api/ # /v1/... 라우터
│ │ │ ├── v1/
│ │ │ │ ├── datasets.py
│ │ │ │ ├── jobs.py
│ │ │ │ ├── models.py
│ │ │ │ └── reports.py
│ │ ├── core/ # 설정, 보안, 로깅
│ │ │ ├── config.py
│ │ │ ├── security.py
│ │ │ ├── dependencies.py
│ │ ├── services/ # 비즈니스 로직
│ │ │ ├── data_handler.py
│ │ │ ├── job_manager.py #
│ │ │ ├── report_service.py
│ │ ├── db/
│ │ │ ├── models.py # SQLAlchemy ORM
│ │ │ ├── schemas.py # Pydantic
│ │ │ ├── session.py
│ │ │ └── migrations/
│ │ ├── utils/
│ │ │ ├── logger.py
│ │ │ └── file_io.py
│ │ ├── main.py # FastAPI entrypoint
│ │ └── init.py
│ ├── tests/
│ ├── dockerfile # 백엔드 dockerfile
│ └── .env # supabase, JWT, Celery & Redis, DB
│
├── mlops/ # Airflow + MLFlow (오케스테레이션)
│ ├── dags/ # Airflow DAG scripts
│ ├── scripts/ # 모델 학습, 평가 스크립트
│ ├── dockerfile
│ ├── airflow.cfg
│ └── requirements.txt
│
├── docker-compose.yml # 컨테이너 전체 오케스트레이션
├── prometheus.yml # 모니터링 설정
├── jenkinsfile # CI/CD 파이프라인
└── README.md