본문 바로가기

pagination2

Spring 무한스크롤 구현 (2) - 오프셋 기반 페이지네이션 이전 글에서 무한스크롤, 커서 기반 페이지네이션에 대해 소개했습니다. 🤔 오프셋 기반은 언제 사용할까? 이전 글에서 언급했던 대로 오프셋 기반 페이지네이션은 커서 기반 페이지네이션에 비해 성능상 떨어집니다. 하지만 이는 offset 값이 커짐에 따라 발생하는 단점이기 때문에 조회할 데이터의 양이 많지 않다면 오프셋 기반 페이지네이션도 충분히 활용할 수 있습니다. 커서 기반 페이지네이션은 정렬 조건이 복잡해지면 복잡해질수록 커서를 선정하는데 어려움이 있습니다. 하지만 오프셋 기반 페이지네이션은 Pageable 인터페이스를 활용해 데이터 정렬을 편리하게 할 수 있습니다. 👉 조회할 데이터가 많지 않거나 정렬 조건이 복잡할 경우 오프셋 기반 페이지네이션을 활용해보자. 🛠 오프셋 기반 페이지네이션 구현 오프셋 .. 2023. 1. 1.

Spring 무한스크롤 구현 (1) - 커서 기반 페이지네이션 🧐 페이지네이션이란? 콘텐츠를 여러 페이지로 나누고, 이전 혹은 다음 페이지로 넘어가거나 특정 페이지로 넘어갈 수 있는 링크를 페이지 상단이나 하단에 배치하는 방법 쇼핑몰 하단, 검색 결과 하단에서 익숙하게 찾아보실 수 있습니다. 🧐 무한스크롤이란? 브라우저 또는 스마트폰에서 스크롤 막대가 하단에 도달하는 것을 방지하는 것을 말합니다. 사용자가 페이지를 더 아래로 스크롤 할 때마다 새로운 콘텐츠가 추가됩니다. 인스타그램 피드, 쇼핑몰 상품 리스트를 아래로 스크롤하다 보면 잠깐의 로딩을 거치고 컨텐츠가 추가되는 경험을 하신적 있죠?! 무한스크롤을 적용한 경우입니다. 🧐 커서 기반이 뭔데? 흔히 무한 스크롤을 구현할 때 두 가지 방법을 사용합니다. 1. 오프셋 기반 페이지네이션 2. 커서 기반 페이지네이션 .. 2023. 1. 1.

이전 1 다음

티스토리툴바