1. Pagination
페이지의 번호를 클릭하여 게시물을 보여주는 방식
일반적으로 이전, 다음 버튼이 존재하고 보여주는 게시글에 숫자가 강조된다.
얼마나 늘어날지 모르기때문에 map을 사용하여 작성한다.
2. Infinite Scroll
스크롤을 내리면 나머지 게시글을 화면에 띄우는 방식
InfiniteScroll 라이브러리 (react-infinite-scroller) 를 사용하여 구현한다.
두가지 방법 모두 페이지의 컨셉에 맞게 사용하면 된다.
'리액트' 카테고리의 다른 글
| React-Spring (0) | 2023.03.25 |
|---|---|
| 구조분해 할당(비구조화 할당) (0) | 2023.02.21 |
| useRef 어떻게 사용할까? (0) | 2023.02.05 |
| 클래스형 컴포넌트와 함수형 컴포넌트의 state lifecycle 기능 (0) | 2023.02.05 |
| 클래스형(Class) 컴포넌트와 함수형(Functional) 컴포넌트 (0) | 2023.02.05 |