가상 스크롤

항목이 수만 개여도 화면에 보이는 만큼만 실제로 그려서 부드럽게 스크롤하는 windowing 기법. 아래 카운터로 실제 그려지는 행 수를 직접 확인해 보세요.

항목 수
실제 렌더된 DOM 행: 13전체: 10,000
김민준
사용자 #1 · 최근 활동 1분 전
#1
이수아
사용자 #2 · 최근 활동 2분 전
#2
박하준
사용자 #3 · 최근 활동 3분 전
#3
최서연
사용자 #4 · 최근 활동 4분 전
#4
정시우
사용자 #5 · 최근 활동 5분 전
#5
강지유
사용자 #6 · 최근 활동 6분 전
#6
조도윤
사용자 #7 · 최근 활동 7분 전
#7
윤유나
사용자 #8 · 최근 활동 8분 전
#8
장예준
사용자 #9 · 최근 활동 9분 전
#9
임지우
사용자 #10 · 최근 활동 10분 전
#10
김민준
사용자 #11 · 최근 활동 11분 전
#11
이수아
사용자 #12 · 최근 활동 12분 전
#12
박하준
사용자 #13 · 최근 활동 13분 전
#13

스크롤해도 DOM 행 수는 약 18개 안팎으로 유지됩니다 — 전체 개수와 무관하게.