feat(homepage): GUARDiA 기능 업데이트 — 자율화 카테고리 추가 + 1000+ API + 라이브 데모 링크 [auto-sync]
This commit is contained in:
GUARDiA AutoDeploy
DESKTOP-TKLFCPR\ython
parent
2f99a292e1
commit
a8242abddb
@ -142,11 +142,33 @@ const FEATURE_CATEGORIES = [
|
||||
color: '#0891B2',
|
||||
items: [
|
||||
{ title: 'Jenkins + Gitea 파이프라인', desc: '5개 시스템 자동 빌드·테스트·배포. webhook → git pull → 재기동. 알림 연동.' },
|
||||
{ title: 'git commit 자동 배포', desc: 'post-commit 훅 → workspace 변경 감지 → Gitea push → webhook → 서버 배포. 수동 실행 불필요.' },
|
||||
{ title: '1시간 주기 자동 동기화', desc: 'Windows Task Scheduler. 커밋 없이도 workspace↔Gitea 차이 감지 → 자동 배포.' },
|
||||
{ title: '바이브 코딩 (VibeSession)', desc: '메신저 명령으로 코딩 세션 시작. 빌드·배포·롤백을 채팅창에서 완결.' },
|
||||
{ title: '에이전트리스 배포 엔진', desc: '백업→배포→헬스체크→롤백 시퀀스. Fail-Safe 보장. 감사 추적 자동.' },
|
||||
{ title: 'SI 프로젝트 관리 (PMS)', desc: 'WBS·산출물·이슈·위험·보고서. 일간/주간/월간 보고서 자동 생성.' },
|
||||
{ title: '자동 보고서 · Excel/PDF', desc: '주간·월간·분기 보고서 즉시 생성. 이메일 자동 발송 스케줄링.' },
|
||||
{ title: 'SSL 인증서 관리', desc: 'SSL 만료일 추적. 자동 갱신 알림. 인증서 배포 자동화.' },
|
||||
{ title: '서브도메인 전용 HTTPS', desc: 'itsm/manager/mail/git/jenkins/docs.zioinfo.co.kr 포트 없는 서브도메인 전환 완료. Let\'s Encrypt + ZeroSSL.' },
|
||||
],
|
||||
},
|
||||
{
|
||||
id: 'autonomy',
|
||||
label: '자율화 · 성장 (NEW)',
|
||||
icon: '🌱',
|
||||
color: '#059669',
|
||||
items: [
|
||||
{ title: '건강검진 — 자동 테스트', desc: '매일 03:00 전체 API 자동 실행(69개). 실패 시 SR 자동 생성 + 메신저 즉시 알림. 결과 이력 저장.' },
|
||||
{ title: '자가 수복 (Self-Healing)', desc: '서비스 장애 감지 → systemctl 자동 재시작 → 헬스체크 → "🔧 GUARDiA가 스스로 고쳤습니다" 보고.' },
|
||||
{ title: '성장일지 — 변경이력 자동 수집', desc: 'git 커밋 이력 자동 파싱 → ChangelogEntry 저장. 카테고리(feat/fix/docs)별 집계. API 문서 자동 갱신.' },
|
||||
{ title: '매뉴얼 자동 업데이트', desc: '라우터 변경 감지 → api-reference-auto.md 자동 재생성. 엔드포인트 수·메서드·경로 최신 유지.' },
|
||||
{ title: '성장 대시보드', desc: '라우터 수·엔드포인트 추정·건강점수·자립도·30일 변경이력·마일스톤 달성 현황 종합 뷰.' },
|
||||
{ title: '모바일 Push 알림', desc: 'Expo FCM 디바이스 토큰 등록·관리. 카테고리별 발송. 관리자 일괄 발송. 발송 이력 추적.' },
|
||||
{ title: '다국어 i18n (ko/en/ja/zh)', desc: '번역 데이터 CRUD·일괄 임포트. 로케일별 커버리지 측정. 공공기관 다국어 서비스 의무 준수.' },
|
||||
{ title: 'LoRA 자동 파인튜닝', desc: '매월 1일 SR 이력 500건→LoRA 학습 자동 시작. 데이터 부족 시 다음 달 연기 + 알림. 모델 품질 loss 추적.' },
|
||||
{ title: '주간 자립도 보고서', desc: 'SR 자동처리율·건강점수·자가수복 횟수·자립도 종합. 매주 금요일 메신저 자동 발송.' },
|
||||
{ title: '자립도 측정 (5차원)', desc: '건강(25%)·SR자동처리(30%)·자가수복(20%)·보고서(10%)·파인튜닝(15%). 현재 30% → 목표 85%.' },
|
||||
{ title: '자립도 로드맵', desc: '현재 30% → 3개월 50% → 6개월 70% → 1년 85% "GUARDiA가 알아서 다 했습니다."' },
|
||||
],
|
||||
},
|
||||
];
|
||||
@ -177,6 +199,9 @@ const FEATURES = [
|
||||
{ icon:'🌱', title:'GreenOps + Edge/IoT', desc:'Scope 2 탄소 추적(EU CSRD)·9.21억 IoT 디바이스. Carbon-aware 스케줄링.' },
|
||||
{ icon:'🏗️', title:'IDP 개발자 플랫폼', desc:'소프트웨어 카탈로그·Golden Path 템플릿·셀프서비스 포털. 30~50% 배포 단축.' },
|
||||
{ icon:'🚀', title:'CI/CD 파이프라인', desc:'Jenkins + Gitea. 5개 시스템 자동 빌드·배포·롤백·알림. 서버 빌드 방식.' },
|
||||
{ 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 → 서버 자동 배포. 수동 불필요.' },
|
||||
];
|
||||
|
||||
const EDITIONS = [
|
||||
@ -297,10 +322,10 @@ const TECH_STACK = [
|
||||
|
||||
export default function GuardiaDetail() {
|
||||
useSeoMeta({
|
||||
title: 'GUARDiA ITSM — AI 기반 공공기관 인프라 자율 운영 플랫폼 (140+ 기능)',
|
||||
description: 'GUARDiA ITSM: 960개 API, 140가지 이상 기능. 디자인 AI SR 자동화·음성인식·영구 메모리·ZTNA·SBOM·N²SF·IDP·GreenOps·Edge IoT. 폐쇄망/개방망 설치 지원.',
|
||||
title: 'GUARDiA ITSM — AI 기반 공공기관 인프라 자율 운영 플랫폼 (160+ 기능)',
|
||||
description: 'GUARDiA ITSM: 1,000개+ API, 160가지 이상 기능. 자가수복·자립도 측정·LoRA 파인튜닝·CI/CD 자동배포·서브도메인 HTTPS·ZTNA·SBOM·N²SF·IDP·GreenOps. 폐쇄망/개방망 지원.',
|
||||
path: '/solution/guardia',
|
||||
keywords: 'GUARDiA ITSM, AI ITSM, 공공기관 인프라 자동화, ChatOps, 에이전트리스, RAG 검색, Text-to-SQL, CMDB 자동 발견, 멀티클라우드, 나라장터, Upstage OCR, 구성 드리프트',
|
||||
keywords: 'GUARDiA ITSM, AI ITSM, 공공기관 인프라 자동화, 자가수복, 자립도, LoRA 파인튜닝, ChatOps, 에이전트리스, RAG 검색, Text-to-SQL, CMDB 자동 발견, 멀티클라우드, 나라장터, Upstage OCR, 구성 드리프트',
|
||||
image: '/screenshots/01_dashboard.png',
|
||||
});
|
||||
const [activeTab, setActiveTab] = useState('features');
|
||||
@ -333,8 +358,8 @@ export default function GuardiaDetail() {
|
||||
<div className="gd-hero-stats">
|
||||
{[
|
||||
{val:'1,000+', lab:'관리 기관'},
|
||||
{val:'960+', lab:'API 엔드포인트'},
|
||||
{val:'140+', lab:'구현 완료 기능'},
|
||||
{val:'1,000+', lab:'API 엔드포인트'},
|
||||
{val:'160+', lab:'구현 완료 기능'},
|
||||
{val:'0개', lab:'대상 서버 추가 설치'},
|
||||
].map((s,i) => (
|
||||
<div key={i} className="gd-stat">
|
||||
@ -377,9 +402,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>100가지 이상 핵심 기능</em></h2>
|
||||
<h2 className="section-title">GUARDiA가 제공하는<br/><em>160가지 이상 핵심 기능</em></h2>
|
||||
<p style={{color:'var(--gray-500)',marginTop:'12px',fontSize:'16px'}}>
|
||||
8개 카테고리 · 754개 API 엔드포인트 · 모두 구현 완료 및 운영 중
|
||||
9개 카테고리 · 1,000개+ API 엔드포인트 · 모두 구현 완료 및 운영 중
|
||||
</p>
|
||||
<div className="divider" />
|
||||
</div>
|
||||
@ -502,6 +527,67 @@ export default function GuardiaDetail() {
|
||||
))}
|
||||
</div>
|
||||
|
||||
{/* 자율화·성장 신규 기능 */}
|
||||
<div className="section-header" style={{marginTop:'48px',marginBottom:'24px'}}>
|
||||
<span className="section-label" style={{fontSize:'12px',background:'#059669',color:'#fff',padding:'3px 10px',borderRadius:'12px'}}>NEW v2.1</span>
|
||||
<h3 style={{fontSize:'22px',fontWeight:'700',color:'var(--gray-900)',margin:'8px 0 0'}}>
|
||||
자율화 · 성장 기능 (2026-06 추가)
|
||||
</h3>
|
||||
</div>
|
||||
<div className="gd-screenshots">
|
||||
{[
|
||||
{file:'autonomy_health', caption:'건강검진 — 매일 69개 API 자동 테스트 + 자가수복'},
|
||||
{file:'autonomy_growth', caption:'성장일지 — git 변경이력 자동 수집 + 매뉴얼 갱신'},
|
||||
{file:'autonomy_score', caption:'자립도 측정 — 5차원 30%→85% 로드맵'},
|
||||
{file:'autonomy_finetune', caption:'LoRA 자동 파인튜닝 — SR 이력으로 Ollama 모델 개선'},
|
||||
].map((s,i) => (
|
||||
<div key={i} className="screenshot-card">
|
||||
<img src={`/screenshots/${s.file}.png`} alt={s.caption}
|
||||
className="screenshot-img"
|
||||
onError={e=>{e.target.style.display='none';e.target.nextSibling.style.display='flex';}}/>
|
||||
<div className="screenshot-placeholder" style={{display:'none',flexDirection:'column',alignItems:'center',justifyContent:'center',height:'200px',background:'linear-gradient(135deg,#f0fdf4,#dcfce7)',borderRadius:'8px',gap:'8px'}}>
|
||||
<span style={{fontSize:'32px'}}>🌱</span>
|
||||
<span style={{fontSize:'13px',color:'#059669',fontWeight:'600'}}>{s.caption}</span>
|
||||
<a href="https://itsm.zioinfo.co.kr" target="_blank" rel="noopener noreferrer"
|
||||
style={{fontSize:'12px',color:'#0369a1',textDecoration:'none',marginTop:'4px'}}>
|
||||
라이브 확인 →
|
||||
</a>
|
||||
</div>
|
||||
<div className="screenshot-caption">{s.caption}</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{/* 라이브 데모 링크 */}
|
||||
<div style={{background:'linear-gradient(135deg,#eff6ff,#dbeafe)',borderRadius:'16px',padding:'32px',marginTop:'48px',textAlign:'center'}}>
|
||||
<h3 style={{fontSize:'20px',fontWeight:'700',color:'var(--gray-900)',marginBottom:'8px'}}>
|
||||
지금 바로 확인하세요
|
||||
</h3>
|
||||
<p style={{color:'var(--gray-500)',marginBottom:'24px',fontSize:'14px'}}>
|
||||
실제 운영 중인 GUARDiA 시스템에 접속해 직접 체험할 수 있습니다
|
||||
</p>
|
||||
<div style={{display:'flex',gap:'12px',justifyContent:'center',flexWrap:'wrap'}}>
|
||||
{[
|
||||
{href:'https://itsm.zioinfo.co.kr', label:'GUARDiA ITSM', icon:'🔧', desc:'admin / 1111'},
|
||||
{href:'https://manager.zioinfo.co.kr', label:'GUARDiA Manager', icon:'📊', desc:'관리자 포털'},
|
||||
{href:'https://mail.zioinfo.co.kr', label:'웹메일', icon:'✉️', desc:'@zioinfo.co.kr'},
|
||||
{href:'https://git.zioinfo.co.kr', label:'Gitea', icon:'🐙', desc:'소스 저장소'},
|
||||
].map((l,i) => (
|
||||
<a key={i} href={l.href} target="_blank" rel="noopener noreferrer"
|
||||
style={{display:'flex',flexDirection:'column',alignItems:'center',gap:'6px',
|
||||
padding:'16px 24px',background:'#fff',borderRadius:'12px',
|
||||
border:'1px solid #bfdbfe',textDecoration:'none',minWidth:'120px',
|
||||
boxShadow:'0 1px 3px rgba(0,0,0,.1)',transition:'transform .2s'}}
|
||||
onMouseOver={e=>e.currentTarget.style.transform='translateY(-2px)'}
|
||||
onMouseOut={e=>e.currentTarget.style.transform='translateY(0)'}>
|
||||
<span style={{fontSize:'24px'}}>{l.icon}</span>
|
||||
<span style={{fontSize:'14px',fontWeight:'700',color:'var(--gray-900)'}}>{l.label}</span>
|
||||
<span style={{fontSize:'11px',color:'var(--gray-500)'}}>{l.desc}</span>
|
||||
</a>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="section-header" style={{marginTop:'60px',marginBottom:'32px'}}>
|
||||
<h3 style={{fontSize:'28px',fontWeight:'800',color:'var(--gray-900)'}}>핵심 기능 상세</h3>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user