[React] IntersectionObserver DOM의 업데이트(예: 좋아요 버튼 클릭) 이후에야 비로소 IntersectionObserver가 다시 작동할때
·
웹개발
1. IntersectionObserver의 관찰 조건 및 실행 시점 문제댓글 목록의 렌더링이 완료되지 않았거나, DOM의 변화를 감지하기 전까지 IntersectionObserver가 정상 작동하지 않을 수 있습니다. 이 경우, 새로운 데이터를 불러올 때 IntersectionObserver가 즉시 반응하지 않는 문제가 발생할 수 있습니다.2. 해결책방법 1: useLayoutEffect로 렌더링 이후 바로 IntersectionObserver 실행useEffect 대신 useLayoutEffect를 사용하면, DOM 업데이트 후 바로 IntersectionObserver를 실행할 수 있습니다.import { useLayoutEffect } from 'react';useLayoutEffect(() =>..