feat: ITSM 6세대 라우터 5종 동기화 + 홈페이지 6세대·AI엔터프라이즈생성기 반영 [auto-sync]
This commit is contained in:
parent
322aac254a
commit
6f66738f8b
@ -260,6 +260,20 @@ const FEATURE_CATEGORIES = [
|
||||
{ title: '최근 방문 화면', desc: '최근 방문 화면 10개 자동 기록. 빠른 재접근. 전체 삭제 기능.' },
|
||||
],
|
||||
},
|
||||
{
|
||||
id: 'enterprise_gen',
|
||||
label: 'AI 엔터프라이즈 생성기 (NEW)',
|
||||
icon: <IconBuilding size={22} color="#F59E0B"/>,
|
||||
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() {
|
||||
<div className="gd-hero-stats">
|
||||
{[
|
||||
{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) => (
|
||||
<div key={i} className="gd-stat">
|
||||
<div className="gd-stat-val">{s.val}</div>
|
||||
@ -499,9 +513,9 @@ export default function GuardiaDetail() {
|
||||
<div className="container">
|
||||
<div className="section-header">
|
||||
<span className="section-label">Core Features</span>
|
||||
<h2 className="section-title">GUARDiA가 제공하는<br/><em>310가지 이상 핵심 기능</em></h2>
|
||||
<h2 className="section-title">GUARDiA가 제공하는<br/><em>320가지 이상 핵심 기능</em></h2>
|
||||
<p style={{color:'var(--gray-500)',marginTop:'12px',fontSize:'16px'}}>
|
||||
13개 카테고리 · 1,416개+ API 엔드포인트 · 모바일 200기능 · 5세대 확장 완료
|
||||
14개 카테고리 · 1,623개+ API 엔드포인트 · 모바일 200기능 · 6세대 진화 완료
|
||||
</p>
|
||||
<div className="divider" />
|
||||
</div>
|
||||
@ -710,6 +724,53 @@ export default function GuardiaDetail() {
|
||||
))}
|
||||
</div>
|
||||
|
||||
{/* 6세대 신규 기능 하이라이트 */}
|
||||
<div className="section-header" style={{marginTop:'48px',marginBottom:'24px'}}>
|
||||
<span className="section-label" style={{fontSize:'12px',background:'#F59E0B',color:'#fff',padding:'3px 10px',borderRadius:'12px'}}>NEW v2.3 — 6세대</span>
|
||||
<h3 style={{fontSize:'22px',fontWeight:'700',color:'var(--gray-900)',margin:'8px 0 0'}}>
|
||||
6세대 진화 — 바이브코딩·디자인스튜디오·에이전트협업·GS인증·크로스시스템동기화·AI 엔터프라이즈 생성기
|
||||
</h3>
|
||||
<p style={{color:'var(--gray-500)',fontSize:'14px',marginTop:'8px'}}>
|
||||
AI가 스스로 코드를 쓰고 검증하고 동기화하는 자율 진화 단계 · 2026-06-07 릴리즈
|
||||
</p>
|
||||
</div>
|
||||
<div style={{
|
||||
display:'grid',
|
||||
gridTemplateColumns:'repeat(auto-fill, minmax(280px, 1fr))',
|
||||
gap:'16px',
|
||||
marginBottom:'48px',
|
||||
}}>
|
||||
{[
|
||||
{ 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) => (
|
||||
<div key={i} style={{
|
||||
background:'#fff',
|
||||
border:`1px solid ${f.color}33`,
|
||||
borderTop:`3px solid ${f.color}`,
|
||||
borderRadius:'12px',
|
||||
padding:'16px',
|
||||
}}>
|
||||
<div style={{display:'flex',alignItems:'center',gap:'10px',marginBottom:'10px'}}>
|
||||
<span style={{fontSize:'24px'}}>{f.icon}</span>
|
||||
<div style={{flex:1}}>
|
||||
<div style={{fontWeight:'700',fontSize:'14px',color:'var(--gray-900)'}}>{f.title}</div>
|
||||
</div>
|
||||
<span style={{
|
||||
background:f.color,color:'#fff',
|
||||
fontSize:'10px',padding:'2px 7px',borderRadius:'8px',
|
||||
fontWeight:'700',whiteSpace:'nowrap',
|
||||
}}>{f.badge}</span>
|
||||
</div>
|
||||
<p style={{fontSize:'13px',color:'var(--gray-500)',lineHeight:'1.6',margin:0}}>{f.desc}</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
<div className="section-header" style={{marginTop:'60px',marginBottom:'32px'}}>
|
||||
<h3 style={{fontSize:'28px',fontWeight:'800',color:'var(--gray-900)'}}>핵심 기능 상세</h3>
|
||||
</div>
|
||||
@ -1366,7 +1427,7 @@ export default function GuardiaDetail() {
|
||||
{icon:<IconCode size={26} color="#003366"/>, title:'설치 가이드 (Linux)', no:'05', desc:'Ubuntu/CentOS/RHEL 환경 설치. 폐쇄망·개방망 별도 가이드 포함.', tag:'설치'},
|
||||
{icon:<IconServer size={26} color="#003366"/>, title:'설치 가이드 (Windows)',no:'06', desc:'Windows Server WSL2 기반 설치. 방화벽·포트 설정 상세.', tag:'설치'},
|
||||
{icon:<IconKey size={26} color="#003366"/>, title:'라이선스 발급 가이드', no:'14', desc:'커뮤니티·스탠다드·엔터프라이즈 라이선스 키 발급·갱신·관리.', tag:'관리'},
|
||||
{icon:<IconGlobe size={26} color="#003366"/>, title:'API 명세서', no:'16', desc:'1,000개+ REST API 엔드포인트 전체 명세. Swagger/OpenAPI 3.0.', tag:'개발'},
|
||||
{icon:<IconGlobe size={26} color="#003366"/>, title:'API 명세서', no:'16', desc:'1,600개+ REST API 엔드포인트 전체 명세. Swagger/OpenAPI 3.0.', tag:'개발'},
|
||||
{icon:<IconShield size={26} color="#003366"/>, title:'DR 재해복구 가이드', no:'39', desc:'DR 자동화·Failover·네트워크장비·CSAP 운영 가이드.', tag:'운영'},
|
||||
{icon:<IconZap size={26} color="#003366"/>, title:'CI/CD 파이프라인 가이드',no:'20',desc:'post-commit 훅·Gitea·서버cron·5시간 자동 배포 흐름.', tag:'DevOps'},
|
||||
{icon:<IconBuilding size={26} color="#003366"/>, title:'zio서버 운영가이드', no:'19', desc:'서브도메인 전환·자동배포·SSL·nginx 설정. 2026-06-04 업데이트.', tag:'NEW'},
|
||||
|
||||
Loading…
Reference in New Issue
Block a user