ITAM/ISSUE_REPORT_20260625.md

[이슈 & 작업 보고서] 자산 목록 필터 및 테이블 리사이징 개선 (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 브랜치 상에서의 완벽한 동작 테스트를 완료하여 안정성이 무결하게 입증된 결과물에 한해서만 메인 운영 서버로의 최종 배포 및 브랜치 병합을 진행합니다.