[Feature] infinite scroll 구현

[SoheeP]

목적 및 개발 Feature

홈에서 처음 10개의 목록을 보여주고, 스크롤이 제일 하단에 도달했을 때 추가 10개 목록을 불러오게 함

개발 단계 또는 개발 방법

• [x] 로딩 컴포넌트 추가하기
• [x] IntersectionObserver을 구현할 컴포넌트를 구현하기(훅으로...? 🤔)
• [x] 홈에 적용하기

Blocker나 이슈가 발생시 코멘트로 남기세요. 멘션 기능을 통해서 @Hyeonprojects 멘션 부탁드립니다.

[SoheeP]

맷돌의 도움으로 해결...

• onIntersect로 전달되는 함수가 useCallback으로 감싸지지 않은 일반 함수로 전달되면 컴포넌트 생성 시 계속 새로 선언되서, ScrollObserverContainer가 계속 새로 실행될 수 있다.
• IntersectionObserver의 threshold는 요소의 content-box의 높이로 측정하는걸로 보인다. 그래서 교차 범위가 1이고 별다른 margin이 없으면 발생하지 않을 수 있음..