웹상에서 몇천개 또는 몇만개의 데이터를 행으로 표시하는 현재 웹기술로도 그렇게 느리지 않게 표시가 가능하다. 하지만, 데이터의 크기가 몇십만, 몇백만이 넘어가게 되면 사정이 달라진다. DBA의 도움으로 쿼리를 튜닝하더라도 데이터가 워낙 많기 때문에 데이터를 표시한 후 스크롤을 하게되면 상당한 속도 저하가 화면에 바로 나타나는 것을 느낄 수 있다.

이런 경우 데이터를 50개, 100개 단위로 나누어서 표시하거나 하는 방법을 도입하기도 하지만, 실제 프로젝트에서 고객의 요구사항에 의하여 나누어서 표시하는 것도 여의치 않은 경우가 발생하게 된다.

Clusterize.js 는 아주 작은 JavaScript 라이브러리로 대용량 데이터를 표시하기 위하여 효과적으로 사용할 수 있다. 아래는 50만건의 데이터를 아주 빠르게 표시하는 방법을 보여주는 예와 코드이다.

table_example

소스는 http://nexts.github.io/Clusterize.js/ 에서 다운로드 하여 사용할 수 있으며, 사이트에 적용하는 방법에 대한 예시도 잘 설명되어 있다.

(주)포스젠 오픈소스 컨설팅본부 제공