Mission1 깜짝과제 03.html 페이징 처리

html 손 댄 김에 이것도 해결 ~!!!

 

현재 페이지를 골랐을 때 페이지 블럭 사이즈에 따라 범위를 어디서 어디까지 할 지를 계산하는게 까다로웠다.

Spring에 Pagination(페이지네이션) 처리 및 적용 2 (tistory.com)

Spring에 Pagination(페이지네이션) 처리 및 적용 2

이 분 블로그 참고 !

 

int pageStartNo = 1;
int start = pageNo /pageSize;

if(start >= 1) {
	if (pageNo % pageSize == 0) {
    	start--;
       }
       pageStratNo = (start * pageSize) + 1;
}

페이지 블럭 시작 번호 = (현재 페이지 번호 / 페이지 블럭 사이즈 ) * 페이지 블럭 사이즈 + 1;

나누기를 한 이유는 (현재 페이지 번호 / 페이지 블럭 사이즈)가 0일 때 1부터 시작하면 되므로 초기에 세팅해둔 pageStartNo가 적용되게 한 것이고 

1이상이면 연산을 해줘야함.

ex) 현재 페이지 번호 20, 페이지 블럭 사이즈 10이면 둘을 나눴을 때 몫이 2인데 페이지 블럭 시작 번호는 11이어야 하므로  (현재 페이지 번호 % 페이지 블럭 사이즈)이 값이 0일 때 start -- 해줌.

 

근데 출력은 잘 되는데 class='on'이 되어도 브라우저에서 열면 글자에 눌려있다는 표시가 안 된다. css설정 안 해줘서 그런가 ..?

 

코드는 gist에