Skip to content

[FEAT] 테이블 정렬(Sort) 기능 추가 #30

Description

@yyuneu

📄 기능 설명

  • 데이터가 많은 관리 페이지(감사 로그, 디바이스, 장소 등)에서 테이블 컬럼 기반 정렬 기능을 추가
  • 테이블 헤더 클릭 시 해당 컬럼 기준 오름차순/내림차순 정렬
  • 정렬 상태를 시각적으로 표시
  • 데이터가 적은 Site 관리 페이지보다는 감사 로그, 디바이스, 장소 페이지에 우선 적용

🧭 요구사항

  • 필터 타입에 sortBy, sortDir 필드 추가
  • 필터링 후 정렬 파이프라인 구현
  • 공통 정렬 로직을 재사용 가능한 유틸/훅으로 분리
  • 테이블 헤더 클릭 시 정렬 토글 (asc → desc → 기본)
  • 정렬 가능한 컬럼에 aria-sort 속성 및 방향 아이콘 표시

🖼 화면 / UI 흐름

No response

🛠 구현 아이디어

  • 정렬 로직을 shared/utils/sort.ts 또는 공통 훅으로 분리하여 여러 페이지에서 재사용
  • 문자열은 localeCompare, 날짜는 Date 비교, 상태는 boolean 비교
  • API 연동 시 서버사이드 정렬로 전환 가능하도록 sortBy/sortDir 파라미터 구조 유지

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions