실시간 상태 정보 update 에 대한 아이디어

스터디를 위한 코드잼 사이트를 만들다가 정답 파일을 업로드한 사람 순위를 실시간으로 보여주기로 했다.

스터디를 위한 보조 페이지인만큼 최대한 작은 공수로 해결하기 위해,
결과 페이지를 5초마다 AJAX로 가져와 각 문제에 대한 랭크 정보를 보여주는 방법을 썼다.

역시 최대한 작은 공수로 해결하기 위해 문제 풀이에 대한 결과는
디비 대신 파일을 사용하기로 했다.
결과 정보는 HashMap<String, LinkedHashSet<User>> 와 같이 hashmap 에 문제 이름을 key 로,
정답을 맞춘 user 정보를 LinkedHashSet 에 담아 value 로 넣었다.
(역시 간단 구현^^;;을 위해 로그인 프로세스 생성 대신 그냥 이름으로 중복 처리를 했다)
이 hashmap을 context 의 attribute 에 넣어 저장하고,
새 정보를 쓸 경우에만 백업으로 hashmap 을 직렬화하여 파일에 넣는 방법을 선택했다.
application 의 속성에서 정보를 가져오니 시스템에 큰 부담이 없고,
최초 로드될 때에만 백업 파일에서 속성을 초기화해 싱크를 맞추는 방법이었다.

음... 근데 문제는,..
5초마다 불러오다 보니 이 div 가 너무 깜빡이는 거다.

어떻게 하면 좋을까,.. 선호와 같이 고민하다가....
이게 했다.
아주 괜찮은 방법이다.

5초마다 결과 페이지를 가져오긴 하되,
기존 값과 변경해서 값이 다를 때에만 div 내용을 업데이트 하는 거다!!

뒷단에선 열씨미 왔다갔다 하겠지만,
페이지에 보이기엔 큰 부하가 없어보이고 더 깔끔해졌다.
좋구나~~