From 6f66738f8b58093bfbc7b4aab86f44eb2e5972ef Mon Sep 17 00:00:00 2001 From: GUARDiA AutoDeploy Date: Sun, 7 Jun 2026 10:17:42 +0900 Subject: [PATCH] =?UTF-8?q?feat:=20ITSM=206=EC=84=B8=EB=8C=80=20=EB=9D=BC?= =?UTF-8?q?=EC=9A=B0=ED=84=B0=205=EC=A2=85=20=EB=8F=99=EA=B8=B0=ED=99=94?= =?UTF-8?q?=20+=20=ED=99=88=ED=8E=98=EC=9D=B4=EC=A7=80=206=EC=84=B8?= =?UTF-8?q?=EB=8C=80=C2=B7AI=EC=97=94=ED=84=B0=ED=94=84=EB=9D=BC=EC=9D=B4?= =?UTF-8?q?=EC=A6=88=EC=83=9D=EC=84=B1=EA=B8=B0=20=EB=B0=98=EC=98=81=20[au?= =?UTF-8?q?to-sync]?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/src/pages/GuardiaDetail.jsx | 79 ++++++++++++++++++++++++---- 1 file changed, 70 insertions(+), 9 deletions(-) diff --git a/frontend/src/pages/GuardiaDetail.jsx b/frontend/src/pages/GuardiaDetail.jsx index ca2d946..a377194 100644 --- a/frontend/src/pages/GuardiaDetail.jsx +++ b/frontend/src/pages/GuardiaDetail.jsx @@ -260,6 +260,20 @@ const FEATURE_CATEGORIES = [ { title: '최근 방문 화면', desc: '최근 방문 화면 10개 자동 기록. 빠른 재접근. 전체 삭제 기능.' }, ], }, + { + id: 'enterprise_gen', + label: 'AI 엔터프라이즈 생성기 (NEW)', + icon: , + color: '#F59E0B', + items: [ + { title: 'AI 엔터프라이즈 프레임워크 생성기', desc: 'React 19 + Spring Boot 3.5 + MyBatis + Kafka 풀스택 프로젝트 자동 생성. ERP·MES·CRM·BI·SCM·WMS·ITSM·SI 8개 유형 지원.' }, + { title: '나라장터 G2B 공고 분석', desc: '나라장터 소프트웨어 개발 용역 공고 자동 수집·분류. GUARDiA 적용성 점수 산출(ITSM 98·보안 92·클라우드 87·AI 81).' }, + { title: '프로젝트 유형 자동 분류', desc: 'AI가 공고 내용 분석→ERP/MES/CRM/BI/SCM/WMS/PLM/ITSM 8개 유형 자동 분류. 도메인별 모듈·엔티티 자동 매핑.' }, + { title: '기본·공통 기능 완전 내장', desc: '로그인·시스템관리·전자결재·감사로그·알림·파일관리·메뉴관리·코드관리 등 엔터프라이즈 공통 기능 100% 내장 생성.' }, + { title: '풀스택 코드 자동 생성', desc: 'AG Grid Enterprise 화면, Spring Boot 컨트롤러·서비스·MyBatis 매퍼, PostgreSQL DDL, Docker Compose까지 한 번에 생성.' }, + { title: '9인 AI 에이전트 팀 오케스트레이션', desc: 'procurement-analyzer·business-analyst·architect·db-designer·backend/frontend-architect·devops·ai-architect·qa-engineer 협업 생성.' }, + ], + }, ]; /* 하이라이트 카드 (히어로 섹션용) */ @@ -419,10 +433,10 @@ const TECH_STACK = [ export default function GuardiaDetail() { useSeoMeta({ - title: 'GUARDiA ITSM — AI 기반 공공기관 인프라 자율 운영 플랫폼 (310+ 기능)', - description: 'GUARDiA ITSM: 1,416개+ API, 310가지 이상 기능. 모바일 앱 200개 기능(2세대). 레거시 현대화·옵저버빌리티·AI-SOC·시민포털·데이터거버넌스·하네스빌더·tmux 세션. ZTNA·SBOM·N²SF·IDP·GreenOps·자가수복. 폐쇄망/개방망 지원.', + title: 'GUARDiA ITSM — AI 기반 공공기관 인프라 자율 운영 플랫폼 (6세대 · 320+ 기능)', + description: 'GUARDiA ITSM: 1,623개+ API, 320가지 이상 기능. 6세대 진화 완료(바이브코딩·디자인스튜디오·에이전트협업·GS인증·크로스시스템동기화). AI 엔터프라이즈 프레임워크 생성기 + 나라장터 G2B 자동 분석. 모바일 앱 200개 기능. ZTNA·SBOM·N²SF·IDP·GreenOps·자가수복. 폐쇄망/개방망 지원.', path: '/solution/guardia', - keywords: 'GUARDiA ITSM, AI ITSM, 공공기관 인프라 자동화, 레거시 현대화, 옵저버빌리티, AI-SOC, 시민포털, 데이터거버넌스, 하네스빌더, tmux 세션, 자가수복, LoRA 파인튜닝, ChatOps, 에이전트리스, RAG 검색, CMDB 자동 발견, 나라장터, Upstage OCR, Messenger 200기능, 모바일 앱', + keywords: 'GUARDiA ITSM, AI ITSM, 공공기관 인프라 자동화, 6세대, 바이브코딩, 디자인스튜디오, 에이전트협업, GS인증, 크로스시스템동기화, AI 엔터프라이즈 프레임워크 생성기, 나라장터 G2B, 레거시 현대화, 옵저버빌리티, AI-SOC, 시민포털, 데이터거버넌스, 하네스빌더, tmux 세션, 자가수복, LoRA 파인튜닝, ChatOps, 에이전트리스, RAG 검색, CMDB 자동 발견, Upstage OCR, Messenger 200기능, 모바일 앱', image: '/screenshots/01_dashboard.png', }); const [activeTab, setActiveTab] = useState('features'); @@ -455,9 +469,9 @@ export default function GuardiaDetail() {
{[ {val:'1,000+', lab:'관리 기관'}, - {val:'1,416+', lab:'API 엔드포인트'}, - {val:'310+', lab:'구현 완료 기능'}, - {val:'0개', lab:'대상 서버 추가 설치'}, + {val:'1,623+', lab:'API 엔드포인트'}, + {val:'320+', lab:'구현 완료 기능'}, + {val:'6세대', lab:'AI 자율 진화 단계'}, ].map((s,i) => (
{s.val}
@@ -499,9 +513,9 @@ export default function GuardiaDetail() {
Core Features -

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

+

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

- 13개 카테고리 · 1,416개+ API 엔드포인트 · 모바일 200기능 · 5세대 확장 완료 + 14개 카테고리 · 1,623개+ API 엔드포인트 · 모바일 200기능 · 6세대 진화 완료

@@ -710,6 +724,53 @@ export default function GuardiaDetail() { ))}
+ {/* 6세대 신규 기능 하이라이트 */} +
+ NEW v2.3 — 6세대 +

+ 6세대 진화 — 바이브코딩·디자인스튜디오·에이전트협업·GS인증·크로스시스템동기화·AI 엔터프라이즈 생성기 +

+

+ AI가 스스로 코드를 쓰고 검증하고 동기화하는 자율 진화 단계 · 2026-06-07 릴리즈 +

+
+
+ {[ + { icon:'🧬', color:'#F59E0B', title:'바이브 코딩 엔진', badge:'API', desc:'자연어 한 줄 → AI가 의도 파악·코드 생성·자가 검증까지 자동 수행. 사람은 방향만 제시, 구현은 AI가.' }, + { icon:'🎨', color:'#EC4899', title:'AI 디자인 스튜디오', badge:'API', desc:'프롬프트→UI 시안→컴포넌트 코드 자동 생성. 디자인 토큰·반응형·접근성 자동 검증까지 한 번에.' }, + { icon:'🤝', color:'#6366F1', title:'에이전트 협업 룸', badge:'API', desc:'여러 AI 에이전트가 채팅방에서 토론·합의·작업 분담. 실시간 협업 로그와 의사결정 추적.' }, + { icon:'🏅', color:'#10B981', title:'GS 인증 자동 준비', badge:'API', desc:'GS(Good Software) 인증 요건 자동 점검·증빙 문서 생성. 품질 기준 충족도 실시간 게이지.' }, + { icon:'🔄', color:'#0EA5E9', title:'크로스 시스템 동기화', badge:'API', desc:'ITSM·Manager·Messenger·홈페이지 4개 시스템 간 상태·이벤트 실시간 동기화. 채널 기반 발행/구독.' }, + { icon:'🏗️', color:'#8B5CF6', title:'AI 엔터프라이즈 프레임워크 생성기', badge:'NEW', desc:'나라장터 공고 분석→GUARDiA 적용성 평가→React+Spring Boot+MyBatis 풀스택 프로젝트 자동 생성. ERP·MES·CRM 등 8개 유형.' }, + ].map((f, i) => ( +
+
+ {f.icon} +
+
{f.title}
+
+ {f.badge} +
+

{f.desc}

+
+ ))} +
+

핵심 기능 상세

@@ -1366,7 +1427,7 @@ export default function GuardiaDetail() { {icon:, title:'설치 가이드 (Linux)', no:'05', desc:'Ubuntu/CentOS/RHEL 환경 설치. 폐쇄망·개방망 별도 가이드 포함.', tag:'설치'}, {icon:, title:'설치 가이드 (Windows)',no:'06', desc:'Windows Server WSL2 기반 설치. 방화벽·포트 설정 상세.', tag:'설치'}, {icon:, title:'라이선스 발급 가이드', no:'14', desc:'커뮤니티·스탠다드·엔터프라이즈 라이선스 키 발급·갱신·관리.', tag:'관리'}, - {icon:, title:'API 명세서', no:'16', desc:'1,000개+ REST API 엔드포인트 전체 명세. Swagger/OpenAPI 3.0.', tag:'개발'}, + {icon:, title:'API 명세서', no:'16', desc:'1,600개+ REST API 엔드포인트 전체 명세. Swagger/OpenAPI 3.0.', tag:'개발'}, {icon:, title:'DR 재해복구 가이드', no:'39', desc:'DR 자동화·Failover·네트워크장비·CSAP 운영 가이드.', tag:'운영'}, {icon:, title:'CI/CD 파이프라인 가이드',no:'20',desc:'post-commit 훅·Gitea·서버cron·5시간 자동 배포 흐름.', tag:'DevOps'}, {icon:, title:'zio서버 운영가이드', no:'19', desc:'서브도메인 전환·자동배포·SSL·nginx 설정. 2026-06-04 업데이트.', tag:'NEW'},