(구버전) 스프링 게시판 만들기 #5. 중복 요소 정리

'(구버전) 스프링 게시판 만들기'는 내용이 부족하다고 판단하여
스프링 게시판 만들기를 새로 작성하였습니다.

링크 및 참조용으로 현재 게시물은 남겨두겠지만,
가급적이면 새로운 스프링 게시판 만들기를 참조해주시기 바랍니다.

CRUD(작성, 조회, 수정, 삭제)기능과 리스트 기능까지 구현되었으므로, 게시판의 기본적인 기능은 모두 구현되었습니다.

페이징, 댓글, 로그인 기능을 추가하기에 앞서 디자인적인 작업을 먼저 하겠습니다.

디자인은 쉽고 보기 좋은 부트스트랩을 이용할것인데, 부트스트랩을 사용하기전에 기존에 작업한 JSP파일들을 조금 정리할 필요가 있습니다.

무엇을 정리하냐면, 중복되는 코드입니다.

board 폴더 하위에 include 폴더를 생성하고, header.jsp, nav.jsp, footer.jsp 파일을 생성합니다. 내용은 비워져있어도 상관없으며, 이름이 header, nav, footer인 이유는 말그대로 저 파일들이 각각 이름의 역할을 하기 때문입니다.

list.jsp파일을 열어서 header, nav, footer 각 태그에 해당되는 내부 코드를 복사한 뒤 저장합니다.

그대로 header, nav, footer 각 태그의 내용은 인클루드 디렉티브 코드로 변경합니다.

<%@include file="파일 경로" %>

인클루드 디렉티브는 파일 경로의 코드를 현재 파일에 추가하는 역할을 합니다. 그렇게 때문에 바뀌지 않고 항상 고정된 코드를 가진 요소를 별도로 분리하여 사용하면 코드의 양이 줄어들고, 코드의 양이 줄어들면 그만큼 개발자가 보기 편합니다.

실행해보니 한글이 전부 깨져버렸습니다.

인코딩 코드를 추가해줍니다.

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

추가적으로 nav.jsp파일을 실제로 사용할 수 있도록 수정했습니다.

이제 한글이 깨지지도 않고 잘 출력되며, 메뉴도 메뉴답게(?) 바뀌었습니다.

이제 write.jsp, read.jsp, modify.jsp, delete.jsp 모든 파일도 동일하게 수정하고, 구분선 역할을 하는 <hr />태그를 삭제합니다.

밋밋하게 되었지만, 앞으로를 위한 작업입니다.