무한스크롤 (1) 썸네일형 리스트형 Intersection Observer API 뷰포트와 대상 요소(이미지, 텍스트 등)의 교차에서 변경 사항을 비동기식으로 관찰하는 방법을 제공하는 API -> element를 감시하고 해당 요소가 유저에게 표시되는 시점을 알려줌 필요한 이유 평소 스크롤 이벤트를 콜백으로 처리할 경우 짧은시간내에 많은 이벤트가 동기적으로 실행될 수 있음(광고, lazy loading, 무한 스크롤 등) 과거에는 이런처리에 Element.getBoundingClientRect() 를 사용하여 메인 스레드에서 실행하기때문에 성능문제에서 자유로울수 없었음 신뢰도 있는 공식 API의 필요성 사용법 const circle = document.getElementById('circle'); const observer = new IntersectionObserver( (items.. 이전 1 다음
