V VibeCoding 365
사전 목록 백엔드·인프라
00

VIBECODING 365 / DICTIONARY

페이지네이션

Pagination

DEFINITION

페이지네이션은 긴 목록 데이터를 한 번에 모두 보내지 않고 page, limit, cursor 같은 기준으로 잘라서 보여주는 방식이다. 게시글, 주문, Q&A, 로그처럼 데이터가 계속 늘어나는 화면에서 서버 비용과 브라우저 렌더링 부담을 줄이고 사용자가 원하는 위치를 안정적으로 탐색하게 해준다. 바이브 코딩에서는 AI에게 목록 API를 만들라고 할 때 정렬 기준, 다음 페이지 표시, 빈 결과, 마지막 페이지 처리, 중복 항목 방지까지 함께 요구해야 실제 서비스에서 흔들리지 않는다.

ENGLISH

Pagination

EXAMPLE

Q&A 목록 API를 만들 때 AI에게 최신순 20개씩 cursor 기반으로 가져오고, 다음 cursor가 없으면 더 보기 버튼을 숨기며, 새 질문이 추가되어도 이미 본 항목이 중복되지 않는 테스트를 작성하게 한다.

NOTES

offset 방식은 단순하지만 큰 데이터에서 느려질 수 있고, cursor 방식은 실시간으로 변하는 목록에서 중복과 누락을 줄이는 데 유리하다.

NEXT STEP / PRACTICE

읽고 끝내지 말고
다음 행동 하나.

막히면 Q&A에 짧게 남기거나, 쌩초보 가이드에서 오늘 할 일 하나만 골라 보세요.

Q&A 질문하기 쌩초보 가이드