React 무한스크롤

React Hooks와 Intersection Observer를 사용한 무한스크롤 구현

핵심:React Hooks 기반 무한스크롤 - useInfiniteFetcher 훅으로 데이터 페칭을 관리하고, useIntersectionObserver로 스크롤 감지를 처리

✅ 장점: React 생태계와 완벽 호환, 상태 관리 용이, 재사용 가능한 훅, 선언적 코드, 컴포넌트 기반 구조

❌ 단점: 번들 크기 증가, React 의존성, 러닝 커브, 오버헤드

💡 사용 시나리오: 소셜 미디어 피드, 뉴스 목록, 상품 목록, 댓글 목록, 대규모 데이터 목록

🔧 동작 방식:useIntersectionObserver 훅으로 스크롤 감지,useInfiniteFetcher 훅으로 데이터 페칭 관리