badaso.net > 랭킹 정렬
랭킹을 도입한 지 2주일이 넘었는데 아직도 랭킹에 대한 작업을 하고 있다. 특히 요 며칠은 혼란스럽지 않으면서도 다이내믹하게 랭킹을 보여주는 방식에 대해 고민했다. 혼란스럽지 않은 것과 다이내믹한 것은 서로 모순되는 측면이 있어서 구현하는 데 애를 먹었다. 가령 랭킹을 포인트 순으로 배열하면 랭킹이 잘 변하지 않기 때문에 흥미가 떨어지고, 시간기록한 최근 순서로 나타내면 랭킹 숫자가 뒤죽박죽이어서 어지럽다. 오늘 이것에 대한 해결책을 찾았다.
포인트 순으로 랭킹을 나타내되 포인트가 같을 때는 시간기록한 최근 순서로 정렬하는 것이다. 그러면 랭킹 숫자가 크기 순으로 배열되면서도 같은 순위에서는 최근의 작용을 반영하여 역동적인 모습이 된다.
작업하는 김에 본인이 시간기록 중일 때는 채워진 핑크박스에 랭킹을 나타냈고, 시간기록 중이 아닐 때는 박스 테두리에만 핑크 색상을 적용했다. 포인트 랭킹이 점점 더 재밌어지는 것 같다. |