krwhale의 대기 현황을 더 보기 쉽게 해 주는 스크립트를 작성했습니다.

By @kjwon151/2/2018krwhale

저만 그런지는 모르겠지만 @krwhale을 이용할 때 항상 대기 리스트를 확인하게 되는데(목록에 잘 들어 갔는지, 몇 명이 대기 중인지 등) 조금 더 예쁘게 보였으면 편하겠다 싶어 스크립트를 작성하게 되었습니다.

원래 페이지는 이렇게 생겼습니다.
Screenshot from 2018-01-03 05-43-36.png

이 상태로도 그렇게 불편한 건 아니지만 저는 이런 점이 좀 불편했습니다.

  • 실제로 보팅을 기다리는 사람 이외에 krwhale 계정에 대한 모든 트랜잭션 목록[^1]이 나옵니다.
  • 타임스탬프가 로컬이 아닌 UTC 기준입니다.
  • 내가 몇 번째 순번인지 알고 싶습니다.

제가 작성한 스크립트를 적용하면 아래와 같이 보이게 됩니다.

Screenshot from 2018-01-03 05-40-26.png

  • 대기순번이 표시 됩니다 (krwhale의 트랜잭션, 잘못 된 입금 등의 내역은 제외하고 카운트)
    • krwhale의 트랜잭션, 잘못 된 입금 등의 내역은 제외하고 카운트 합니다
    • 잘못 된 입금의 경우 배경을 빨갛게 처리합니다.
  • 아이디별로 다른 배경색이 적용 됩니다 + 내 아이디는 더 채도가 높은 색으로 표시하여 알기 쉽게 했습니다
  • 타임스탬프를 로컬 타임존에 맞게 표시합니다

혹시 몰라 색약/색맹인 분들도 고려해 흑백 상태에서도 잘 구분이 되도록 해봤습니다.
Screenshot from 2018-01-03 05-41-00.png


설치 방법

  1. 우선 유저스크립트를 실행할 수 있는 애드온인 Greasemonkey(혹은 그와 호환 되는 애드온)를 설치합니다. 각자 자신이 쓰는 브라우저에 맞는 것을 골라 주세요.
    Greasemonkey for Firefox
    Tempermonkey for Firefox
    Tempermonkey for Chrome

  2. 설치가 끝났으면 여기 이 링크를 누릅니다. 그러면 이것저것 희안한 화면이 뜰텐데 Install이라 적힌 버튼을 누르면 됩니다.

  3. 설치가 다 되었으면 제대로 됐나 확인하기 위해 대기자 리스트에 들어가 봅시다.

  4. 유저 아이디를 묻는 화면이 나올 겁니다.
    image.png
    각자 자신의 아이디 (저의 경우엔 _kjwon15_입니다 @는 빼고 입력하세요)를 입력하시면 끝납니다.

[^1]: 파워 업, 환불 등

14

comments