이번 dist-thymeleaf 갱신분의 HTML 마크업 변경만 정리한 문서입니다. CSS/JS/SVG 는 개발팀 재정의 영역이라 제외.
변경 HTML 70개 — 크게 A) CAMS 마크업 정리 + B) 버튼 규정 개편(전역) 두 축.
| 코드 | 내용 |
|---|---|
| CAMS | 메뉴 현행화 — breadcrumb KCMS→CAMS, active·LNB data-key kcms-*→cams-* (특수: profile-issue→profile-module, stats-*→cams-stats-*) |
| 인라인삭제 | 인라인 style="…" 제거(클래스화/불필요 제거) |
| data삭제 | JS 미사용 data-* 속성 제거 |
| checkbox | 맨몸/커스텀 체크박스 → 공통 .check 컴포넌트 치환 |
| btn-del | 삭제버튼 빨강 인라인(#e03131) → .btn-del 클래스 |
| td.left | 테이블 셀 불필요 class="left" 제거 |
| width* | <col style="width: *">(무효값) → width: auto |
| 파일 (pages/cams/) | CAMS | 인라인 | data | check | btn-del | td.left | width* | 기타 |
|---|---|---|---|---|---|---|---|---|
fragments/lnb | 키 20 | – | – | – | – | – | – | 대분류 라벨 CAMS·하위키 전체 cams-* |
| product/card | ✓ | 9 | – | 14 | 1 | 1 | – | 우측 빈화면(placeholder) · 트리 기본 접힘 |
| product/issuer | ✓ | 2 | – | 3 | – | – | – | 우측 빈화면 · 트리 접힘 |
| product/chip-change | ✓ | 9 | 9 | 7 | – | – | 1 | data-issuer-product-code·data-name 제거 |
| product/credit | ✓ | 4 | – | – | 2 | – | – | 삭제버튼 클래스화 |
| profile/app-code | ✓ | 12 | 66 | – | 6 | 7 | 1 | 행·삭제버튼 metadata data-* 대량 제거 |
| profile/application | ✓ | – | 4 | – | 1 | – | 1 | |
| profile/application/detail | ✓ | 2 | – | – | – | – | – | 탭 .tab .tab-item 통일 |
| profile/card | ✓ | – | 1 | – | 1 | – | 1 | |
| profile/card/detail | ✓ | 1 | – | 3 | 2 | 1 | – | 탭 .tab .tab-item 통일 |
| profile/chip | ✓ | 11 | – | – | 6 | 15 | 2 | |
| profile/dki | ✓ | 2 | 2 | – | – | 4 | 1 | |
| profile/dki/detail | ✓ | 8 | – | – | 2 | – | – | |
| profile/key | ✓ | 1 | 2 | – | 1 | – | 1 | |
| profile/key/detail | ✓ | – | – | – | – | 1 | – | 탭 .tab .tab-item 통일 |
| profile/load | ✓ | 1 | 2 | – | 1 | – | 1 | |
| profile/load/detail | ✓ | – | – | – | – | 1 | – | 탭 .tab .tab-item 통일 |
| profile/module | ✓ | – | – | – | – | 10 | 1 | 네이티브 <select> → .select-box |
| profile/module/detail | ✓ | – | – | – | – | – | 1 | |
| stats/issue-count | ✓ | – | – | – | – | – | – | active cams-stats-issue-count |
| stats/issue-time | ✓ | – | – | 2 | – | – | – | 조회대상 체크박스(성공/실패)→.check |
| stats/monthly | ✓ | – | – | – | – | – | – | active cams-stats-monthly |
| system/code | ✓ | 1 | – | – | – | 30 | 1 | |
| system/partner | ✓ | – | – | – | – | 30 | – | |
| lifecycle/lifecycle | ✓ | 1 | – | – | – | – | 1 | |
| lifecycle/detail | ✓ | 9 | – | – | – | – | 9 |
CAMS 외 페이지 전반에 버튼 클래스 매핑이 일괄 적용됨. (마크업 = 클래스 교체만, 구조 변화 없음)
| 기존 | 변경 | 용도 |
|---|---|---|
btn-fill | btn-navy | 주요 액션 (확인 / 저장 / 등록 / 생성) |
btn-tertiary | btn-navy-sub | 취소 / 서브 액션 |
btn-line | btn-navy-sub | 수정 / 재시작 등 보조 링크·액션 |
btn-navy-sub btn-w110 | btn-line | 등록 토글 버튼 (system/code·menu, ops-info/dlq) |
btn-line | btn-fill | 가이드 예시 버튼 (guide/table 한정 — 예외) |
| 파일 (pages/) | →navy | →navy-sub | →line | →fill |
|---|---|---|---|---|
| content/faq/detail | – | 1 | – | – |
| content/faq/edit | 1 | 1 | – | – |
| content/faq/register | 1 | 1 | – | – |
| content/file-request/detail-email | 1 | 1 | – | – |
| content/file-request/detail | 1 | 1 | – | – |
| content/manual-manage/detail | 1 | 1 | – | – |
| content/manual-manage/edit | 1 | 1 | – | – |
| content/manual-manage/register | 1 | 1 | – | – |
| content/notice-manage/detail-partner | 1 | 1 | – | – |
| content/notice-manage/detail | 1 | 1 | – | – |
| content/notice-manage/edit | 1 | 1 | – | – |
| content/notice-manage/register | 1 | 1 | – | – |
| content/trouble-manage/detail | 1 | 1 | – | – |
| content/trouble-manage/edit | 1 | 1 | – | – |
| content/trouble-manage/register | 1 | 1 | – | – |
| user/admin-detail | 1 | 1 | – | – |
| user/admin-edit | 1 | 1 | – | – |
| user/admin-register | 1 | 1 | – | – |
| user/partner-detail-general | 1 | – | – | – |
| user/partner-detail-rep | 1 | 1 | – | – |
| user/partner-detail | 1 | 1 | – | – |
| user/partner-edit | 1 | 1 | – | – |
| user/partner-org-detail-more | – | 1 | – | – |
| user/partner-org-detail | – | 1 | – | – |
| user/partner-org-edit | 1 | 1 | – | – |
| user/partner-org-info | 1 | – | – | – |
| user/partner-org-register | 1 | 1 | – | – |
| kms/inquiry-detail | 1 | – | – | – |
| kms/keygen | 1 | – | – | – |
| kms/keygen-step2 | 1 | – | – | – |
| kms/keygen-step2-input | 1 | 1 | – | – |
| kms/keygen-step3 | 1 | 1 | – | – |
| kms/keygen-step4 | 1 | – | – | – |
| ops-info/dlq | – | – | 1 | – |
| ops-info/luk-reset/register-result | 1 | 1 | – | – |
| ops-info/luk/detail | – | 1 | – | – |
| ops-info/luk/edit | 1 | 1 | – | – |
| ops-info/luk/register | 1 | 1 | – | – |
| system/code | 4 | 4 | 1 | – |
| system/menu | 3 | 2 | 1 | – |
| myinfo/myinfo | 2 | 1 | – | – |
| guide/table | – | – | – | 1 |
| 합계 | 42 | 38 | 3 | 1 |
| 파일 | 변경 |
|---|---|
kms/backup.html | 체크박스 열 <th>·<td> → th-check·td-check 클래스 추가 |
guide/button.html | Delete(.btn-del) 가이드 항목 신설 (삭제버튼 표준) |