📝 현재 문제점 --- - 물품 관리 화면에서 데이터를 체계적으로 조회/정렬/필터링/일괄 처리할 수 있는 표 기반 UI가 부재합니다. - 현재는 기본 목록/카드 뷰 위주로 되어 있어, 재고/상태/카테고리 등 주요 지표를 빠르게 파악하거나 대량 선택 후 작업(삭제/상태변경 등)을 수행하기 어렵습니다. - 페이지네이션/컬럼 정렬/검색 경험이 일관되지 않아 대량 데이터(수천 건 이상) 사용 시 성능 및 사용성이 저하됩니다. 🛠️ 해결 방안 / 제안 기능 --- - **shadcn/ui + TanStack Table v8 패턴**을 활용한 표(Data Table) UI 도입 - shadcn/ui 컴포넌트(Checkbox, Input, Select, Badge, DropdownMenu, Dialog/Drawer, Tooltip, Skeleton 등)로 **정렬/필터/검색/선택/페이지네이션**을 제공 - **서버사이드 페이지네이션/정렬/필터링**을 기본값으로 설계해 대량 데이터에서도 일관된 성능 확보 - **행 선택 및 일괄 액션**(삭제, 상태 변경, 카테고리 일괄 지정 등) 제공 - **행 단위 액션**(상세 보기, 수정, 복제, 비활성화/활성화) 버튼을 우측에 고정 - **컬럼 가시성 토글** 및 사용자의 선호도(정렬/가시성/페이지 크기)를 **로컬 스토리지**에 저장 - 빈 상태(Empty state), 로딩 스켈레톤, 에러 상태 UI 명확화 - 모바일 뷰에서는 **Card/List 하이브리드**로 축약 표현(필수 필드만 노출), 데스크톱은 표 레이아웃 유지 - 접근성: 키보드 내비게이션, ARIA 라벨, 포커스 스타일 적용 🙋♂️ 담당자 --- - 백엔드: 이름 - 프론트엔드: @Chuseok22 - 디자인: 이름
