무한스크롤1 [React.js] 리액트에서 무한 스크롤 구현 + 모바일 문제 해결 캣츄 프로젝트의 게시판 목록에서, 페이지네이션의 일종으로 무한 스크롤을 구현하기로 했다. 1. 페이지네이션 (Pagination)이란? 백엔드에 저장된 모든 정보를 한 번에 보여주지 않고, 단위갯수별로 보여주는 방법이다. 티스토리 블로그 게시글이 page별로 보여지는 것도 페이지네이션이고, 인스타그램 피드처럼 스크롤을 내릴 때 새로운 글들이 불러와지는 것도 페이지네이션이다. 페이지네이션을 제대로 구현하려면 백엔드 API의 구현도, 프론트엔드의 로직도 그에 맞게 설계되어야 한다. 페이지네이션 방법 페이지네이션에는 크게 두 방법이 있다. 1. Offset-Based Pagination (오프셋 기반) : Offset & Limit 이용. * 데이터를 불러오기 시작할 시작점과, 읽어들일 정보의 수를 각각 OF.. 2021. 5. 14. 이전 1 다음
