728x90 무한스크롤1 React 무한스크롤 만들어보기 개발공부를 하다보니 무한스크롤을 사용하는 웹사이트를 들어가면 기능이나 사용감을 생각해보게 된다. 데이터를 효율적으로 처리하는 방법 중 하나라고는 하지만 사용자 입장에서도 부드러운 사용감이 생기지 않나 싶다. 간단하게 패키지 하나를 설치하고 시작해보겠다. yarn add react-intersection-observer 이름 그대로 요소를 관찰해주는 친구다 (target element or element의 부모 or 뷰포트가 교차하는 부분 등 관찰) -- 글작성 페이지 생략 -- // 데이터가 있다고 가정했을때 // TestInfi.jsx import { useEffect, useState, useRef, useCallback } from "react"; import { useInView } from "r.. 2022. 9. 20. 이전 1 다음 728x90
