이번 갱신분의 HTML 마크업 변경만 정리한 문서입니다. CSS/JS/SVG 는 개발팀 재정의 영역이라 제외.
변경 HTML 25개 — CAMS 검색필터(search-filter) 리디자인의 마크업 잔여분 + 검색툴바·모달·테이블셀 정비.
modules/_list.scss 등) — 라벨 고정폭→auto, 컨트롤 고정폭, 열 max-content 자동정렬. CSS라 이 문서엔 제외되고, 아래 desc·check 가 그 마크업 측 잔여분입니다.
이번 git diff(HTML)에서 도출된 6개 유형. 이번 세션 = 검색필터 리디자인과 함께 진행.
| 코드 | 내용 |
|---|---|
| desc 이번 세션 | 페이지 상단 <h1 class="page-title"> 바로 아래 <p class="page-desc">(설명 문단) 삭제. 본문 내 설명(모달·섹션)은 보존. |
| check 이번 세션 | 검색필터 체크박스를 <div class="check-group"> 로 래핑 → 셀렉트/입력과 동일한 고정폭 컨트롤 슬롯으로 정렬. |
| toolbar | 검색버튼 + 엑셀버튼을 <div class="search-btn-wrap"> 로 그룹화(+ <span class="center-line"> 구분선). |
| srchbtn | 검색필터 입력의 검색버튼 search-btn → 모달 트리거 btn btn-line btn-search 로 교체 + placeholder 문구 정비. |
| modal | 모달 인라인 style="width:*" → 크기 modifier modal-box--sm alert, 불필요 <form> 래퍼·인라인 style 제거. |
| td.left | 테이블 데이터 셀 class="left" 정비(불필요 제거 / 누락 보정). |
| 파일 (pages/) | desc | check | toolbar | srchbtn | modal | td.left | 비고 |
|---|---|---|---|---|---|---|---|
| cams/product/card | 1 | 1 | – | – | – | – | 만료 포함 체크박스 래핑(반폭 필터) |
| cams/product/issuer | 1 | 1 | – | – | – | – | 만료 포함 체크박스 래핑(반폭 필터) |
| cams/product/chip-change | 1 | – | – | 2 | – | – | 원본·대상 프로파일 검색버튼 → 모달 트리거 |
| cams/product/credit | 1 | – | – | – | – | 90 | 결과 테이블 td.left 대량 제거 |
| cams/profile/app-code | 1 | – | – | – | 1 | 1 | 삭제모달 정리 + 셀 정렬 1건 보정 |
| cams/stats/issue-count | 1 | – | 1 | – | – | – | 검색+엑셀 툴바 그룹화 |
| cams/stats/issue-time | 1 | 1 | 1 | – | – | – | 조회대상 체크박스 래핑 + 툴바 그룹화 |
| cams/stats/monthly | 1 | – | 1 | – | – | – | 검색+엑셀 툴바 그룹화 |
| cams/lifecycle/lifecycle | 1 | – | – | – | – | – | 본문 모달 설명문은 보존 |
| cams/lifecycle/detail | 1 | – | – | – | – | – | 섹션 설명문은 보존 |
| cams/profile/application | 1 | – | – | – | – | – | |
| cams/profile/application/detail | 1 | – | – | – | – | – | |
| cams/profile/card | 1 | – | – | – | – | – | |
| cams/profile/card/detail | 1 | – | – | – | – | – | |
| cams/profile/chip | 1 | – | – | – | – | – | |
| cams/profile/dki | 1 | – | – | – | – | – | |
| cams/profile/key | 1 | – | – | – | – | – | |
| cams/profile/key/detail | 1 | – | – | – | – | – | |
| cams/profile/load | 1 | – | – | – | – | – | |
| cams/profile/load/detail | 1 | – | – | – | – | – | |
| cams/profile/module | 1 | – | – | – | – | – | |
| cams/profile/module/detail | 1 | – | – | – | – | – | |
| cams/system/code | 1 | – | – | – | – | – | |
| cams/system/partner | 1 | – | – | – | – | – | |
| guide/modal | – | – | – | – | 2 | – | 가이드 예시 modal-box--sm alert 적용 |
| 합계 | 24 | 3 | 3 | 2 | 2 | 91 |
본체는 SCSS(개발팀 재정의 영역)라 위 매트릭스엔 없지만, 위 desc·check 마크업 변경의 배경입니다.
product/card·issuer는 190px).repeat(N, max-content) → 여러 행이면 열별 최장 라벨 기준으로 컨트롤 시작점이 세로 정렬. (기존 페이지별 --search-label-w 고정폭 override 제거)check 유형): 모든 컨트롤이 동일 고정폭이어야 정렬이 성립 → 체크박스 묶음을 .check-group(고정폭 슬롯)으로 래핑.