페이지네이션
-
20221207 TIL 트렌디한 페이지네이션 구현하기TIL 2022. 12. 7. 22:57
상품 목록과 주문 목록을 보여줄 때 페이지네이션을 해야한다. 페이지네이션을 처음에는 과거의 게시판들의 페이지네이션처럼 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 페이지가 있고 > 버튼을 누르면 11, 12, 13, 14, 15, 16, 17, 18, 19, 20의 페이지가 보여지는 방식으로 진행을 하려고 했다. 그런데 디자인을 입히기 위해 찾아보다가 요즘 스타일의 페이지네이션을 보게 되었다. 티스토리 블로그도 글 목록 페이지네이션이 위와 같은 방식으로 구현이 되어 있었다. 그래서 이 방식으로 페이지네이션을 하기로 결정을 하였다. 이 로직을 구현하기 위해 처음에는 매우 단순하지만 방대한 코드로 시도를 해보았다. 1. 먼저 총 페이지 수가 7페이지 이하라면 다 보여준다. 2. 만약 총 페이지 수가..