Infinite Scroll

스크롤할 때마다 자동으로 데이터를 로드합니다. SNS, 뉴스피드, 쇼핑몰 등에서 자주 볼 수 있습니다.

💡 구현 포인트

✓ Intersection Observer API — DOM 요소의 가시성 변화를 감지
✓ rootMargin — 하단 100px 전에 미리 로드 시작
✓ 자동 페이지네이션 — 사용자가 인지하지 못할 정도로 부드럽게 동작
✓ 에러 처리 — 로드 실패 시 재시도 없이 중단
✓ 중복 방지 — isLoading 플래그로 동시 다중 요청 방지