리액트무한스크롤링1 React-virtualized 로 보이는 부분만 렌더링 하여 최적화 시키기 React + React-virtualized 를 조합한 무한 스크롤링 구현에 대해 다루고 있습니다.목차무한스크롤링이란 무엇인가?무한스크롤링을 개선하는 두가지 방법리액트에서 무한스크롤링 최적화를 도와주는 React-virtualized 사용해보기무한스크롤링이란 무엇인가 ?여러분들도 한번쯤은 무한 스크롤링 처리가 되어있는 웹사이트를 이용해보신 경험이 있을 것 입니다.보통 컨텐츠를 로드할때는 수천 수만개의 컨텐츠를 한번에 로드 하는 것이 아닌,사용자가 스크롤을 내릴때마다 10개 씩 20개씩 불러옵니다.무한 스크롤 자체의 구현은 그리 어렵지 않았습니다.내 스크롤이 창 아래에 닿으면 새로운 게시물을 불러오면 됩니다.하지만, 로드한 컨텐츠가 많아지면 많아질 수록 리플로우의 계산횟수가 많아지기에 렌더링 속도는 더욱.. 2021. 2. 12. 이전 1 다음
