IntersectionObserverAPI (1) 썸네일형 리스트형 [WEB] #1. 무한스크롤 만들기 무한스크롤을 아직까지 사용해본 적은 없으나, 기술연습이나 과제 등으로 활용되어 정리하고자 함 #1. element 속성을 이용한 무한 스크롤 #2. Intersection Observer API를 이용한 무한 스크롤 #2.1. IntersectionObserver API (component) #2.2. useIntersection Hook #1. element 속성을 이용한 무한 스크롤 document.documentElement.scroll 속성을 이용하여 활용한 방식으로 예전에 많이 활용하던 방식 리스트 중 특정 데이터 자동 포커싱 등에 활용 그림1. 은 html로 그려지는 요소(element) 의 사이즈 속성 정보를 표현 브라우저에 나타나는 부분을 viewport 라고 볼 때, clientHeigh.. 이전 1 다음
