Bigfat

Ajax를 이용해 비동기 통신으로 댓글 쓰기를 구현해보자 기존 웹 애플리케이션은 브라우저에서 채운 form을 웹 서버로 제출(submit)하는 요청으로 웹 서버의 중복되는 HTML 코드의 전송으로 대역폭의 낭비를 야기할 수 있다. Ajax(Asynchronous JavaSript and XML, 에이잭스)는 페이지 이동 없이 필요한 데이터만을 웹서버에 요청해서 받은 후 클라이언트에서 데이터에 대한 처리를 할 수 있는 기술이기 때문에 기존 웹 애플리케이션의 단점을 극복할 수 있다. 웹 서버와 비동기적으로 데이터를 교환하고 조작하기 위해 XML을 이용했기 때문에 붙여진 이름이지만, Ajax 애플리케이션은 XML 대신하는 데이터 포맷으로 JSON(JavaScript Object Notation)을 이용할 수 ..

게시글에 답글을 쓰는 기능을 구현해보자 이전과 동일하게 bbs.properties파일에 요청에 대해 처리할 클래스를 매핑한다.#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 /login.bbs=com.edu.bbs.LoginImpl /logout.bbs=com.edu.bbs.LogoutImpl /updateForm.bbs=com.edu.bbs.UpdateFormImpl /update.bbs=com.edu.bbs.UpdateImpl /delete.bbs=com.edu.bbs...

게시글을 삭제하는 기능을 구현해보자 글 삭제(delete) 기능은 화면이 필요 없으므로 JSP는 생성하지 않고, 이전과 동일하게 bbs.properties파일에 요청에 대해 처리할 클래스를 매핑한다.#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 /login.bbs=com.edu.bbs.LoginImpl /logout.bbs=com.edu.bbs.LogoutImpl /updateForm.bbs=com.edu.bbs.UpdateFormImpl /update.bbs=com.ed..

부트스트랩의 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..

게시된 글을 수정하는 화면을 만들어 보자 이전과 동일하게 bbs.properties파일에 수정(update) 관련 정보를 추가한다.#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 /login.bbs=com.edu.bbs.LoginImpl /logout.bbs=com.edu.bbs.LogoutImpl /updateForm.bbs=com.edu.bbs.UpdateFormImpl /update.bbs=com.edu.bbs.UpdateImpl UpdateFormImpl클래스를 생성..

로그인 화면을 만들고, 로그인, 로그아웃 기능을 구현해보자 게시판(BBS)의 첫 화면이 될 로그인 화면을 만들고, 로그인, 로그아웃 기능을 구현해보도록 한다. 이전에 만들어둔 화면들의 수정이 필요해 코드가 많고, 제법 길다. 우선 web.xml에서 의 값을 login.jsp로 작성하자. 이제 http://localhost/bbs로 접근하면 login.jsp화면을 보여준다. 가장 하단의 에서 세션에 대한 설정을 할 수 있다. 의 기준은 분(minute)이며, 기본 값은 30분이다. bbs login.jsp pageSize 10 pageBlock 10 bbsServlet com.edu.bbs.BBSServlet bbsProperties D:\Dev\education\bbs\WebContent\bbs.prop..

게시글 리스트 화면(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)에 링크를 걸고, 쿼리스트링으로 선택한 게시글의 글 ..