구성도

Architecture

1. 개요

구성도는 운영 중인 시스템의 구성 요소(LB, 웹방화벽, 웹서버, DB 등)를 Mermaid 기반 다이어그램 코드로 작성·관리하는 기능입니다. 시스템 간 연결 관계와 흐름을 시각적으로 표현함으로써, 운영자가 인프라 구조를 빠르게 이해하고 장애/보안 이슈 발생 시 원인 분석과 대응을 효율화할 수 있습니다.

---

2. 구성도 목록(리스트) 화면

2.1 화면 설명

등록된 구성도 목록이 표 형태로 제공되며, 각 구성도는 타입 / 제목 / 수정자 / 수정일 / 등록자 / 등록일 정보를 포함합니다.

2.2 주요 기능

• 검색

  • 검색 대상: 제목, 수정자, 등록자

  • 키 선택 후 검색 가능

• 제목 클릭

  • 제목 클릭 시 구성도가 새 창으로 열리며, 다이어그램이 표시됩니다.

• 수정 아이콘(⚙ 등)

  • 아이콘 클릭 시 구성도 수정 페이지로 이동

• 등록 버튼

  • 신규 구성도 등록 페이지로 이동

• 삭제

  • 단일/멀티 삭제 지원

---

3. 구성도 보기(새 창)

목록에서 제목을 클릭하면 구성도 새 창이 열리고, 작성된 Mermaid 다이어그램이 표시됩니다. 이 화면을 통해 운영자는 시스템 연결 구조를 직관적으로 확인할 수 있습니다.

---

4. 구성도 등록/수정 페이지

4.1 입력 항목

구성도 등록(또는 수정) 화면에서 아래 정보를 입력합니다.

• 타입(Type)

  • 선택 항목:

    • 랙 배치도

    • 네트워크

    • 서비스 아키텍처

    • 트래픽 흐름(패킷 플로우)

    • 보안관제•포렌식 워크플로우

    • 인증•세션 시퀀스

    • 에이전트•장비 상태(상태전이도)

    • 이벤트•로그 ERD(데이터 모델)

    • Gantt 차트

    • 의사결정 트리•정책 플로우

    • 조직도•R&R

    • 사고 타임라인

  • 타입 선택 시 해당 타입의 코드 예시가 나타납니다.

• 제목(Title)

  • 구성도 제목 입력

• 코드(Code)

  • Mermaid 문법 기반의 다이어그램 코드 작성

  • “예시” 클릭 시 하단에 샘플 코드 노출(타입별 제공)

---

4.2 미리보기(Preview)

작성한 Mermaid 코드를 실제 다이어그램으로 확인할 수 있습니다.

• 미리보기 클릭 시 팝업 호출

• mermaid live(https://mermaid.live/) 연동

---

4.3 복사(Copy)

• “복사” 버튼 클릭 시 코드가 복사됩니다.

---

5. AI 코드 점검

구성도 작성 코드에 대해 AI로 점검/분석을 수행할 수 있습니다.

• 관리 > 연동 > AI가 ON일 때 버튼 노출

• 클릭 시 AI 분석 팝업 호출

  • 서비스 선택(예: ChatGPT, Claude 등) → 확인 → 분석 진행

※ 구성도 페이지에서는 사용자 프롬프트를 별도로 설정하지 않으며, 파일/깃 기반으로 프롬프트를 관리합니다.

---

6. Mermaid 코드 예시

- 랙 배치도 예시

flowchart LR
  Internet(((Internet)))
  subgraph DMZ["DMZ"]
    WAF[WAF]
    LB[Load Balancer]
    VPN[SSL VPN]
  end

  subgraph PROD["Production Network"]
    App1[App Server]
    App2[App Server]
    DB[(DB Cluster)]
  end

  subgraph MGMT["Management Network"]
    Bastion[Bastion Host]
    Admin[Admin PC]
  end

  Internet --> WAF --> LB --> App1
  LB --> App2
  App1 --> DB
  App2 --> DB

  Admin --> Bastion --> App1
  Admin --> Bastion --> DB
  Internet --> VPN --> Bastion

---

7. 활용 목적

구성도 기능은 아래 목적을 위해 활용됩니다.

• 시스템 구조 표준화 및 문서화

• 인수인계/장애 대응 시 빠른 이해 지원

• 공격 흐름/네트워크 경로 확인을 통한 보안 분석 보조

• 운영 환경 변경 사항의 시각화 관리