zio/zioinfo-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(screenshots): Playwright 실제 화면 캡처 + GuardiaDetail 업데이트

Browse Source 
- Playwright 자동화로 ITSM 로그인/대시보드 + 홈페이지 11개 페이지 캡처
- GuardiaDetail.jsx ITSM 섹션: itsm_02_dashboard.png / itsm_01_login.png 적용

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
DESKTOP-TKLFCPRython 2026-05-31 17:40:02 +09:00
parent a2e4f49b81
commit 64921e44e8
5 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
frontend/public/screenshots/home_01_main.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 MiB

BIN
frontend/public/screenshots/home_07_guardia.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 345 KiB

BIN
frontend/public/screenshots/itsm_01_login.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 228 KiB

BIN
frontend/public/screenshots/itsm_02_dashboard.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 228 KiB

10
frontend/src/pages/GuardiaDetail.jsx
View File

@ -182,11 +182,11 @@ export default function GuardiaDetail() {
</div> </div>
<div className="gd-screenshots"> <div className="gd-screenshots">
{[ {[
{file:'01_dashboard', caption:'통합 대시보드 — SR·SLA·AI 인사이트'}, {file:'itsm_02_dashboard', caption:'통합 대시보드 — SR·SLA·AI 인사이트 (실제 화면)'},
{file:'02_sr_list', caption:'SR 서비스 요청 — 칸반/목록 뷰'}, {file:'itsm_01_login', caption:'로그인 화면 — JWT + 2FA/OTP 보안'},
{file:'04_incidents', caption:'인시던트 관리 — AI 자동 RCA'}, {file:'04_incidents', caption:'인시던트 관리 — AI 자동 RCA'},
{file:'05_agents', caption:'AI 에이전트 — Ollama 온프레미스'}, {file:'05_agents', caption:'AI 에이전트 — Ollama 온프레미스'},
{file:'06_license', caption:'라이선스 관리 — 에디션·체험판'}, {file:'06_license', caption:'라이선스 관리 — 에디션·체험판'},
].map((s,i) => ( ].map((s,i) => (
<div key={i} className="screenshot-card"> <div key={i} className="screenshot-card">
<img src={`/screenshots/${s.file}.png`} alt={s.caption} <img src={`/screenshots/${s.file}.png`} alt={s.caption}