- Intersection Observer API는 웹 요소 간 교차 여부를 비동기적으로 관찰하여 스크롤 이벤트 방식보다 빠르고 정확합니다. 🚀
- 웹 표준 API이므로 별도 라이브러리 설치 없이 사용 가능합니다. 🌐
- 이미지가 뷰포트에 나타날 때만 다운로드하여 효율적인 이미지 로딩을 구현합니다. 🖼️
root
옵션은 교차 여부 비교 대상,threshold
옵션은 교차 판단 기준을 설정합니다. ⚙️- 콜백 함수는 교차 상태 변경 시 실행되며, 교차된 요소에 대한 처리를 수행합니다. 🔔
- 이미지 로딩 완료 또는 실패 시 적절한 UI 업데이트 및 관찰 중단을 통해 사용자 경험을 개선합니다. ✨