리액트에서 긴 글 목록을 처리하는 방법
2023. 4. 26. 11:37ㆍ개발/토막난 상식
반응형
리액트에서 긴 글 목록을 처리하는 방법은 여러 가지가 있습니다. 이 중에서 대표적인 방법은 다음과 같습니다.
페이징(Paging): 긴 글 목록을 여러 페이지로 나누어서 보여주는 방식입니다. 사용자가 페이지를 이동하면 해당 페이지에 맞는 글 목록이 보여지도록 합니다. 이 방식은 사용자가 긴 목록을 한 번에 볼 수 없는 단점이 있지만, 서버 측에서 데이터를 처리하므로 빠른 속도로 데이터를 불러올 수 있습니다.
무한 스크롤(Infinite Scroll): 긴 글 목록을 한 페이지에 모두 보여주는 대신, 사용자가 스크롤을 내리면 자동으로 추가적인 글 목록이 불러와지는 방식입니다. 이 방식은 사용자가 원하는 만큼 스크롤을 내리면 계속해서 새로운 글 목록을 불러올 수 있으므로 사용자 경험이 좋습니다. 하지만 데이터를 불러오는데 시간이 걸리기 때문에 초기 로딩 속도가 느릴 수 있습니다.
가상 리스트(Virtual List): 긴 글 목록 중에서 현재 화면에 보이는 부분만 렌더링하는 방식입니다. 사용자가 스크롤을 내리면 그에 맞게 목록을 업데이트합니다. 이 방식은 초기 로딩 속도와 스크롤 속도 모두 빠르지만, 구현하기가 어렵습니다.
반응형
'개발 > 토막난 상식' 카테고리의 다른 글
modal 과 drawer 차이 (0) | 2023.05.09 |
---|---|
button 에 관한 고찰 (0) | 2023.04.27 |
git branch (0) | 2023.04.26 |
컴포넌트 만들시 (0) | 2023.04.25 |
나도 장고에선 CBV가 좋아 (1) | 2023.04.18 |