nhn / tui.grid

🍞🔡 The Powerful Component to Display and Edit Data. Experience the Ultimate Data Transformer!
http://ui.toast.com/tui-grid/
MIT License
2.4k stars 386 forks source link

2000건 이상 데이터시 사용 불가인지 궁금합니다 #1996

Open copsmj opened 7 months ago

copsmj commented 7 months ago

안녕하세요 2020년도 웹사이트에서 Toast grid는 2000건 이상의 데이터가 들어간경우 사용 불가라는데 혹시 아직도 2000건이상의 데이터가 들어가면 사용 불가일까요?

https://xzio.tistory.com/403

YounghoonYoo commented 6 months ago

실제 대용량 데이터를 grid 넣은 후 테스트 했습니다. 느린 부분 없고 1초마다 대량 데이터가 꽂혀도 느림 없이 잘처리됩니다.

https://ui.toast.com/weekly-pick/ko_20191204

Lazy Observable

lazy observable은 반응형 데이터를 실제로 필요한 경우에만 실시간으로 생성해준다는 의미이다. 글의 서두에서 이야기했듯이 대용량 배열 데이터 전체를 반응형 데이터로 생성하는 것은 생각보다 매우 큰 비용이 드는 작업이었고, 이로 인해 그리드의 초기 렌더링 성능이 급격하게 저하되었다. 문제를 해결하기 위해 반응형 데이터 생성에 소요되는 시간을 줄이는 법을 계속 고민하였고, 초기에 전체 데이터를 반응형 데이터로 변경하지 않고 객체 범위를 한정하여 필요할 때마다 변경하는 건 어떨까? 란 생각을 하게 되었다. 그리고 최종적으로 반응형 데이터로 변경할 객체의 범위를 화면에서 보이는 데이터(스크롤 영역내의 데이터) 로 한정하여 lazy observable을 적용해보자는 결론을 얻을 수 있었다.