refactor(frontend): LGCNS 3개 페이지 디자인 시스템 공통 구조 전환 #33

htlee · 2026-04-13T11:46:01+09:00

htlee 코멘트됨,

2026-04-13 11:46:01 +09:00

소유자

변경 사항

디자인 시스템 전환 (3개 페이지)

LGCNSMLOpsPage — 커스텀 탭→TabBar, hex 색상→Tailwind 토큰, 진행률 바→JOB_PROGRESS_COLOR, 상태→Badge+카탈로그
AISecurityPage — 커스텀 탭→TabBar, hex KPI→Tailwind 토큰, 취약점 카운트→Badge
AIAgentSecurityPage — 커스텀 탭→TabBar, hex KPI→Tailwind 토큰, 인라인 intent→카탈로그 함수

신규 카탈로그 (design-system.html 자동 노출)

mlopsJobStatuses.ts — running/done/fail/pending (4종)
aiSecurityStatuses.ts — 위협 수준 3종 + Agent 권한 5종 + 실행 결과 3종
catalogRegistry.ts에 4건 등록
statusIntent.ts에 '허용', '위험', '관리자', '중지', '실행' 매핑 추가

위반 해소

하드코딩 hex 색상: 4건 → 0건
style={{ color }} 인라인: 10건 → 0건
인라인 intent 삼항: 3건 → 0건
커스텀 탭 구현: 3건 → 0건

테스트

TypeScript 타입 체크 통과
ESLint 통과
pre-commit hook 통과
ADMIN 로그인 시 3개 메뉴 탭 전환 정상
design-system.html 카탈로그 섹션에 4종 노출 확인

🤖 Generated with Claude Code

## 변경 사항 ### 디자인 시스템 전환 (3개 페이지) - **LGCNSMLOpsPage** — 커스텀 탭→TabBar, hex 색상→Tailwind 토큰, 진행률 바→JOB_PROGRESS_COLOR, 상태→Badge+카탈로그 - **AISecurityPage** — 커스텀 탭→TabBar, hex KPI→Tailwind 토큰, 취약점 카운트→Badge - **AIAgentSecurityPage** — 커스텀 탭→TabBar, hex KPI→Tailwind 토큰, 인라인 intent→카탈로그 함수 ### 신규 카탈로그 (design-system.html 자동 노출) - `mlopsJobStatuses.ts` — running/done/fail/pending (4종) - `aiSecurityStatuses.ts` — 위협 수준 3종 + Agent 권한 5종 + 실행 결과 3종 - `catalogRegistry.ts`에 4건 등록 - `statusIntent.ts`에 '허용', '위험', '관리자', '중지', '실행' 매핑 추가 ## 위반 해소 - 하드코딩 hex 색상: 4건 → 0건 - style={{ color }} 인라인: 10건 → 0건 - 인라인 intent 삼항: 3건 → 0건 - 커스텀 탭 구현: 3건 → 0건 ## 테스트 - [x] TypeScript 타입 체크 통과 - [x] ESLint 통과 - [x] pre-commit hook 통과 - [ ] ADMIN 로그인 시 3개 메뉴 탭 전환 정상 - [ ] design-system.html 카탈로그 섹션에 4종 노출 확인 🤖 Generated with [Claude Code](https://claude.ai/code)

htlee added 3 commits 2026-04-13 11:46:02 +09:00

Merge pull request 'release: 2026-04-13 (21건 커밋)' (#32 ) from develop into main

Build and Deploy KCG AI Monitoring (Frontend) / build-and-deploy (push) Successful in 17s

Details

f304f778ca

refactor(frontend): LGCNS 3개 페이지 디자인 시스템 공통 구조 전환 99d72e3622

- 커스텀 탭 → TabBar/TabButton 공통 컴포넌트 교체 (3개 파일)
- hex 색상 맵 → Tailwind 클래스 토큰 전환, style={{ }} 인라인 제거
- 인라인 Badge intent 삼항 → 카탈로그 함수 교체 (getAgentPermTypeIntent 등)
- 신규 카탈로그: mlopsJobStatuses (4종), aiSecurityStatuses (위협3+권한5+결과3)
- catalogRegistry에 4건 등록 → design-system.html 쇼케이스 자동 노출
- statusIntent.ts에 '허용', '위험', '관리자', '중지', '실행' 매핑 추가

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

docs: 릴리즈 노트 [Unreleased] LGCNS 디자인 시스템 전환 항목 추가 feb28dbb85

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

claude-bot 이 변경사항을 승인하였습니다. 2026-04-13 11:49:11 +09:00

claude-bot left a comment

멤버

MR 승인 (via /mr skill)

htlee merged commit ce01c2134e into develop

2026-04-13 11:49:12 +09:00

htlee 삭제된 브랜치 feature/lgcns-design-system-align

2026-04-13 11:49:12 +09:00

htlee 커밋

2026-04-13 11:49:13 +09:00

에서 이 이슈 언급

Merge pull request 'refactor(frontend): LGCNS 3개 페이지 디자인 시스템 공통 구조 전환' (#33) from feature/lgcns-design-system-align into develop

"로그인하여 이 대화에 참여"

No reviewers

레이블 없음

마일스톤 없음

담당자 없음

참여자 2명

알림

마감일

기한이 올바르지 않거나 범위를 벗어났습니다. 'yyyy-mm-dd'형식을 사용해주십시오.

마감일이 설정되지 않았습니다.

의존성

No dependencies set.

Reference: gc/kcg-ai-monitoring#33