From 4d98d9a48ec6b944298c9f9aa79b6e7657f97594 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=9D=B4=ED=83=9C=ED=9B=88?= Date: Thu, 25 Jun 2026 20:15:16 +0900 Subject: [PATCH] =?UTF-8?q?docs:=20=EC=9D=B4=EC=8A=88=20=EB=B3=B4=EA=B3=A0?= =?UTF-8?q?=EC=84=9C=20=EB=B0=8F=20thoon=20=EB=B8=8C=EB=9E=9C=EC=B9=98=20?= =?UTF-8?q?=EC=9E=91=EC=97=85=20=EA=B0=80=EC=9D=B4=EB=93=9C=EB=9D=BC?= =?UTF-8?q?=EC=9D=B8=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ISSUE_REPORT_20260625.md | 58 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 58 insertions(+) create mode 100644 ISSUE_REPORT_20260625.md diff --git a/ISSUE_REPORT_20260625.md b/ISSUE_REPORT_20260625.md new file mode 100644 index 0000000..688752a --- /dev/null +++ b/ISSUE_REPORT_20260625.md @@ -0,0 +1,58 @@ +# [이슈 & 작업 보고서] 자산 목록 필터 및 테이블 리사이징 개선 (2026-06-25) + +## 1. 개요 +* **대상 브랜치**: `thoon` +* **주요 목적**: 자산 목록의 필터 정합성 통일, 테이블 가로 스크롤 및 컬럼 리사이징 성능 개선, 미적 가시성 강화, 그리고 DB 설계와 소스코드의 불일치(제조사 필드 누락) 해결. + +--- + +## 2. 세부 작업 내역 + +### ① 자산 목록 필터 조건 통일화 +* **조치 내용**: + - 서버 및 소프트웨어(내부/외부)를 제외한 모든 자산 목록 뷰 파일에서 불필요한 '자산위치'(`showLoc`) 필터 옵션을 삭제했습니다. + - PC 목록과 정합성을 맞추어 '상태'(`showStatus: true`) 필터 옵션을 일관성 있게 일괄 적용했습니다. +* **적용 파일**: + - `PcListView.ts` + - `StorageListView.ts` + - `NetworkListView.ts` + - `EquipmentListView.ts` (업무지원장비) + - `FacilityListView.ts` (사무가구/시설자산) + - `GiftListView.ts` (선물) + - `MobileListView.ts` (모바일) + - `PcPartListView.ts` (PC부품) + - `SpaceInfoListView.ts` (공간정보장비) + +### ② 테이블 가로 스크롤 및 리사이징 무결성 개선 +* **조치 내용**: + - 컬럼 드래그 시작(`mousedown`) 시, 테이블 내 모든 헤더(`th`)의 현재 픽셀 너비를 구하여 인라인 스타일(`style.width`)로 일시 고정했습니다. 이를 통해 하나의 컬럼을 늘릴 때 인접 컬럼이 찌그러지거나 축소되지 않고 자신의 너비를 단단히 고수하도록 개선했습니다. + - `td` 태그의 인라인 `width` 스타일을 제거하여, 고정 테이블 레이아웃(`table-layout: fixed`) 규칙에 따라 상단 헤더(`th`)의 정렬 너비를 자동으로 명확하게 따르도록 처리했습니다. + - `table` 태그에 `min-width: 100%` 및 `max-width: none`을 부여하고 부모 컨테이너 `.table-container` 에 `overflow-x: auto` 구조를 유지하여, 컬럼 너비 확장 시 화면 밖으로 가로 스크롤바가 매끄럽고 안정적으로 생성되도록 레이아웃을 최적화했습니다. + +### ③ 검색 결과 개수 표시 영역 고도화 및 인라인 스타일 이관 +* **조치 내용**: + - 통합 검색창의 너비를 320px로 조절하여, 타이틀 레이블과 아래 인풋 창의 세로 줄맞춤 정렬을 일직선으로 깨끗하게 확보했습니다. + - 개수 표시 영역은 맨 우측 '필터 초기화' 버튼의 오른쪽으로 독립 이관하고, 타이틀을 **`검색 결과`**로 명명하여 다른 필터 박스들과 시각적으로 조화되게 정돈했습니다. + - 디자인 가이드를 준수하여 스크립트에 흩어져 있던 인라인 하드코딩 스타일을 전면 제거하고 `src/styles/common.css` 로 클래스(`.keyword-search`, `.result-count-item`, `.result-count-box`, `.result-count-text`)화하여 이관했습니다. + - 개수 값의 "총" 단어는 삭제하고, 폰트 색상은 디자인 가이드의 대표 블루 토큰(`var(--color-blue)`)을 적용하여 투명하고 선명한 텍스트 형태로 표출되도록 미적 가시성을 극대화했습니다. + +### ④ PC부품 목록 내 제조사 컬럼 누락 팩트 확인 및 삭제 +* **조치 내용**: + - 실제 라이브 DB(`asset_core` 및 `asset_spec` 테이블)를 직접 쿼리하여 `asset_mfr`(제조사) 컬럼이 실제 물리 스키마 설계에 존재하지 않는 누락 상태임을 최종 확인했습니다. + - 이에 따라 데이터가 유실되어 항상 공백으로 비어 나오던 PC부품 목록(`PcPartListView.ts`) 테이블 정의에서 '제조사' 컬럼을 최종 삭제 처리하여 불필요한 UI 혼선을 정리했습니다. + +--- + +## 3. 향후 작업 및 배포 가이드라인 (중요) + +> [!IMPORTANT] +> **원격 서버 및 배포 프로세스 준수 사항** +> +> 1. **작업 및 테스트 브랜치 고정**: +> - 앞으로 발생하는 모든 추가 자산 관리 시스템의 수정 사항 및 신규 기능 개발은 오직 **`thoon` 브랜치** 상에서만 진행합니다. +> +> 2. **검증 및 테스트 필수 수행**: +> - `thoon` 브랜치에서 코딩 작업을 완료한 후, 로컬 빌드 테스트 및 실제 구동 화면 검증(정렬선 일치, 가로 스크롤바 정합성, 필터 데이터 연동 등)을 철저하게 수행하여 결함이 없음을 입증해야 합니다. +> +> 3. **배포 단계**: +> - 로컬 및 `thoon` 브랜치 상에서의 완벽한 동작 테스트를 완료하여 안정성이 무결하게 입증된 결과물에 한해서만 메인 운영 서버로의 최종 배포 및 브랜치 병합을 진행합니다.