Bigfat

스프링 MVC 프로젝트 생성하고 웹 페이지를 띄워보자 스프링 프레임워크 공식사이트(https://spring.io/)에서 STS(Spring Tool Suite)를 다운받자. 이클립스에서도 플러그인을 설치해 개발할 수 있지만 STS가 가볍다고 한다. Index of release/org/springframework/spring을 확인하면 이때까지 릴리즈된 스프링 버전들의 문서나 라이브러리들을 다운받을 수 있다. 다운받은 STS를 압축 해제하고, sts-3.8.4.RELEASE폴더에서 STS.exe를 실행한다. STS가 실행되면 File > New > Spring Legacy Project를 선택하면 아래와 같은 창이 열린다. Project name을 기입하고 템플릿(Templates)를 Spring MV..

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를 상대 경로로 접..