페이지 직접 이동 링크수 제한

왜 페이지 직접 이동 링크수를 제한해야 하나?

이전 강좌에서 만든 페이지 직접 이동 링크는 문제가 있습니다.
예를 들어 6000 페이지가 이고 페이지당 레코드 갯수(numPerPage)가 10 이라면 600개의 직접 이동 링크를 만듭니다.
그렇다면 600개의 페이지 직접 이동 링크는 예쁜 디자인을 헤집어 놓을 겁니다.
이에 대한 해결책은 페이지를 그룹화 하면 됩니다.
이 기능을 여기서는 "페이지 직접 이동 링크수 제한 기능" 이라고 하겠습니다.

페이지 직접 이동 링크수 제한 기능 구현

페이지 직접 이동 링크의 수를 제한하기 위해서는 페이지를 그룹으로 나누어야 합니다.
그룹화의 대상은 페이지입니다.
페이지를 그룹화 할 때 그룹 번호를 저장할 변수의 이름을 block 이라고 하겠습니다.
"페이지 분할 기능"에서는 그룹화 대상은 레코드이고 그룹번호를 저장할 변수는 curPage 입니다.
만약 그룹의 크기를 5로 정했다면 (즉, 페이지 직접 이동 링크수를 5개만 보이도록 제한한다면 )
페이지 [1] [2] [3] [4] [5] 는 그룹 1 에 해당하고, block 은 1 입니다.
페이지 [6] [7] [8] [9] [10] 는 그룹 2 에 해당하고, block 은 2 입니다.
페이지 [11] [12] [13] [14] [15] 는 그룹 3 에 해당하고, block 은 3 입니다.
이런 관계를 잘 살펴보면 현재 curPage 가 속한 그룹 즉, block 를 구할수 있습니다.
블록당 페이지 수를 담는 변수명을 pagePerBlock 라고 하면 아래의 코드로 curPage 가 속한 block 를 구할 수 있습니다.

if ( ( curPage % pagePerBlock ) == 0 ) {
   block = curPage / pagePerBlock;
} else {
   block = curPage / pagePerBlock + 1;
}

위 코드에서 block 를 구했다면 이 block 에 속한 첫번째 페이지와 마지막 페이지 번호를 구할 수 있습니다.

// block 에 속한 첫번째 페이지 계산 
int firstPage = ( block - 1 ) * pagePerBlock + 1;

// block 에 속한 마지막 페이지 계산
int lastPage =  block * pagePerBlock;

루프문을 이용해서 첫번째 페이지부터 마지막 페이지까지 링크를 만듭니다.

for ( int i = firstPage; i <= lastPage; i++ ) {
	// 페이지 링크 생성
}

아래 코드를 1차 페이지 직접 이동 링크수 제한을 구현하기 위해 기존 코드에 추가합니다.

list.jsp ver 1

// 블록당 페이지 수를 정한다.
int pagePerBlock = 5;


// 현재 페이지가 속한 블록을 계산한다.
int block = 1;
if((curPage % pagePerBlock) == 0) {
  block = curPage / pagePerBlock;
} else {
  block = curPage / pagePerBlock + 1;
}


// 블록에서 링크할 첫번째 페이지와 마지막 페이지를 계산한다. 
int firstPage = ( block - 1 ) * pagePerBlock + 1;
int lastPage = block * pagePerBlock;


// 루프문을 이용해서 첫번째 페이지부터 마지막 페이지까지 링크를 만든다. 
for( int i = firstPage; i <= lastPage; i++) {
..

위의 코드조각를 기존의 리스트 페이지에 추가해서 실행해 봅니다.
현재 페이지가 속한 block 을 구해서 그 block 에서 링크할 첫번째 페이지와 마지막 페이지를 구해서 링크하는 데는 성공했습니다. 하지만 다른 그룹으로, 즉 다른 block 으로 이동할 수는 없습니다.
여러가지 방법이 있을 수 있지만 현재 가장 많이 사용되는 방법은 현재 block 이 1 보다 크다면 [이전] 링크를 만들어서 firstPage - 1 인 페이지 번호로 링크시키고, block 이 총 블록수보다 작다면 [다음] 링크를 만들고 lastPage + 1 인 페이지 번호로 링크시키면 인접한 block 으로 [이전] [다음] 링크를 이용해서 이동할 수 있게 됩니다.
총 블록수를 구해야 하는데 총 블록수를 저장할 변수명을 totalBlock 라고 하면 아래 코드로 구할 수 있습니다.

int totalBlock = 0;

if ( totalPage > 0 ) { 
  if ( ( total_page % pagePerBlock ) == 0 ) {
    totalBlock = totalPage / pagePerBlock;
  } else {
    totalBlock = totalPage / pagePerBlock + 1;
  }
}

위 설명을 토대로 지금까지의 코드에 아래 코드조각(굵은체)을 추가합니다.
[이전] [다음] 링크에 관한 코드이므로 for 문 위 아래로 추가합니다.

list.jsp ver 2

// 총 블록수를 계산한다.

int totalBlock = 0;
if ( totalPage > 0 ) { 
  if ( ( totalPage % pagePerBlock ) == 0 ) {
     totalBlock = totalPage / pagePerBlock;
  } else {
     totalBlock = totalPage / pagePerBlock + 1;
  }
}  

// 현재 block > 1 면 [이전]링크를 만들고 firstPage - 1 페이지로 링크

int prevPage = 0;
if(block > 1) {
  prevPage = firstPage -1;
..
 <a href="list.jsp?curPage=<%=prevPage%>">[이전]</a>
..
}
..


// 루프문을 이용해서 첫번째 페이지부터 마지막 페이지까지 링크를 만든다. 
for( int i = firstPage+1; i <= lastPage; i++) {
..
// block < totalBlock 면 [다음]링크를 만들고  lastPage + 1 를 페이지번호로 링크 

if(block < totalBlock) {
  int nextPage = lastPage + 1;
..
  <a href="list.jsp?curPage=<%=nextPage%>">[다음]</a>
..
}
..

총 페이지가 20일 때 pagePerBlock 가 7 이라면 총 블록수가 3 으로 계산되면서 마지막 블록에서 불필요한 페이지 21이 생깁니다.
총 20페이지를 pagePerBlock로 나눈 결과 totalBlock 가 3이 되면서 block 이 3에서 15 ~ 21 페이지를 만들기 때문입니다.
이런 불필용한 페이지 번호가 생성되는 것을 막기 위해서 아래 코드를 추가합니다.
총 페이지수는 마지막 페이지 번호이기도 합니다.

list.jsp ver 3

if ( block >= totalBlock ) {
  lastPage = totalPage;
}

다음은 종합적인 페이지 직접 이동 링크수 제한 알고리즘을 정리했습니다.