AI 서비스 데모

만든 사람 최정현

AI 데모 환경과 AI SRE 장애 대응 흐름을 Mermaid로 볼 수 있어요.

Live collection

4개 공개 · 2개 개발 중이에요
나중에 해도 돼요

잠깐! 원활한 데모를 위해 Mattermost 를 설치해주세요

Mattermost는 AI SRE가 장애 로그를 분석한 결과를 실제로 보내는 팀 메신저예요. 채널은 알림 하나뿐이고, 들어오지 않아도 다른 데모는 모두 볼 수 있어요.

Google Play에서 다운로드하기 App Store에서 다운로드하기 웹으로 바로 열기
설치 방법 · 서버 주소 · 데모 계정
  1. 웹으로 여는 게 제일 빨라요 — 설치 없이 [웹으로 바로 열기] 하나면 돼요.
  2. 앱으로 쓰려면 Mattermost 를 설치하고 서버 주소에 이걸 넣어주세요.
    https://kjbank.duckdns.org/mattermost
  3. 로그인은 데모 계정으로 해주세요.
    guest / demo1234!     가입은 막아두었어요. 이 계정 하나로 함께 써요.

공개 데모라 여기 남긴 글은 누구나 볼 수 있어요. 개인적인 내용은 적지 말아주세요.

Server architecture

서버 구조

모든 데모가 서버 한 대 위에서 nginx 하나를 지나요. 아래 첫 그림은 들어와서 로그인하고 도구를 쓰기까지, 둘째 그림은 AI SRE가 장애를 감지해 알림까지 가는 길이에요.

  • 진입
  • 데모
  • 메트릭
  • 경보
  • 로그
  • AI 분석
  • 알림

1 · 들어오는 길과 로그인, 그리고 MCP

architecture-beta
    group entry(server)[AI 데모 환경 · 홈서버]

    service visitor(internet)[방문자]
    service front(brand:nginx)[Edge nginx] in entry
    service open(server)[무인증 데모 넷] in entry
    service sso(server)[통합 로그인] in entry
    service idp(server)[Keycloak] in entry
    service coder(server)[AI Coder] in entry
    service mcp(server)[MCP 게이트웨이] in entry
    service biz(database)[여신심사 관리시스템] in entry
    service llm(internet)[OpenRouter]

    visitor:B --> T:front
    front:L --> R:open
    front:R --> L:coder
    front:B --> T:sso
    sso:R --> L:idp
    coder:B --> T:mcp
    mcp:R --> L:biz
    coder:R --> L:llm

2 · 장애가 나면 알림까지

architecture-beta
    group demo(server)[AI 데모 환경]

    service user(internet)[방문자 · 브라우저]
    service edge(brand:nginx)[Edge nginx] in demo
    service gallery(server)[Demo gallery] in demo
    service demos(server)[AI BA · AICC · AI QA] in demo
    service grafana(brand:grafana)[Grafana] in demo
    service prometheus(brand:prometheus)[Prometheus] in demo
    service nodeexp(server)[홈서버 지표] in demo
    service target(server)[관측 대상 · 거래 서비스] in demo
    service alertmanager(server)[Alertmanager] in demo
    service alloy(brand:alloy)[Alloy] in demo
    service loki(brand:loki)[Loki] in demo
    service aisre(server)[AI SRE] in demo
    service mattermost(brand:mattermost)[Mattermost · 알림] in demo
    service openrouter(internet)[OpenRouter AI]

    user:B --> T:edge
    edge:L --> R:gallery
    edge:B --> T:demos
    edge:R --> L:grafana
    grafana:R --> L:prometheus
    prometheus:T --> B:nodeexp
    prometheus:R --> L:target
    prometheus:B --> T:alertmanager
    target:B --> T:alloy
    alloy:R --> L:loki
    alertmanager:B --> T:aisre
    loki:B --> T:aisre
    aisre:R --> L:mattermost
    aisre:B --> T:openrouter

    align column user edge
    align row gallery edge
    align column edge demos
    align row edge grafana
    align column nodeexp prometheus
    align row grafana prometheus target
    align row alertmanager alloy loki
    align column prometheus alertmanager
    align column target alloy
    align column loki aisre
    align row aisre mattermost
    align column aisre openrouter

아이콘 · SVG Logos (CC0) · selfh.st/icons (CC BY 4.0)

열기