Pagination & Infinite Scroll

pagination

위에서 보이는 거와 같이 아래에 버튼을 누름으로써 페이지 이동이 가능한 버튼을 pagination이라고 한다 .

Infinite Scroll (배열 복사 - spread)

Infinite scroll은 한 번에 모든 컨텐츠를 렌더링 하지 않고 페이지 내용을 아래로 스크롤하면 새로운 컨텐츠를 덧붙여서 렌더링 하는 방식이다. 로딩해야할 컨텐츠의 양이 많다면 퍼포먼스 측면에서 infinite scroll을 고려해 볼 수 있다. 페이스북 혹은 트위터와 같은 사이트를 보면 이와 같은 UI를 적극적으로 사용하고 있다.

댓글 무한 스크롤 구현

윈도우 안 컴포넌트에 스크롤을 주고 싶을 때 style 고정 + useWindow={false}

• 윈도우에 스크롤을 주고 싶으면 위 두 속성을 빼면 된다