From 997ecfd9dd35af24bb576091d4440fe620bf76ff Mon Sep 17 00:00:00 2001 From: GUARDiA AutoDeploy Date: Sat, 6 Jun 2026 12:57:01 +0900 Subject: [PATCH] =?UTF-8?q?feat(extend5):=20GUARDiA=205=EC=84=B8=EB=8C=80?= =?UTF-8?q?=20=ED=99=95=EC=9E=A5=207=EA=B0=9C=20=EB=9D=BC=EC=9A=B0?= =?UTF-8?q?=ED=84=B0=20=EA=B5=AC=ED=98=84=20+=20=ED=99=88=ED=8E=98?= =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EC=97=85=EB=8D=B0=EC=9D=B4=ED=8A=B8=20[au?= =?UTF-8?q?to-sync]?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/src/components/Icons.jsx | 7 --- frontend/src/pages/GuardiaDetail.jsx | 84 +++++++++++++++++++++++++--- 2 files changed, 77 insertions(+), 14 deletions(-) diff --git a/frontend/src/components/Icons.jsx b/frontend/src/components/Icons.jsx index d1b5211..f2cdd55 100644 --- a/frontend/src/components/Icons.jsx +++ b/frontend/src/components/Icons.jsx @@ -164,18 +164,11 @@ export const IconPencilRule= p => ; /* ── 추가 아이콘 ── */ -export const IconBell = p => ; -export const IconCalendar = p => ; export const IconHelpCircle=p => ; -export const IconFactory = p => ; -export const IconPackage = p => ; -export const IconCart = p => ; export const IconRuler = p => ; export const IconCog = p => ; export const IconKakao = p => ; export const IconPeople = p => ; export const IconHouse = p => ; export const IconEnvelope = p => ; -export const IconQuestion = p => ; -export const IconPerson = p => ; export const IconFire2 = p => ; diff --git a/frontend/src/pages/GuardiaDetail.jsx b/frontend/src/pages/GuardiaDetail.jsx index c1d1938..5d08644 100644 --- a/frontend/src/pages/GuardiaDetail.jsx +++ b/frontend/src/pages/GuardiaDetail.jsx @@ -207,6 +207,21 @@ const FEATURE_CATEGORIES = [ { title: '자립도 로드맵', desc: '현재 30% → 3개월 50% → 6개월 70% → 1년 85% "GUARDiA가 알아서 다 했습니다."' }, ], }, + { + id: 'extend5', + label: '5세대 확장 (NEW)', + icon: , + color: '#0EA5E9', + items: [ + { title: '레거시 현대화 자동화', desc: 'EOL 시스템 위험도 자동 평가·마이그레이션 로드맵 생성·기술 부채 지표화. lift-and-shift→refactor→replace 단계별 전환.' }, + { title: '통합 옵저버빌리티', desc: 'OpenTelemetry 에이전트리스 계측. 분산 트레이스→서비스 맵 자동 생성. 메트릭-로그-트레이스 3-in-1. SLO/에러 예산 실시간 추적.' }, + { title: 'AI-SOC 보안 운영센터', desc: '보안 이벤트 자동 상관분석. SOAR 플레이북 자동 실행. CVE→영향도→패치 우선순위 자동화. 인시던트 타임라인 자동 재구성.' }, + { title: '시민 접점 셀프서비스 포털', desc: '민원인 QR 스캔으로 IT 문제 직접 신고. SR 진행상황 SMS·카카오 자동 알림. RAG 기반 FAQ 챗봇. 공개 서비스 상태 페이지.' }, + { title: '데이터 거버넌스 자동화', desc: '개인정보(PII) 자동 탐지·마스킹. 개인정보보호법·공공데이터법 준수 자동 감사. 데이터 계보 추적(Data Lineage). 보존 기간 자동 관리.' }, + { title: '하네스 빌더 (노코드)', desc: 'ITSM 웹 UI에서 AI 에이전트 팀을 노코드로 생성·편집·실행·모니터링. 에이전트 정의 자동 생성. Ollama 기반 즉시 실행.' }, + { title: 'tmux 영속 터미널 관리', desc: '원격 서버 tmux 세션 생성·공유·분리·녹화. 다중 사용자 동시 접속. 위험 명령어 차단(rm -rf /, mkfs). 터미널 출력 검색·이력 관리.' }, + ], + }, ]; /* 하이라이트 카드 (히어로 섹션용) */ @@ -239,6 +254,13 @@ const FEATURES = [ { icon:, title:'자가수복 + 건강검진', desc:'매일 03:00 자동 테스트(69개). 장애 감지 시 서비스 자동 재시작 + 자동 보고.' }, { icon:, title:'자립도 측정 30→85%', desc:'5차원 자립도 점수. 현재 30% → 목표 85%. 주간 보고서 자동 발송. LoRA 파인튜닝 자동화.' }, { icon:, title:'git commit → 자동 배포', desc:'post-commit 훅. workspace 변경 감지 → Gitea push → webhook → 서버 자동 배포. 수동 불필요.' }, + { icon:, title:'레거시 현대화 자동화', desc:'EOL 위험도 자동 평가·기술 부채 지표화·마이그레이션 로드맵. lift-and-shift→refactor→replace 자동화.' }, + { icon:, title:'통합 옵저버빌리티 (OTel)', desc:'OpenTelemetry 에이전트리스. 분산 트레이스→서비스 맵 자동 생성. SLO/에러 예산 실시간 추적.' }, + { icon:, title:'AI-SOC 보안 운영센터', desc:'보안 이벤트 자동 상관분석. SOAR 플레이북 자동 실행. CVE→패치 우선순위 자동화. 위협 타임라인.' }, + { icon:, title:'시민 접점 셀프서비스 포털', desc:'QR 스캔으로 민원 신고. SMS·카카오 자동 알림. RAG FAQ 챗봇. 서비스 상태 페이지.' }, + { icon:, title:'데이터 거버넌스 & PII 자동화', desc:'개인정보 자동 탐지·마스킹. 개인정보보호법·공공데이터법 준수 자동 감사. 데이터 계보 추적.' }, + { icon:, title:'하네스 빌더 (노코드 AI)', desc:'웹 UI에서 AI 에이전트 팀을 노코드로 생성·실행·모니터링. Ollama 기반 즉시 실행. 스킬 자동 생성.' }, + { icon:, title:'tmux 영속 터미널 관리', desc:'원격 서버 tmux 세션 생성·공유·분리. 다중 사용자 동시 접속. 위험 명령어 자동 차단. 출력 검색.' }, ]; const EDITIONS = [ @@ -359,10 +381,10 @@ const TECH_STACK = [ export default function GuardiaDetail() { useSeoMeta({ - title: 'GUARDiA ITSM — AI 기반 공공기관 인프라 자율 운영 플랫폼 (185+ 기능)', - description: 'GUARDiA ITSM: 1,100개+ API, 185가지 이상 기능. 자가수복·자립도 측정·LoRA 파인튜닝·CI/CD 자동배포·서브도메인 HTTPS·ZTNA·SBOM·N²SF·IDP·GreenOps. 폐쇄망/개방망 지원.', + title: 'GUARDiA ITSM — AI 기반 공공기관 인프라 자율 운영 플랫폼 (210+ 기능)', + description: 'GUARDiA ITSM: 1,168개+ API, 210가지 이상 기능. 레거시 현대화·옵저버빌리티·AI-SOC·시민포털·데이터거버넌스·하네스빌더·tmux 세션. ZTNA·SBOM·N²SF·IDP·GreenOps·자가수복. 폐쇄망/개방망 지원.', path: '/solution/guardia', - keywords: 'GUARDiA ITSM, AI ITSM, 공공기관 인프라 자동화, 자가수복, 자립도, LoRA 파인튜닝, ChatOps, 에이전트리스, RAG 검색, Text-to-SQL, CMDB 자동 발견, 멀티클라우드, 나라장터, Upstage OCR, 구성 드리프트', + keywords: 'GUARDiA ITSM, AI ITSM, 공공기관 인프라 자동화, 레거시 현대화, 옵저버빌리티, AI-SOC, 시민포털, 데이터거버넌스, 하네스빌더, tmux 세션, 자가수복, LoRA 파인튜닝, ChatOps, 에이전트리스, RAG 검색, CMDB 자동 발견, 나라장터, Upstage OCR', image: '/screenshots/01_dashboard.png', }); const [activeTab, setActiveTab] = useState('features'); @@ -395,8 +417,8 @@ export default function GuardiaDetail() {
{[ {val:'1,000+', lab:'관리 기관'}, - {val:'1,100+', lab:'API 엔드포인트'}, - {val:'185+', lab:'구현 완료 기능'}, + {val:'1,168+', lab:'API 엔드포인트'}, + {val:'210+', lab:'구현 완료 기능'}, {val:'0개', lab:'대상 서버 추가 설치'}, ].map((s,i) => (
@@ -439,9 +461,9 @@ export default function GuardiaDetail() {
Core Features -

GUARDiA가 제공하는
185가지 이상 핵심 기능

+

GUARDiA가 제공하는
210가지 이상 핵심 기능

- 11개 카테고리 · 1,100개+ API 엔드포인트 · 3세대 확장 완료 + 12개 카테고리 · 1,168개+ API 엔드포인트 · 5세대 확장 완료

@@ -602,6 +624,54 @@ export default function GuardiaDetail() { ))}
+ {/* 5세대 신규 기능 하이라이트 */} +
+ NEW v2.2 — 5세대 +

+ 5세대 확장 — 레거시현대화·옵저버빌리티·AI-SOC·시민포털·데이터거버넌스·하네스빌더·tmux +

+

+ 68개 신규 엔드포인트 추가 · 2026-06-06 릴리즈 +

+
+
+ {[ + { icon:'🏛️', color:'#0EA5E9', title:'레거시 현대화 자동화', badge:'9 APIs', desc:'EOL 위험도 평가·기술 부채 지표화·마이그레이션 로드맵 자동 생성. lift-and-shift→refactor→replace 단계별 전환 자동화.' }, + { icon:'🔭', color:'#6366F1', title:'통합 옵저버빌리티', badge:'9 APIs', desc:'OpenTelemetry 에이전트리스 계측. 분산 트레이스→서비스 맵. SLO/에러 예산 실시간 추적. AI 루트코즈 분석.' }, + { icon:'🛡️', color:'#EF4444', title:'AI-SOC 보안 운영센터', badge:'11 APIs', desc:'보안 이벤트 자동 상관분석. SOAR 플레이북 자동 실행. CVE→영향도→패치 우선순위. 인시던트 타임라인 재구성.' }, + { icon:'🏙️', color:'#10B981', title:'시민 접점 셀프서비스 포털', badge:'9 APIs', desc:'민원인 QR 스캔→IT 신고. SR 진행 SMS·카카오 자동 알림. RAG FAQ 챗봇. 공개 서비스 상태 페이지.' }, + { icon:'🔐', color:'#8B5CF6', title:'데이터 거버넌스 자동화', badge:'10 APIs', desc:'PII 자동 탐지·마스킹. 개인정보보호법·공공데이터법 준수 감사. 데이터 계보 추적. 보존 기간 자동 관리.' }, + { icon:'🤖', color:'#F59E0B', title:'하네스 빌더 (노코드 AI)', badge:'9 APIs', desc:'웹 UI에서 AI 에이전트 팀을 노코드로 생성·실행·모니터링. Ollama 즉시 실행. 스킬 자동 생성·관리.' }, + { icon:'💻', color:'#0891B2', title:'tmux 영속 터미널 관리', badge:'11 APIs', desc:'원격 서버 tmux 세션 생성·공유·분리. 다중 사용자 동시 접속. 위험 명령어 자동 차단. 출력 이력 검색.' }, + ].map((f, i) => ( +
+
+ {f.icon} +
+
{f.title}
+
+ {f.badge} +
+

{f.desc}

+
+ ))} +
+

핵심 기능 상세