[ FE 면접 CS] 대용량 데이터를 부드럽게 처리하는 무한 스크롤 전략
·
🔴 Study/🔴면접 스터디
취준 스터디 JobScript의 첫번째 면접 스터디에서 정리한 질문입니다.프론트엔드 개발자 입장에서 CS의 알고리즘 문제를 적용한다면 무슨 질문이 나올까 고민하며 질문을 선정하였습니다. 무한 스크롤에서 적용할 수 있는 알고리즘은 무엇인가요?✅ 답변더보기가상 스크롤 + 슬라이딩 윈도우로 화면에 보이는 윈도우(start~end) + 앞뒤 버퍼만 렌더링합니다. 이전에는 DOM Element를 DOM에 계속 append 하다보니, 노드가 기하급수적으로 늘어나 Layout/Paint/Composite가 과도해져 성능이 급감하는 문제가 발생합니다. 이를 해결하기 위해, 가상 스크롤과 슬라이딩 윈도우 방식을 통해 뷰포트에 보이는 아이템만 dom에 추가(가상 스크롤링)합니다. 스크롤 시에는 requestAnimati..