React 무한 스크롤 문제 해결 (Intersection Observer)

라이북러리 프로젝트에서 도서 검색에 대한 결과 값을 무한 스크롤로 보이도록 하였다. 이를 구현하는 과정에서 겪은 문제를 정리해보았다. 🔴 데이터를 불러오면 스크롤이 최상단으로 가는 이유는? 스크롤을 내려서 데이터를 더 불러올 때 해당 스크롤 위치에서 데이터만 더 불러오고 싶은데 자꾸 맨 위로 다시 올라가는 문제가 발생하였다. 위 문제에 대한 코드를 살펴보자. type fetchStateType = 'idle' | 'loading' | 'fe...