페이지네이션 로직

1. 생략 부호( ... ) 표시 조건

   • 생략 부호는 페이지 번호 사이에 2개 이상의 페이지가 생략될 때만 표시.
   • 전체 페이지 개수 총 7개 이상부터 (페이지 번호와 생략 부호를 합쳐서 요소가 총 7개 일 때)
   • 예시:

     • "1 2 3 4 5 ... 7"은 가능 (5와 7 사이에 6이 생략되어 2개 이상 충족).

     • "1 2 3 4 5 ... 6"은 불가 (5와 6 사이에 생략된 페이지가 1개뿐).

     • 총 페이지 6개일 때: "1 2 3 4 5" (5개, "다음" 버튼으로 이동 가능).

       

2. 생략 부호가 표시되지 않을 때 조건

   • 총 페이지 5개 이하일 때, 페이지 번호 전체 표시

   • 총 페이지 수가 5개 미만일 때는 가능한 모든 페이지를 표시.

   • 예시:

     • 총 페이지 1개일 때: "1" (1개).
     • 총 페이지 3개일 때: "1 2 3" (3개).

     

3. 총 페이지가 6개일 때 특수하게 다음과 같이 표시

   • 현재 페이지가 1, 2, 3일 때: "1 2 3 4 5"
   • 현재 페이지가 4, 5, 6일 때: "2 3 4 5 6"

4. 현재 페이지에 따른 화살표 기능

   • "이전"과 "다음" 버튼으로 페이지 이동 가능.
   • 더 이상 이동할 페이지가 없을 때, 연한색 이미지

   

   

   

   

페이지네이션 기능 추가

• 총 페이지가 6개일 때 특수하게 다음과 같이 표시

  • 현재 페이지가 1, 2, 3일 때: "1 2 3 4 5"

  

  • 현재 페이지가 4, 5, 6일 때: "2 3 4 5 6"

  

어느 페이지에 있더라도 (첫 페이지, 마지막 페이지 제외)

• 좌우 페이지가 보여야 한다.

• 첫 페이지와 마지막 페이지로 이동 가능 해야 한다. (총 페이지 6개일 때 제외)

• 첫 페이지 +4, 마지막 페이지 n-4

• 예) 총 9 페이지, 현재위치 5 페이지

  < 2 3 4 **5** 6 … 9 > —— X
  
  < 1 … 4 **5** 6 … 9 > —— O
  

작성가능한 리뷰 페이지