구성도
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 코드 예시
- 랙 배치도 예시
7. 활용 목적
구성도 기능은 아래 목적을 위해 활용됩니다.
시스템 구조 표준화 및 문서화
인수인계/장애 대응 시 빠른 이해 지원
공격 흐름/네트워크 경로 확인을 통한 보안 분석 보조
운영 환경 변경 사항의 시각화 관리
Last updated