프로젝트(영화 평점사이트)

14. 상세페이지 댓글 페이징 (2)

MY_STUDY 2023. 11. 3. 15:14

이전 페이지의 유무 여부와 다음 페이지의 유무 여부를 알 수 있는 요소들을 불러 온다.

 

 

 

 

 

1, 2, 3, 4, 5 까지 페이징 되고, 만약 6 페이지가 존재 한다면, 다음 버튼(>>)을 생성한다. 그리고 그 버튼은 endPage + 1 쪽을 보여주게 하는데, endPage가 5니까 여기서 1을 더하면 6이된다. 그래서 6 페이지의 댓글들을 보여준다.

 

이전 페이지도 마찬가지, 만약 6, 7, 8, 9, 10 이렇게 페이징 버튼들이 있을 경우, 당연히 5 이하의 페이지들이 존재한다. 이전 버튼(<<)을 생성하고, 그 버튼은 beginPage - 1 = 5 쪽을 보여주게 한다.

 

 

 

 

페이징 버튼을 보라, 일단 이 댓글 페이지는 11페이지까지 존재한다. 1,2,3,4,5 페이지에서 >> 버튼을 누를 시 다음 6,7,8,9,10 페이지를 보여준다. 성공적으로 페이징 기능을 구현하였다.

 

 

 

 

 

만약 현재 페이징을 어디에 해놓았는지 구분하기 위해 현재 페이지의 태그 스타일을 변경하기로 하였다.

 

 

이렇게 3번 페이지를 누르면 3번 페이지의 색깔이 변경된다.