부트스트랩의 Pagination 컴포넌트를 적용해보자 페이징 처리하기에서 구현했던 하단 페이지 링크에 부트스트랩의 Pagination Component를 적용해보자. list.jsp에서 페이징 처리했던 코드를 아래와 같이 변경하자. ${pageCode} 페이징 처리를 해주는 Page클래스를 아래와 같이 변경하자. 변경된 부분은 주석이 달려있는 태그들을 작성하는 부분이다. 이전의 불필요한 주석이나 변경 이전의 코드들은 삭제하였다.package com.edu.bbs; public class Page { private static Page page = new Page(); private int startRow, endRow; private StringBuffer sb; private Page() {} publ..

게시글 리스트 화면(list.jsp)에 부트스트랩을 적용해보자 부트스트랩(Bootstrap)이란 트위터에서 사용하는 각종 레이아웃, 버튼, 입력창 등의 디자인을 CSS와 JavaScript로 만들어 놓은 HTML5 기반의 오픈 소스 웹 디자인 프레임워크다(참고1). 부트스트랩 공식 홈페이지에서 다운로드 가능하며, 'Download Bootstrap'을 선택하였다. 글쓴 시점의 부트스트랩은 3.3.7버전으로 bootstrap-3.3.7-dist.zip 압축 파일이 다운받아질 것이다. 압축 파일을 WebContent 폴더 안으로 옮긴 후 압축을 풀도록 하자. bootstrap-3.3.7-dist 폴더 아래에 css, fonts, js 폴더가 있는 것을 확인할 수 있다. jsp파일에서 css를 상대 경로로 접..