feat: 비즈니스 지원 도구 3종 — Manager UI 완성 + 홈페이지·매뉴얼 업데이트 [auto-sync]
This commit is contained in:
parent
bfe83cb280
commit
c9961dbf5e
@ -51,7 +51,6 @@
|
||||
<dependency>
|
||||
<groupId>com.mysql</groupId>
|
||||
<artifactId>mysql-connector-j</artifactId>
|
||||
<version>8.2.0</version>
|
||||
<scope>runtime</scope>
|
||||
<optional>true</optional>
|
||||
</dependency>
|
||||
|
||||
@ -313,6 +313,9 @@ const FEATURES = [
|
||||
{ icon:<IconDatabase {...IC('#8B5CF6')}/>, title:'데이터 거버넌스 & PII 자동화', desc:'개인정보 자동 탐지·마스킹. 개인정보보호법·공공데이터법 준수 자동 감사. 데이터 계보 추적.' },
|
||||
{ icon:<IconCog {...IC('#F59E0B')}/>, title:'하네스 빌더 (노코드 AI)', desc:'웹 UI에서 AI 에이전트 팀을 노코드로 생성·실행·모니터링. Ollama 기반 즉시 실행. 스킬 자동 생성.' },
|
||||
{ icon:<IconServer {...IC('#0891B2')}/>, title:'tmux 영속 터미널 관리', desc:'원격 서버 tmux 세션 생성·공유·분리. 다중 사용자 동시 접속. 위험 명령어 자동 차단. 출력 검색.' },
|
||||
{ icon:<IconRocket {...IC('#7C3AED')}/>, title:'AI 성능테스트 스튜디오', desc:'Playwright MCP 화면 녹화→jMeter 스크립트 자동 생성. 입력값 엑셀 템플릿·시나리오 DB 관리·재실행.' },
|
||||
{ icon:<IconClipboard {...IC('#0EA5E9')}/>, title:'문서 자동 작성 (Jasper)', desc:'산출물·회의록·보고서 AI 자동 생성. PDF/Excel 다운로드. 템플릿 기반 항목 자동 채움.' },
|
||||
{ icon:<IconGovt {...IC('#059669')}/>, title:'나라장터 입찰 모니터', desc:'당일 SI/SM 입찰공고 자동 수집·분류. 그리드에서 참가/보류/삭제 처리. RFP 첨부문서 다운로드.' },
|
||||
];
|
||||
|
||||
const EDITIONS = [
|
||||
@ -433,10 +436,10 @@ const TECH_STACK = [
|
||||
|
||||
export default function GuardiaDetail() {
|
||||
useSeoMeta({
|
||||
title: 'GUARDiA ITSM — AI 기반 공공기관 인프라 자율 운영 플랫폼 (6세대 · 320+ 기능)',
|
||||
description: 'GUARDiA ITSM: 1,623개+ API, 320가지 이상 기능. 6세대 진화 완료(바이브코딩·디자인스튜디오·에이전트협업·GS인증·크로스시스템동기화). AI 엔터프라이즈 프레임워크 생성기 + 나라장터 G2B 자동 분석. 모바일 앱 200개 기능. ZTNA·SBOM·N²SF·IDP·GreenOps·자가수복. 폐쇄망/개방망 지원.',
|
||||
title: 'GUARDiA ITSM — AI 기반 공공기관 인프라 자율 운영 플랫폼 (6세대 · 323+ 기능)',
|
||||
description: 'GUARDiA ITSM: 1,655개+ API, 323가지 이상 기능. 6세대 진화 완료(바이브코딩·디자인스튜디오·에이전트협업·GS인증·크로스시스템동기화). AI 성능테스트 스튜디오(Playwright MCP→jMeter 자동화)·문서 자동작성(Jasper)·나라장터 입찰 모니터 신규. AI 엔터프라이즈 프레임워크 생성기 + 나라장터 G2B 자동 분석. 모바일 앱 200개 기능. ZTNA·SBOM·N²SF·IDP·GreenOps·자가수복. 폐쇄망/개방망 지원.',
|
||||
path: '/solution/guardia',
|
||||
keywords: 'GUARDiA ITSM, AI ITSM, 공공기관 인프라 자동화, 6세대, 바이브코딩, 디자인스튜디오, 에이전트협업, GS인증, 크로스시스템동기화, AI 엔터프라이즈 프레임워크 생성기, 나라장터 G2B, 레거시 현대화, 옵저버빌리티, AI-SOC, 시민포털, 데이터거버넌스, 하네스빌더, tmux 세션, 자가수복, LoRA 파인튜닝, ChatOps, 에이전트리스, RAG 검색, CMDB 자동 발견, Upstage OCR, Messenger 200기능, 모바일 앱',
|
||||
keywords: 'GUARDiA ITSM, AI ITSM, 공공기관 인프라 자동화, 6세대, 바이브코딩, 디자인스튜디오, 에이전트협업, GS인증, 크로스시스템동기화, AI 엔터프라이즈 프레임워크 생성기, 성능테스트 자동화, jMeter 스크립트 생성, Jasper Reports, 산출물 자동작성, 나라장터 입찰 모니터링, RFP 다운로드, 나라장터 G2B, 레거시 현대화, 옵저버빌리티, AI-SOC, 시민포털, 데이터거버넌스, 하네스빌더, tmux 세션, 자가수복, LoRA 파인튜닝, ChatOps, 에이전트리스, RAG 검색, CMDB 자동 발견, Upstage OCR, Messenger 200기능, 모바일 앱',
|
||||
image: '/screenshots/01_dashboard.png',
|
||||
});
|
||||
const [activeTab, setActiveTab] = useState('features');
|
||||
@ -469,8 +472,8 @@ export default function GuardiaDetail() {
|
||||
<div className="gd-hero-stats">
|
||||
{[
|
||||
{val:'1,000+', lab:'관리 기관'},
|
||||
{val:'1,623+', lab:'API 엔드포인트'},
|
||||
{val:'320+', lab:'구현 완료 기능'},
|
||||
{val:'1,655+', lab:'API 엔드포인트'},
|
||||
{val:'323+', lab:'구현 완료 기능'},
|
||||
{val:'6세대', lab:'AI 자율 진화 단계'},
|
||||
].map((s,i) => (
|
||||
<div key={i} className="gd-stat">
|
||||
@ -513,9 +516,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>320가지 이상 핵심 기능</em></h2>
|
||||
<h2 className="section-title">GUARDiA가 제공하는<br/><em>323가지 이상 핵심 기능</em></h2>
|
||||
<p style={{color:'var(--gray-500)',marginTop:'12px',fontSize:'16px'}}>
|
||||
14개 카테고리 · 1,623개+ API 엔드포인트 · 모바일 200기능 · 6세대 진화 완료
|
||||
14개 카테고리 · 1,655개+ API 엔드포인트 · 모바일 200기능 · 6세대 진화 완료
|
||||
</p>
|
||||
<div className="divider" />
|
||||
</div>
|
||||
@ -771,6 +774,50 @@ export default function GuardiaDetail() {
|
||||
))}
|
||||
</div>
|
||||
|
||||
{/* 비즈니스 지원 도구 3종 */}
|
||||
<div className="section-header" style={{marginTop:'48px',marginBottom:'24px'}}>
|
||||
<span className="section-label" style={{fontSize:'12px',background:'#7C3AED',color:'#fff',padding:'3px 10px',borderRadius:'12px'}}>NEW v2.4 — 비즈니스 지원</span>
|
||||
<h3 style={{fontSize:'22px',fontWeight:'700',color:'var(--gray-900)',margin:'8px 0 0'}}>
|
||||
비즈니스 지원 도구 3종 — 성능테스트 자동화·문서 자동작성·입찰 모니터링
|
||||
</h3>
|
||||
<p style={{color:'var(--gray-500)',fontSize:'14px',marginTop:'8px'}}>
|
||||
32개 신규 엔드포인트 추가 · Manager 그리드 관리 연동 · 2026-06-07 릴리즈
|
||||
</p>
|
||||
</div>
|
||||
<div style={{
|
||||
display:'grid',
|
||||
gridTemplateColumns:'repeat(auto-fill, minmax(280px, 1fr))',
|
||||
gap:'16px',
|
||||
marginBottom:'48px',
|
||||
}}>
|
||||
{[
|
||||
{ icon:'🚀', color:'#7C3AED', title:'AI 성능테스트 스튜디오', badge:'12 APIs', desc:'Playwright MCP로 화면 시나리오 녹화→jMeter(.jmx) 스크립트 자동 생성. 입력값 엑셀 템플릿 다운로드·업로드. 시나리오 DB 등록·재실행 관리.' },
|
||||
{ icon:'📄', color:'#0EA5E9', title:'문서 자동 작성 (Jasper)', badge:'8 APIs', desc:'산출물·회의록·보고서를 AI가 자동 생성. PDF/Excel 포맷 선택 다운로드. 카테고리별 템플릿 + 작업 이력 추적.' },
|
||||
{ icon:'🏛️', color:'#059669', title:'나라장터 입찰 모니터', badge:'12 APIs', desc:'당일 SW개발용역·SI/SM 입찰공고 자동 수집·필터링. 그리드에서 참가/보류/삭제 처리, 담당자 알림, RFP 첨부문서 다운로드.' },
|
||||
].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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user