← 전체 글로 돌아가기

웹 개발

페이지네이션으로 대량 데이터를 다룰 때

웹 개발에서 페이지네이션을 구현하다 보면 화면만으로는 파악하기 어려운 로그 문제가 숨어 있다.

페이지네이션을 다룰 때는 화면 하나만 보지 말고 로그와 응답을 함께 봐야 한다. 특히 대량 데이터를 처리할 때는 설정과 쿼리가 정확해야 한다.

정상 상태 정의하기

페이지네이션 문제를 풀 때는 정상 상태를 먼저 정해두는 게 좋다. 페이지당 항목 수, 전체 데이터 수, 현재 페이지가 모두 정확한지 확인해야 한다.

  • 먼저 볼 값: 설정과 빌드 결과
  • 같이 비교할 값: 정상일 때의 페이지네이션 상태
  • 남겨둘 기록: 명령 출력, 응답 코드, 수정한 설정

빌드와 배포 확인

npm run build

설정을 바꾸기 전에 빌드부터 확인하면 불필요한 변경을 줄일 수 있다.

사용자 영향 범위

페이지네이션 문제는 몇 페이지는 정상이고 다른 페이지는 문제가 있는 경우가 많다. 문제가 나타나는 패턴을 기록하면 원인 파악이 쉬워진다.

최종 검증

  1. 원래 증상이 같은 조건에서 다시 나는지 확인한다.
  2. 로그나 응답에서 바뀐 부분을 한 줄로 설명해본다.
  3. 공개 화면, 빌드 결과, 실제 요청 중 하나로 마지막 확인을 한다.

다음에 비슷한 증상이 나오면 먼저 현재 값을 기록하고, 하나씩 비교하면 된다. 작은 기록이 쌓이면 문제 해결이 훨씬 빨라진다.