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 파라미터 구조 유지

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions