게시글 리스트 화면(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를 상대 경로로 접..

브라우저로 게시된 글을 확인하는 화면을 출력해보자 게시판 리스트 화면에서 글을 선택하여 확인하는 화면을 만들어보자. 아래와 같은 구조로 진행될 것이다. 첫 번째로 bbs.properties 파일에서 /content.bbs 요청에 ContentImpl클래스가 실행되도록 매핑한다.#bbs.properties /writeForm.bbs=com.edu.bbs.WriteFormImpl /write.bbs=com.edu.bbs.WriteImpl /list.bbs=com.edu.bbs.ListImpl /content.bbs=com.edu.bbs.ContentImpl list.jsp에서 태그 내에 '변경 부분' 주석 아래의 코드를 삽입한다. 게시글 타이틀(title)에 링크를 걸고, 쿼리스트링으로 선택한 게시글의 글 ..

HTTP 오류 코드에 대해 처리할 수 있도록 설정, JSP를 작성해보자 웹 개발을 하면서 브라우저로 출력된 에러 페이지를 자주 봤을 것이다. 이러한 에러 페이지는 웹 컨테이너가 제공하는 기본 에러 페이지로, 오류뿐만 아니라 디렉토리의 구조, 톰캣의 버전 등이 노출되므로 웹 보안이 취약해진다(참고1). HTTP 상태 코드(Status Code)에는 200(성공), 404(찾을 수 없음), 500(내부 서버 오류) 등 클라이언트 요청에 대한 응답 코드가 많으니 확인해보도록 하자. 브라우저의 개발자모드 > Network 에서 확인 가능하다. web.xml에 404, 500오류에 대한 처리를 설정하는 '에러 페이지 처리' 주석 아래의 코드를 삽입한다. bbs index.html index.htm index.js..

게시판 리스트 화면에 페이징 처리를 해보자 첫 번째로 web.xml에 엘리먼트를 아래와 같이 추가해주자. 서블릿 초기화 파라미터로 프로젝트 내에서 사용되는 설정 값들을 정의해놓을 수 있다. pageSize는 한 화면에 보여줄 게시글의 개수이며, pageBlock은 하단 링크 page의 개수다. bbs index.html index.htm index.jsp default.html default.htm default.jsp pageSize 10 pageBlock 10 bbsServlet com.edu.bbs.BBSServlet bbsProperties D:\Dev\education\bbs\WebContent\bbs.properties bbsServlet *.bbs 이제 페이징을 처리할 Page클래스를 작성하..

게시판 페이징 처리를 위한 리스트 정렬 쿼리문을 작성해보자 우선 게시판 테이블과 시퀀스를 생성한 후 임의의 데이터를 삽입한다.--게시판(Bulletin Board System) 테이블 생성 CREATE TABLE BBS( ARTICLE_NUMBER NUMBER PRIMARY KEY, ID VARCHAR2(15) NOT NULL, TITLE VARCHAR2(15) NOT NULL, CONTENT CLOB NOT NULL, GROUP_ID NUMBER NOT NULL, DEPTH NUMBER NOT NULL, POS NUMBER NOT NULL, --position, 게시글 순서를 조정 HIT NUMBER NOT NULL, --조회수 WRITE_DATE DATE NOT NULL, FILE_NAME VARCH..

브라우저로 게시판 리스트 화면을 출력해보자 저장한 게시글을 리스트로 출력하고, 글쓰기 기능을 링크로 추가해보자. 먼저 프로젝트가 어떤 구조로 진행될 지 미리 확인해보자. list.jsp 화면과 ListImpl클래스, jstl-1.2.jar가 추가된 것을 확인할 수 있다. JSTL Jar파일을 다운로드하여 WEB-INF/lib에 추가시키자. JSTL(JSP Tag Library)은 XML 데이터 처리와 조건문, 반복문, 국제화와 지역화와 같은 일을 처리하기 위한 JSP 태그 라이브러리다. 우선 bbs.properties 파일에 /list.bbs=com.edu.bbs.ListImpl을 추가하자.#bbs.properties /writeForm.bbs=com.edu.bbs.WriteFormImpl /write...