최근 테이블을 구현하는데 있어서, 10만개가 넘는 대규모 데이터로 구현할 일이 생겼다. 기존 코드에선 엘리먼트를 사용해서 내가 알던 방식으로 table을 구현했는데, 브라우저가 렉 걸리고... 멈춰버리는 현상이 발생했다. 아마도 데이터의 양이 많다보니 모든 행과 열을 한 번에 랜더링 하는과정에서 발생하는 문제인 것 같은데, 이를 해결하기 위해서 가상화 테이블 ( virtualized table ) 을 구현하는 방법에 대해서 알아보았다. 먼저 table 엘리먼트와 react-virtualized를 이용한 table의 차이점에 대해서 설명하겠다. 1. 성능 및 가상화 위에서 언급했듯이 table 엘리먼트는 대규모 데이터를 랜더링하는데 적합하지 않다. react-virtualized의 경우 화면에 보이는 아이..