리액트에서 긴 글 목록을 처리하는 방법

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