Pagination

코드에 대한 설명과 원리를 주석으로 처리하여 설명하겠다.

이렇게 완성된 코드를 컴포넌트를 나누어 만들어 놓게되면 원하는 페이지 어디에서든 조금의 수정을통해 import 시켜 붙여서 사용할 수 있다. 이게 리액트의 장점 중 하나라고 할 수 있다.

Infinite Scroll

페이지의 스크롤을 내리는 동시에 원하는 정보를 계속 랜더링 시켜주는 것으로
유튜브 댓글이나 페이스북 페이지 인스타그램에서 많이 사용하는 방법이다.

리액트 인피니티 스크롤 라이브러리를 사용하면 편리하다. 자세한건 아래 코드를 통해 설명하겠다.