알림 페이지, 이제 원하는 순서대로 보세요!
by DD
3개월 전
조회수 20
알림 페이지에 "정렬 기준" 컨트롤이 추가되어 알림 정렬 기능(Notification Sorting) 제공
"최신순" 및 "오래된순" 정렬 옵션 지원하며, 세션 간 정렬 설정 유지(Session Persistence)
저장소별 그룹 정렬 시, 그룹 및 개별 알림의 순서에 모두 적용되어 알림 관리 효율성(Notification Management Efficiency) 향상
사용자 경험(UX) 개선
본문은 알림 페이지에 정렬 기능을 추가하여 사용자 경험(User Experience)을 개선했다고 설명한다.
기존에는 최신 알림만 표시되었으나, 이제 오래된 알림부터 확인할 수 있어 알림 확인 편의성(Notification Review Convenience) 증대
정렬 방식 선택 후, 세션 간 설정을 유지하여 사용자 설정 유지(User Preference Persistence)
저장소별 그룹 정렬 기능은 알림 관리 효율성(Notification Management Efficiency) 향상에 기여
UI 컴포넌트(UI Component) 설계
알림 페이지의 정렬 기능은 UI 컴포넌트(UI Component) 설계의 좋은 예시가 될 수 있다.
"정렬 기준" 컨트롤은 드롭다운(Dropdown) 또는 라디오 버튼(Radio Button) 형태로 구현 가능
선택된 정렬 방식은 상태 관리(State Management) 시스템을 통해 관리되어야 하며, 전역 상태(Global State)로 관리하여 모든 뷰에서 일관성 유지
접근성(Accessibility) 고려하여 키보드 네비게이션(Keyboard Navigation) 및 스크린 리더(Screen Reader) 지원
결과적으로, UI 컴포넌트(UI Component) 설계 시 재사용성(Reusability)과 접근성(Accessibility)을 고려해야 한다.
데이터 정렬(Data Sorting) 구현
알림 데이터 정렬은 프론트엔드(Frontend) 또는 백엔드(Backend)에서 구현될 수 있다.
프론트엔드(Frontend) 정렬: JavaScript(JavaScript)의 `sort()` 메서드를 활용하여 클라이언트 측에서 정렬 수행
백엔드(Backend) 정렬: 데이터베이스 쿼리(Database Query) 시 `ORDER BY` 절을 사용하여 서버 측에서 정렬 수행
성능(Performance) 고려: 대량의 데이터는 서버 측 정렬이 유리하며, 실시간 정렬이 필요한 경우 프론트엔드(Frontend) 정렬
결론적으로, 데이터의 양과 정렬 빈도에 따라 적절한 정렬 방식(Sorting Method)을 선택해야 한다.
