docs: 이슈 보고서 및 thoon 브랜치 작업 가이드라인 추가
This commit is contained in:
58
ISSUE_REPORT_20260625.md
Normal file
58
ISSUE_REPORT_20260625.md
Normal file
@@ -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` 브랜치 상에서의 완벽한 동작 테스트를 완료하여 안정성이 무결하게 입증된 결과물에 한해서만 메인 운영 서버로의 최종 배포 및 브랜치 병합을 진행합니다.
|
||||
Reference in New Issue
Block a user