🧑‍💻 개인 프로젝트 - 회원제 게시판 만들기(JAVA)

---

JAVA 회원제 게시판 구현

Project code - BackEnd

---

1. 프로젝트 소개

ㅤ이 프로젝트는 JAVA로 구현된 회원제 게시판 사이트입니다.

ㅤ사용자는 회원가입을 통해 게시글 등록, 수정, 삭제, 조회를 할 수 있습니다. ㅤ

개발환경 Eclipse / JDK 17

서버 Apache Tomcat/10.1.31

데이터 베이스 Oracle Database 18c Express Edition

---

2. 프로젝트 구조

상세 구조는 페이지 상단의 깃허브 링크를 참고해주세요

📁src
  └──📁main
        └──📁java
              └──📁controller - 📄게시판 CRUD, 로그인, 회원가입용 컨트롤러
              └──📁filter -📄토큰 기반 사용자 인증 처리 필터
              └──📁listener -📄웹 애플리케이션 시작, 종료 이벤트 처리 리스너
              └──📁model - 📄페이징 처리 및 UI 생성 유틸리티 클래스
              └──📁resources
              └──📁service
        └──📁webapp
              └──📁bbspage - 📄게시판 페이지 CRUD 관련 로직 
              └──📁connectionpool
              └──📁META_INF
              └──📁page - 📄회원가입 , 로그인 , 홈 페이지 관련 로직
              └──📁template 
              └──📁WEB-INF

---

3. 주요 코드

상세 코드는 페이지 상단의 깃허브 링크를 참고해주세요

(1) 로그인

LoginController.java

아래 코드는 로그인 기능을 처리하는 서블릿으로, 사용자가 입력한 아이디와 비밀번호를 검증하고 인증된 사용자의 세션을 생성합니다.

성공적인 로그인 시 토큰을 발급하여 쿠키와 세션에 저장하고, 로그인 성공 후 지정된 페이지로 리다이렉션합니다.

실패 시 에러 메시지를 로그인 페이지에 전달합니다.

      
      
      
  @WebServlet("/LoginController")
  public class LoginController extends HttpServlet {
      private static final long serialVersionUID = 1L;

      // POST 요청 처리
      protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
          request.setCharacterEncoding("UTF-8");  // 한글 인코딩 설정

          String username = request.getParameter("username");  // 입력받은 아이디
          String password = request.getParameter("password");  // 입력받은 비밀번호

          // 간단한 유효성 검사 (아이디와 비밀번호가 비어있지 않은지 확인)
          if (username == null || username.trim().isEmpty() || password == null || password.isEmpty()) {
              handleError(request, response, "아이디와 비밀번호를 모두 입력하세요");
              return;
          }

          UserDAO userDAO = new UserDAO();  // 사용자 검증을 위한 UserDAO 객체 생성

          // 아이디와 비밀번호 검증
          if (userDAO.validateUser(username, password)) {
              // 인증 성공 시 토큰 발급
              String token = userDAO.issueToken(username);  // 사용자에게 발급할 토큰 생성
              Cookie tokenCookie = new Cookie("token", token);  // 토큰을 쿠키로 생성
              tokenCookie.setMaxAge(60 * 60 * 24 * 7); // 쿠키 유효기간 설정 (7일)
              response.addCookie(tokenCookie);  // 쿠키를 응답에 추가

            // HttpSession을 이용하여 사용자 정보 저장
            HttpSession session = request.getSession();  // 세션 생성
            request.getSession().setAttribute("token", token);  // 세션에 토큰 저장
            session.setAttribute("token", token);  // 세션에 토큰 저장
            session.setAttribute("username", username);  // 세션에 사용자 이름 저장

            // 로그인 성공 후 페이지 리다이렉트
            response.sendRedirect(request.getContextPath() + "/page/LoginOk.jsp");
        } else {
            // 인증 실패 시 에러 메시지 출력
            handleError(request, response, "아이디 또는 비밀번호가 잘못되었습니다");
        }
    }

    // 에러 메시지를 로그인 페이지에 전달하는 메소드
    private void handleError(HttpServletRequest request, HttpServletResponse response, String message) throws ServletException, IOException {
        request.setAttribute("errorMessage", message);  // 에러 메시지 설정
        request.getRequestDispatcher("/page/Login.jsp").forward(request, response);  // 로그인 페이지로 포워드
    }
}
      
    

LogoutController.java

아래 코드는 로그아웃 기능을 처리하는 서블릿으로, 사용자가 로그아웃을 요청하면 세션과 쿠키를 초기화하고, 로그인 페이지로 리다이렉트합니다.

POST 요청에서 세션을 무효화하고, "token"이라는 이름의 쿠키를 삭제한 후 로그인 페이지로 이동합니다.

      
      
      
  @WebServlet("/LogoutController")
  public class LogoutController extends HttpServlet {
      private static final long serialVersionUID = 1L;

      // POST 요청 처리
      protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
          // 세션 무효화
          request.getSession().invalidate();  // 세션 초기화

          // "token" 쿠키 삭제
          Cookie[] cookies = request.getCookies();  // 요청에서 모든 쿠키를 가져옴
          if (cookies != null) {
              for (Cookie cookie : cookies) {
                  if (cookie.getName().equals("token")) {  // "token" 쿠키 찾기
                      cookie.setMaxAge(0);  // 쿠키 유효기간을 0으로 설정하여 삭제
                      response.addCookie(cookie);  // 삭제된 쿠키를 응답에 추가
                      break;  // 더 이상 반복할 필요 없음
                  }
              }
          }

          // 로그아웃 후 로그인 페이지로 리다이렉트
          response.sendRedirect(request.getContextPath() + "/page/Login.jsp");  // 로그인 페이지로 이동
      }

      // GET 요청을 POST 요청으로 처리
      protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
          doPost(request, response);  // GET 요청은 POST 요청으로 처리
      }
  }
      
    

Login.jsp

아래 코드는 로그인 화면을 구성하는 JSP 로, 사용자가 아이디와 비밀번호를 입력할 수 있도록 폼을 제공합니다.

폼 제출 시, 로그인 정보를 `LoginController`로 전송하며, 로그인 실패 시 에러 메시지를 표시합니다.

  <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

  <!DOCTYPE html>
  <html>
  <head>
      <jsp:include page="/template/Config.jsp" />
      <title>Login</title> // 페이지 제목 설정
      <script>
          // 페이지 로딩 후, 에러 메시지가 있을 경우 경고창으로 표시
          document.addEventListener('DOMContentLoaded', function() {
              var errorMsg = '<%= request.getAttribute("errorMsg") %>'; // request 객체에서 에러 메시지 가져오기
              if (errorMsg && errorMsg !== 'null') {
                  alert(errorMsg);  // 에러 메시지 존재 시 경고창으로 표시
              }
          });
      </script>
  </head>
  <body>
    <div class="container">
        <div class="container-fluid">
            <jsp:include page="/template/Header.jsp" />
            <div class="p-5 bg-success text-white">
                <h1 style="font-weight: bold;">로그인</h1>
            </div>
            <fieldset class="border rounded-3 p-3 text-center mt-3 mb-3">
                <legend class="float-none w-auto px-3" style="font-weight: bold;">로그인 정보를 입력하세요</legend> // 로그인 폼 제목
                <form class="needs-validation" action="${pageContext.request.contextPath}/LoginController" method="post">
                    <div class="row justify-content-center">
                        <div class="col-md-8">
                            <div class="row mb-3">
                                <div class="col-md-4 mb-2 mt-5 d-flex align-items-center justify-content-md-end">
                                    <label for="username" class="form-label" style="font-weight: bold;">아이디</label> // 아이디 입력 필드 라벨
                                </div>
                                <div class="col-md-6 mb-3 mt-5">
                                    <input type="text" class="form-control" id="username" placeholder="아이디 입력" name="username" value="${param.username}"> // 아이디 입력 필드
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-md-4 mb-2 mt-3 d-flex align-items-center justify-content-md-end">
                                    <label for="password" class="form-label" style="font-weight: bold;">비밀번호</label> // 비밀번호 입력 필드 라벨
                                </div>
                                <div class="col-md-6 mb-3 mt-3">
                                    <input type="password" class="form-control" id="password" placeholder="비밀번호 입력" name="password"> // 비밀번호 입력 필드
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-md-12">
                                    <button type="submit" class="btn btn-dark">로그인</button> // 로그인 버튼
                                </div>
                            </div>

                            <c:if test="${not empty errorMessage}">
                                <div class="row mb-3">
                                    <div class="col-md-12 d-flex justify-content-center">
                                        <div class="alert alert-danger" style="max-width: 50%; padding: 20px;">
                                            ${errorMessage}  // 로그인 실패 시, 오류 메시지를 표시
                                        </div>
                                    </div>
                                </div>
                            </c:if>

                        </div>
                    </div>
                </form>
            </fieldset>
            <jsp:include page="/template/Footer.jsp" />
        </div>
    </div>
  </body>
  </html>
      

LoginOk.jsp

아래 코드는 로그인 성공 후 사용자에게 환영 메시지를 표시하는 JSP 입니다.

로그인 성공 시, 세션에서 사용자의 토큰을 로컬 스토리지에 저장하며, 사용자에게 환영 메시지를 보여줍니다.

  <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> // 페이지의 인코딩 및 언어 설정
  <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> // JSTL 코어 태그 라이브러리 포함

  <!DOCTYPE html>
  <html>
  <head>
      <jsp:include page="/template/Config.jsp"/>
      <title>LoginOk.jsp</title>
      <script>
          // 클라이언트 측 JavaScript 코드 작성
          var token = '${sessionScope.token}'; // 세션에서 토큰 값을 가져옴
          localStorage.setItem('token', token); // 로컬 스토리지에 토큰 저장
      </script>
  </head>
  <body>
      <div class="container">
          <div class="container-fluid">
              <jsp:include page="/template/Header.jsp"/>
              
              <!-- 컨텐츠 시작 -->
              <div class="p-5 bg-success text-white">
                  <h1 style="font-weight:bold;">로그인 성공</h1> // 로그인 성공 메시지 표시
              </div>
              
              <fieldset class="border rounded-3 p-3 text-center mt-3 mb-3">
                  <h3 class="display-6" style="font-weight:bold;">${sessionScope.username}님 환영합니다!</h3> // 로그인한 사용자의 이름을 출력
                  
                  <div class="row mt-4">
                      <div class="col-md-12">
                          <h5>상단 메뉴를 통해 이동해주세요</h5>
                      </div>
                  </div>
              </fieldset>        
              <!-- 컨텐츠 끝 -->
              
              <jsp:include page="/template/Footer.jsp"/>      
          </div><!-- container-fluid -->
      </div><!-- container -->
      
      <script>
          document.getElementById('boardBtn').addEventListener('click', function() {
              window.location.href = '${pageContext.request.contextPath}/BoardController';  // 게시판 페이지로 이동
          });
      </script>
  </body>
  </html>

(2) 회원가입

SignUpController.java

아래 코드는 회원가입을 처리하는 서블릿입니다.

사용자가 회원가입 폼을 제출하면 이 서블릿이 호출되어 유효성 검사와 중복 검사 후, 사용자의 데이터를 저장합니다.

  @WebServlet("/SignUpController") // 이 서블릿은 "/SignUpController" URL에 매핑
  public class SignUpController extends HttpServlet {
      private static final long serialVersionUID = 1L; // 직렬화 ID 설정

      protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
          request.setCharacterEncoding("UTF-8"); // 요청의 문자 인코딩을 UTF-8로 설정

          // 요청 파라미터를 받아옴
          String username = request.getParameter("username"); // 사용자 아이디
          String password = request.getParameter("password"); // 사용자 비밀번호
          String passwordConfirm = request.getParameter("passwordConfirm"); // 비밀번호 확인
          String gender = request.getParameter("gender"); // 성별
          String[] interests = request.getParameterValues("interests"); // 관심사
          String grade = request.getParameter("grade"); // 학력
          String self = request.getParameter("self"); // 자기소개
          String token = request.getParameter("token"); // 토큰

          // 유효성 검사
          if (username == null || username.trim().isEmpty()) { // 아이디 입력 확인
              handleError(request, response, "아이디를 입력하세요");
              return;
          }

          if (password == null || password.isEmpty()) { // 비밀번호 입력 확인
              handleError(request, response, "비밀번호를 입력하세요");
              return;
          }

          if (!password.equals(passwordConfirm)) { // 비밀번호 확인 일치 확인
              handleError(request, response, "비밀번호를 다시 한번 확인해 주세요");
              return;
          }

          if (gender == null || gender.isEmpty()) { // 성별 입력 확인
              handleError(request, response, "성별을 선택하세요");
              return;
          }

          if (interests == null || interests.length < 2) { // 관심사 2개 이상 선택 확인
              handleError(request, response, "관심사항은 2개 이상 선택하세요");
              return;
          }

          if (grade == null || grade.isEmpty()) { // 학력 입력 확인
              handleError(request, response, "학력을 선택하세요");
              return;
          }

          if (self == null || self.trim().isEmpty()) { // 자기소개 입력 확인
              handleError(request, response, "자기소개를 입력하세요");
              return;
          }

          // 중복 체크
          UserDAO userDAO = new UserDAO();
          if (userDAO.checkUsernameExists(username)) { // 아이디 중복 체크
              handleError(request, response, "중복된 아이디가 있습니다. 다른 아이디를 사용해주세요");
              return;
          }

          // 유효성 검사를 모두 통과하면 UserDTO 객체를 생성하고 저장
          UserDTO user = new UserDTO(username, password, passwordConfirm, gender, interests, grade, self, token);

          if (userDAO.saveUser(user)) { // 사용자 저장 성공
            request.setAttribute("username", username); // 성공 시 사용자 이름 전달
              request.getRequestDispatcher("/page/SignUpOk.jsp").forward(request, response); // 회원가입 성공 페이지로 포워딩
          } else { // 사용자 저장 실패
              handleError(request, response, "회원가입에 실패했습니다. 다시 시도해주세요.");
          }
      }

      // 오류 발생 시 처리 메서드
      private void handleError(HttpServletRequest request, HttpServletResponse response, String message) throws ServletException, IOException {
          request.setAttribute("modalMessage", message); // 오류 메시지를 요청에 저장
          request.getRequestDispatcher("/page/SignUp.jsp").forward(request, response); // 오류 발생 시 회원가입 페이지로 포워딩
      }
  }

SignUp.jsp

아래 코드는 사용자 회원가입 JSP 입니다.

회원가입 폼은 사용자 이름, 이메일, 비밀번호를 입력받고, 제출 시 'signup.do'로 데이터를 전송합니다.

필수 입력 항목에 대해 유효성 검사 기능이 포함되어 있습니다.

  <%@page import="java.util.Arrays"%>
  <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  <!DOCTYPE html>
  <html>
  <head>
      <jsp:include page="/template/Config.jsp" />
      <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
      <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
      <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
      <title>SignUp.jsp</title>
  </head>
  <body>

      <div class="container">
          <div class="container-fluid">
              <jsp:include page="/template/Header.jsp" />

              <!-- 회원가입 양식 시작 -->
              <div class="p-5 bg-success text-white mb-3">
                  <h1 style="font-weight: bold;">회원가입</h1>
              </div>
              <form action="signup.do" method="post" class="needs-validation" novalidate> // 회원가입 폼 시작
                  <div class="form-group"> // 사용자 이름 입력란
                      <label for="username">사용자 이름</label>
                      <input type="text" class="form-control" id="username" name="username" required>
                      <div class="invalid-feedback">사용자 이름을 입력하세요.</div>
                  </div&gt>

                  <div class="form-group"> // 이메일 입력란
                      <label for="email">이메일</label>
                      <input type="email" class="form-control" id="email" name="email" required>
                      <div class="invalid-feedback">유효한 이메일을 입력하세요.</div>
                  </div&gt>

                  <div class="form-group"> // 비밀번호 입력란
                      <label for="password">비밀번호</label>
                      <input type="password" class="form-control" id="password" name="password" required>
                      <div class="invalid-feedback">비밀번호를 입력하세요.</div>
                  </div>

                  <button type="submit" class="btn btn-primary mt-3">회원가입</button> // 제출 버튼
              </form>
              <!-- 회원가입 양식 끝 -->

          </div>
      </div>

  </body>
  </html>

(3) 게시글 CRUD

WriteController.java

아래 코드는 게시글 작성 처리하는 WriteController 입니다.

사용자가 로그인 상태일 경우 제목과 내용을 받아 게시글을 등록합니다.

제목과 내용이 비어있는 경우 경고 메시지를 출력하고 이전 페이지로 돌아갑니다.

  @WebServlet("/WriteController") // URL 매핑
  public class WriteController extends HttpServlet { 
      private static final long serialVersionUID = 1L;

      protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
          HttpSession session = request.getSession(); // 세션 가져오기
          String username = (String) session.getAttribute("username"); // 사용자 이름 가져오기
          String token = (String) session.getAttribute("token"); // 토큰 가져오기

          response.setContentType("text/html; charset=UTF-8");
          PrintWriter out = response.getWriter();

          // 사용자 아이디가 없으면 로그인 페이지로 이동
          if (username == null || username.isEmpty() || token == null || token.isEmpty()) {
              response.sendRedirect("/YoonSeongBinProj2/page/Login.jsp"); // 로그인 페이지로 리다이렉트
          } else {
              // 제목과 내용을 파라미터에서 가져오기
              String title = request.getParameter("title");
              String content = request.getParameter("content");

              // 제목이나 내용이 비어있는 경우
              if (title == null || title.trim().isEmpty() || content == null || content.trim().isEmpty()) {
                  out.println("<script>");
                  out.println("alert('제목과 내용을 입력해주세요.');"); // 경고 메시지
                  out.println("history.back();"); // 이전 페이지로 돌아가기
                  out.println("</script>");
              } else {
                  // 게시글 등록 로직
                  ServletContext application = getServletContext();
                  BbsDTO item = new BbsDTO(); // 새로운 게시글 객체 생성
                  item.setContent(content); // 내용 설정
                  item.setTitle(title); // 제목 설정
                  item.setUsername(username); // 사용자 이름 설정

                  BbsDAO dao = new BbsDAO(application); // DAO 객체 생성
                  int affected = dao.insert(item); // 게시글 삽입
                  dao.close(); // DAO 종료

                  if (affected > 0) {
                      out.println("<script>");
                      out.println("alert('게시글 등록이 완료되었습니다');"); // 등록 완료 메시지
                      out.println("location.href='/YoonSeongBinProj2/bbspage/BbsList.jsp';"); // 게시글 목록 페이지로 이동
                      out.println("</script>");
                  } else {
                      out.println("<script>");
                      out.println("alert('게시글 등록에 실패하였습니다. 다시 시도해주세요');"); // 실패 메시지
                      out.println("history.back();"); // 이전 페이지로 돌아가기
                      out.println("</script>");
                  }
              }
          }
      }

      protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
          doPost(request, response); // doPost 메서드 호출
      }
  }

BbsDAO.java

아래 코드는 게시판 DAO(Data Access Object) 입니다.

데이터에 접근해서 CRUD 작업을 수행하는 업무 처리 로직을 갖고 있는 객체입니다.

  public class BbsDAO2 implements DAOService<BbsDTO> {

    // 필드
    private Connection conn;
    private ResultSet rs;
    private PreparedStatement psmt;

    // 생성자
    public BbsDAO2(ServletContext context) {
        try {
            Context initContext = new InitialContext();
            Context envContext = (Context) initContext.lookup("java:comp/env");
            DataSource dataSource = (DataSource) envContext.lookup("jdbc/ICTUSER");
            conn = dataSource.getConnection();
        } catch (NamingException | SQLException e) {
            e.printStackTrace();
        }
    }

    // 자원 반납용

    @Override
    public void close() {
        try {
            if (rs != null) rs.close();
            if (psmt != null) psmt.close();
            if (conn != null) conn.close();
        } catch (SQLException e) {}
    }

    //전체 목록 가져오기

    /*
    * 페이징 로직 추가하기
    * DAO에서 할 일
    * 1. 전체 목록 쿼리를 구간 쿼리 혹은 RANK() 함수로 변경
    * 2. 총 레코드 수 구하는 메소드 추가    
    * JSP에서는 
    * List.jsp에 페이징 관련 코드 추가
    */

    public List<BbsDTO> findAll(Map<String, String> map) {
        List<BbsDTO> items = new ArrayList<>();

        String sql = "SELECT b.id, b.title, b.content, b.hitcount, b.postdate, b.username "
                  + "FROM bbs b ";

        // 검색 조건 추가
        if (map.get("searchColumn") != null) {
            if ("username".equals(map.get("searchColumn"))) {
                sql += "WHERE b.username LIKE '%" + map.get("searchWord") + "%' ";
            } else {
                sql += "WHERE " + map.get("searchColumn") + " LIKE '%" + map.get("searchWord") + "%' ";
            }
        }

        sql += "ORDER BY b.id DESC";

        try {
            psmt = conn.prepareStatement(sql);
            rs = psmt.executeQuery();

            while (rs.next()) {
                BbsDTO item = new BbsDTO();
                item.setId(rs.getInt("id"));
                item.setTitle(rs.getString("title"));
                item.setContent(rs.getString("content"));
                item.setHitCount(rs.getInt("hitcount"));
                item.setPostDate(rs.getDate("postdate"));
                item.setUsername(rs.getString("username"));

                items.add(item);
            }
        } catch (SQLException e) {
            e.printStackTrace();
        } finally {
            // 자원 해제
            close();
        }

        return items;
    }

    // 총 레코드 수 얻기용
    @Override
    public int getTotalRecordCount(Map<String,String> map) {
      int totalRecordCount=0;
      String sql="SELECT COUNT(*) FROM bbs b JOIN users u ON b.username=u.username ";
      // 검색시 아래 쿼리 추가
      if(map !=null && map.get("searchColumn") !=null) {
        sql+=" WHERE "+map.get("searchColumn") + " LIKE '%"+map.get("searchWord")+"%' ";
      }
      try {
        psmt = conn.prepareStatement(sql);
        rs = psmt.executeQuery();
        rs.next();
        totalRecordCount= rs.getInt(1);
      }
      catch(SQLException e) {e.printStackTrace();}
      return totalRecordCount;
    }

    // 상세보기용 - 레코드 하나 조회
    @Override
    public BbsDTO findById(String ... params) {
      BbsDTO item=null;
      
      try {
        // 목록에서 넘어온 경우에만 조회수 증가
        if(params.length >=2 && params[1].toUpperCase().startsWith("BBSLIST")) {
          psmt = conn.prepareStatement("UPDATE bbs SET hitcount= hitcount+1 WHERE id=?");
          psmt.setString(1, params[0]);
          psmt.executeUpdate();
        }
          
        // 레코드 하나 조회
        psmt = conn.prepareStatement("SELECT b.*,name FROM bbs b JOIN users u ON b.username=u.username WHERE id=?");
        psmt.setString(1, params[0]);
        rs = psmt.executeQuery();
        if(rs.next()) {
          item = new BbsDTO();
          item.setContent(rs.getString(4));
          item.setHitCount(rs.getInt(5));
          item.setId(rs.getInt(1));
          item.setPostDate(rs.getDate(6));
          item.setTitle(rs.getString(3));
          item.setUsername(rs.getString(2));
        }
      }
      catch(SQLException e) {e.printStackTrace();}
      return item;
    }

    // 이전글, 다음글 조회
    public Map<String, BbsDTO> prevNext(String curentId){
      Map<String, BbsDTO> map = new HashMap<>();
      try {
        // 이전글 얻기
        psmt = conn.prepareStatement("SELECT id,title FROM bbs WHERE id=(SELECT MAX(id) FROM bbs WHERE id < ?)");
        psmt.setString(1,curentId);
        rs = psmt.executeQuery();
        if(rs.next()) {
          map.put("PREV", new BbsDTO(rs.getLong(1), null, rs.getString(2), null, 0, null));
        }
        
        // 다음글 얻기
        psmt = conn.prepareStatement("SELECT id,title FROM bbs WHERE id=(SELECT MIN(id) FROM bbs WHERE id > ?)");
        psmt.setString(1,curentId);
        rs = psmt.executeQuery();
        if(rs.next()) {
          map.put("NEXT", new BbsDTO(rs.getLong(1), null, rs.getString(2), null, 0, null));
        }
        
      }
      catch(SQLException e) {e.printStackTrace();}
      
      return map;
    }    
    
    // 입력용
    @Override
    public int insert(BbsDTO dto) {
      int affected=0;
      try {
        psmt = conn.prepareStatement("INSERT INTO BBS VALUES(SEQ_BBS.NEXTVAL,?,?,?,DEFAULT,DEFAULT)");
        psmt.setString(1, dto.getUsername());
        psmt.setString(2, dto.getTitle());
        psmt.setString(3, dto.getContent());
        affected=psmt.executeUpdate();
        
        rs = psmt.getGeneratedKeys();
        if (rs.next()) {
            dto.setId(rs.getLong(1)); // 삽입된 ID를 DTO에 설정
        }
        
      }
      catch(SQLException e) {e.printStackTrace();}
      return affected;
    }

    @Override
    public int update(BbsDTO dto) {
      int affected=0;
      try {
        psmt = conn.prepareStatement("UPDATE bbs SET title=?,content=? WHERE id=?");
        psmt.setLong(3, dto.getId());
        psmt.setString(1, dto.getTitle());
        psmt.setString(2, dto.getContent());
        affected=psmt.executeUpdate();
        
      }
      catch(SQLException e) {e.printStackTrace();}
      return affected;
    }

    // 삭제용
    @Override
    public int delete(BbsDTO dto) {
      int affected=0;
      try {
        psmt = conn.prepareStatement("DELETE FROM bbs WHERE id=?");
        psmt.setLong(1, dto.getId());
        affected = psmt.executeUpdate();
      }
      catch(SQLException e) {e.printStackTrace();}
      return affected;
    }

    // 회원 여부 판단용
    public boolean isUser(String username, String password) {
      try {
        psmt = conn.prepareStatement("SELECT COUNT(*) FROM users WHERE username=? AND password=?");
        psmt.setString(1, username);
        psmt.setString(2, password);
        rs = psmt.executeQuery();
        rs.next();
        if(rs.getInt(1)==0) return false;
      
      }
      catch(SQLException e) {
        e.printStackTrace();
        return false;
      }
      return true;
    }

  }

BbsView.jsp

아래 코드는 게시판 상세 조회 JSP 로, 게시글의 내용과 이전글, 다음글을 조회할 수 있습니다.

사용자 인증을 확인하고, 게시글 수정, 삭제, 목록 이동 기능을 제공합니다.

  <%@page import="model.PagingUtil"%>
  <%@page import="java.util.Map"%>
  <%@page import="model.bbs.BbsDTO"%>
  <%@page import="java.util.List"%>
  <%@page import="model.bbs.BbsDAO"%>
  <%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
  <!--  로그인 여부 판단:필터 사용시 아래 주석처리 -->
  <%-- <jsp:include page="/common/IsUser.jsp" />--%>

  <%
    // 1.파라미터(키값) 받기
    long id = Long.parseLong(request.getParameter("id"));
    // 현재 페이지번호 받기
    String nowPageParam = request.getParameter(PagingUtil.NOWPAGE);
      int nowPage = (nowPageParam != null && !nowPageParam.isEmpty()) ? Integer.parseInt(nowPageParam) : 1;
    // 페이지 사이즈 -삭제용
    String pageSizeParam = request.getParameter(PagingUtil.PAGE_SIZE);
      int pageSize = (pageSizeParam != null && !pageSizeParam.isEmpty()) ? Integer.parseInt(pageSizeParam) : 10;
    // 검색시
    String searchColumn = request.getParameter("searchColumn");
    String searchWord = request.getParameter("searchWord");
    String searchQuery="";
    if( searchColumn !=null && searchWord.length() !=0){		
      searchQuery=String.format("searchColumn=%s&searchWord=%s&", searchColumn,searchWord);
      
    }
    
    // 2.CRUD작업용 BBSDao 생성
    BbsDAO dao = new BbsDAO(application);
    // 이전 페이지명 얻기:List.jsp에서 뷰로 올때만 조회수 증가 하기 위함
    String referer=request.getHeader("referer");
    String prevPage = referer.substring(referer.lastIndexOf("/")+1);
    // 레코드 하나 가져오기
    BbsDTO item= dao.findById(String.valueOf(id),prevPage);	
    if(item==null){
      out.println("<script>");
      out.println("alert('유효하지 않는 글 번호입니다');");
      out.println("history.back();");
      out.println("</script>");
      dao.close();
      return;
      
    }
    // 내용 줄바꿈 처리
    item.setContent(item.getContent().replace("\r\n", "<br/>"));
    // 이전글, 다음글 조회
    Map<String,BbsDTO> map= dao.prevNext(String.valueOf(id));	
    dao.close();
  %>

  <%
      // 쿠키에서 토큰 가져오기
      Cookie[] cookies = request.getCookies();
      String token = null;
      if (cookies != null) {
          for (Cookie cookie : cookies) {
              if ("token".equals(cookie.getName())) {
                  token = cookie.getValue();
                  break;
              }
          }
      }

      // 세션에서 사용자 이름 가져오기
      String username = (String) session.getAttribute("username");

      // 토큰 유효성 검사
      boolean isValidToken = false;
      if (username != null && token != null) {
          model.user.UserDAO userDAO = new model.user.UserDAO();
          isValidToken = userDAO.validateToken(username, token);
          
          if (!isValidToken) {
              // 토큰이 유효하지 않다면 세션 무효화 및 쿠키 삭제
              session.invalidate();
              Cookie tokenCookie = new Cookie("token", null);
              tokenCookie.setMaxAge(0);
              response.addCookie(tokenCookie);
              username = null; // 비로그인 상태로 설정
          }
      } else {
          // 사용자 이름이나 토큰이 없으면 비로그인 상태로 처리
          username = null;
      }
  %>

  <!DOCTYPE html>
  <html>
  <head>
  <%--@ include file="/template/Config.jsp" --%>
  <jsp:include page="/template/Config.jsp" />
  <title>BbsView.jsp</title>
  <style>
  th.bg-dark.text-white {
    text-align: center;
  }
  </style>
  <script>
      function isDelete(){
          var pageSize = "<%=pageSize %>";
          if(pageSize === null || pageSize === "") {
              pageSize = "10"; // 기본값 설정
          }
          if(confirm("정말로 삭제하시겠습니까?")){
              location.replace("/YoonSeongBinProj2/bbspage/BbsDelete.jsp?id=<%=item.getId()%>&<%=PagingUtil.NOWPAGE %>=<%=nowPage%>&<%=PagingUtil.PAGE_SIZE %>=" + pageSize);
          }
      }
  </script>
  </head>
  <body>
    <div class="container">
      <div class="container-fluid">
        <%--@ include file="/template/Header.jsp" --%>
        <jsp:include page="/template/Header.jsp" />

        <!-- 컨텐츠 시작 -->
        <div class="p-5 bg-success text-white">
          <h1 style="font-weight:bold">작성글 상세 보기</h1>
        </div>
        <fieldset class="border rounded-3 p-3 text-center mt-2">
        <table class="table table-hover">
          <tbody>
            <tr >
              <th class="bg-dark w-25 text-white" >번호</th>
              <td><%=item.getId() %></td>
            </tr>
            <tr>
              <th class="bg-dark w-25 text-white">작성자</th>
              <td><%=item.getUsername() %></td>
            </tr>
            <tr>
              <th class="bg-dark w-25 text-white">작성일</th>
              <td><%=item.getPostDate() %></td>
            </tr>
            <tr>
              <th class="bg-dark w-25 text-white">조회수</th>
              <td><%=item.getHitCount() %></td>
            </tr>
            <tr>
              <th class="bg-dark w-25 text-white">제목</th>
              <td><%=item.getTitle() %></td>
            </tr>
            <tr>
              <th class="bg-dark text-white" colspan="2">내용</th>
            </tr>
            <tr>
              <td colspan="2"><%=item.getContent()%></td>
            </tr>

          </tbody>
        </table>
        <!-- 이전글/다음글 -->
        <div>
          <table class="table" >
            <tbody>
              
              <tr>
                <td class="text-white bg-dark w-25 text-center" style="font-weight:bold">다음글</td>
                <td>
                <%=map.get("NEXT") == null ? "다음글이 없습니다" : String.format("<a href='/YoonSeongBinProj2/bbspage/BbsView.jsp?id=%s&%s=%s&%s=%s'>%s</a>",
                          map.get("NEXT").getId(), PagingUtil.NOWPAGE, nowPage, PagingUtil.PAGE_SIZE, pageSize, map.get("NEXT").getTitle()) %>
                </td>
              </tr>
              <tr>
                <td class="text-white bg-dark w-25 text-center" style="font-weight:bold">이전글</td>
                <td>
                <%=map.get("PREV") == null ? "이전글이 없습니다" : String.format("<a href='/YoonSeongBinProj2/bbspage/BbsView.jsp?id=%s&%s=%s&%s=%s'>%s</a>",
                          map.get("PREV").getId(), PagingUtil.NOWPAGE, nowPage, PagingUtil.PAGE_SIZE, pageSize, map.get("PREV").getTitle()) %>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <!-- 수정/삭제/목록 컨트롤 버튼 -->
        <div class="text-center">
          
          <% if (isValidToken && username != null && username.equals(item.getUsername())) { %>
          <a href="/YoonSeongBinProj2/bbspage/BbsEdit.jsp?id=<%=item.getId() %>&<%=PagingUtil.NOWPAGE+"="+nowPage %>" class="btn btn-success">수정</a> 
          <a href="javascript:isDelete()"	class="btn btn-success" >삭제</a>				
          <a href="/YoonSeongBinProj2/bbspage/BbsList.jsp?<%=PagingUtil.NOWPAGE+"="+nowPage+"&"+searchQuery %>" class="btn btn-success">목록</a>
          <% } else { %>
          <a href="/YoonSeongBinProj2/bbspage/BbsList.jsp?<%=PagingUtil.NOWPAGE+"="+nowPage+"&"+searchQuery %>" class="btn btn-success">목록</a>
          <%}%>
        </div>
        </fieldset>
        <!-- 컨텐츠 끝 -->
        <%--@ include file="/template/Footer.jsp" --%>
        <jsp:include page="/template/Footer.jsp" />
      </div>
      <!-- container-fluid -->
    </div>
    <!--container  -->
  </body>
  </html>

BbsEdit.jsp

아래 코드는 게시글 수정 기능을 제공하는 JSP 입니다.

게시글 ID로 해당 데이터를 조회하고, 제목과 내용을 수정할 수 있는 폼을 제공합니다.

  <%@page import="model.PagingUtil"%>
  <%@page import="model.bbs.BbsDTO"%>
  <%@page import="java.util.List"%>
  <%@page import="model.bbs.BbsDAO"%>
  <%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
  <!--  로그인 여부 판단:필터 사용시 아래 주석처리 -->
  <%-- <jsp:include page="/common/IsUser.jsp" />--%>
  <%
      // 파라미터(id) 값이 존재하고 비어있지 않으면 long 형으로 변환, 아니면 기본값 0L 사용
      String idParam = request.getParameter("id");
      long id = (idParam != null && !idParam.isEmpty()) ? Long.parseLong(idParam) : 0L;

      // 현재 페이지번호 받기
      String nowPage = request.getParameter(PagingUtil.NOWPAGE);
      
      // CRUD 작업용 BbsDao 생성
      BbsDAO dao = new BbsDAO(application);
      
      // 레코드 하나 가져오기
      BbsDTO item = dao.findById(String.valueOf(id));

      // DAO 사용 후 리소스 정리
      dao.close();
  %>

  <!DOCTYPE html>
  <html>
  <head>
  <%--@ include file="/template/Config.jsp" --%>
  <jsp:include page="/template/Config.jsp" />
  <title>BbsEdit.jsp</title>

  </head>
  <body>
    <div class="container">
      <div class="container-fluid">
        <%--@ include file="/template/Header.jsp" --%>
        <jsp:include page="/template/Header.jsp" />

        <!-- 컨텐츠 시작 -->
        <div class="p-5 bg-success text-white mb-3">
          <h1 style="font-weight: bold;">회원제 게시판 수정</h1>
        </div>
        <fieldset class="border rounded-3 p-3 text-center">
          <legend class="float-none w-auto px-3" style="font-weight: bold;">수정할
            제목과 내용을 입력하세요</legend>
          <form action="/YoonSeongBinProj2/bbspage/BbsEditOk.jsp" method="post">

            <input type="hidden" name="id" value="<%=id%>" /> <input
              type="hidden" name="<%=PagingUtil.NOWPAGE%>" value="<%=nowPage%>" />

            <div class="row justify-content-center">
              <div class="col-md-8">
                <div class="row mb-3">

                  <div class="col-md-4 mb-2 mt-5 d-flex align-items-center justify-content-md-end">
                    <label for="title" class="form-label" style="font-weight: bold;">제목</label>
                  </div>

                  <div class="col-md-6 mb-3 mt-5">
                    <input type="text" class="form-control" id="title" placeholder="Enter title" name="title" value="<%=item.getTitle()%>">
                  </div>
              </div>
                  <div class="row mb-3">
                    <div class="col-md-4 mb-2 mt-4 d-flex justify-content-md-end">
                      <label for="content" class="form-label" style="font-weight: bold;">내용</label>
                    </div>

                    <div class="col-md-6 mb-3 mt-3">
                      <textarea placeholder="Enter content" class="form-control"
                        rows="18" id="content" name="content"><%=item.getContent()%></textarea>
                    </div>
                  </div>

                  <div class="row mb-3">
                    <div class="col-md-12">
                      <button type="submit" class="btn btn-dark ml-auto" style="padding: 10px 30px;">수정</button>
                    </div>
                  </div>
                </div>
              
            </div>
          </form>
        </fieldset>

        <!-- 컨텐츠 끝 -->
        <%--@ include file="/template/Footer.jsp" --%>
        <jsp:include page="/template/Footer.jsp" />
      </div>
      <!-- container-fluid -->
    </div>
    <!--container  -->
  </body>
  </html>

BbsList.jsp

아래 코드는 게시판의 글 목록을 표시하는 JSP 입니다.

검색 및 페이징 기능을 제공하며, 게시글 목록을 테이블 형식으로 출력합니다.

사용자가 로그인한 경우 게시글 등록 버튼을 표시하고, 검색 기능을 통해 제목, 내용, 작성자 기준으로 게시글을 필터링할 수 있습니다.

  <%@page import="model.PagingUtil"%>
  <%@page import="java.util.HashMap"%>
  <%@page import="java.util.Map"%>
  <%@page import="model.bbs.BbsDTO"%>
  <%@page import="java.util.List"%>
  <%@page import="model.bbs.BbsDAO"%>
  <%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
  <!--  로그인 여부 판단:필터 사용시 아래 주석처리 -->
  <%-- <jsp:include page="/common/IsUser.jsp" />--%>
  <%
  // 검색과 관련된 파라미터 받기
  String searchColumn = request.getParameter("searchColumn"); // 검색 컬럼
  String searchWord = request.getParameter("searchWord"); // 검색어
  Map<String, String> map = new HashMap<>(); // 검색 조건 담을 맵 생성
  String linkUrl = request.getContextPath() + "/YoonSeongBinProj2/bbspage/BbsList.jsp?"; // 링크 URL 초기화
  String searchQuery = ""; // 검색 쿼리 초기화
  if (searchColumn != null && searchWord != null && !searchWord.isEmpty()) {
    map.put("searchColumn", searchColumn); // 검색 컬럼 추가
    map.put("searchWord", searchWord); // 검색어 추가
    searchQuery = String.format("searchColumn=%s&searchWord=%s&", searchColumn, searchWord); // 검색 쿼리 형식 지정
    linkUrl += searchQuery; // 링크 URL에 검색 쿼리 추가
  }
  // 전체 글 목록 가져오기	
  BbsDAO dao = new BbsDAO(application);


   map.put(PagingUtil.PAGE_SIZE, this.getInitParameter("PAGE-SIZE"));  // 페이지 사이즈 설정
    map.put(PagingUtil.BLOCK_PAGE, this.getInitParameter("BLOCK-PAGE"));  // 페이지 블록 사이즈 설정
    PagingUtil.setMapForPaging(map, dao, request);  // 페이징 처리 설정
    int totalRecordCount = Integer.parseInt(map.get(PagingUtil.TOTAL_RECORD_COUNT));  // 전체 글 개수
    int pageSize = Integer.parseInt(map.get(PagingUtil.PAGE_SIZE));  // 페이지 사이즈
    int blockPage = Integer.parseInt(map.get(PagingUtil.BLOCK_PAGE));  // 블록 페이지 사이즈
    int nowPage = Integer.parseInt(map.get(PagingUtil.NOWPAGE));  // 현재 페이지 번호
    // 페이징을 위한 로직 끝
    List<BbsDTO> items = dao.findAll(map);  // 전체 게시글 목록 가져오기

    dao.close();  // DB 연결 종료
  %>


  <!DOCTYPE html>
  <html>
  <head>
  <%--@ include file="/template/Config.jsp" --%>
  <jsp:include page="/template/Config.jsp" />
  <title>BbsList.jsp</title>

  </head>
  <body>
    <div class="container">
      <div class="container-fluid">
        <%--@ include file="/template/Header.jsp" --%>
        <jsp:include page="/template/Header.jsp" />

        <!-- 컨텐츠 시작 -->
        <div class="p-5 bg-success text-white mb-3">
          <h1 style="font-weight: bold;">게시판 목록</h1>
        </div>
        <div class="my-2 text-end">
        <% String username = (String) session.getAttribute("username");
                    String token = (String) session.getAttribute("token");
                    if (username != null && token != null) { %>
          <a href="BbsWrite.jsp" class="btn btn-danger">게시글 등록</a>
          <% } else {} %>
            
        </div>
        <table class="table table-hover text-center">
          <thead class="table-dark">
            <tr>
              <th class="col-1">번호</th>
              <th class="col-auto">제목</th>
              <th class="col-2">작성자</th>
              <th class="col-1">조회수</th>
              <th class="col-2">작성일</th>
            </tr>
          </thead>
          <tbody>
            <%
            // 게시글이 없으면 "등록된 글이 없습니다" 표시
            if (items.isEmpty()) {
            %>
            <tr>
              <td colspan="5">등록된 글이 없습니다.</td> 
            </tr>
            <%
            // 게시글이 있으면 목록 출력
            } else {
            int loop = 0;
            for (BbsDTO item : items) {
            %>
            <tr>
              <td><%=totalRecordCount - (((nowPage - 1) * pageSize) + loop)%></td>
              <td class="text-start"><a
                href="BbsView.jsp?id=<%=item.getId() + "&" + PagingUtil.NOWPAGE + "=" + nowPage + "&" + searchQuery + PagingUtil.PAGE_SIZE + "="
      + pageSize%>"><%=item.getTitle()%></a></td>
              <td><%=item.getUsername()%></td>
              <td><%=item.getHitCount()%></td>
              <td><%=item.getPostDate()%></td>
            </tr>
            <%
            loop++;
            }
            }
            %>
          </tbody>
        </table>
        <!-- 페이징 출력 -->
        <%=PagingUtil.pagingBootStrapStyle(totalRecordCount, pageSize, blockPage, nowPage, linkUrl)%>
        <!-- 검색 UI -->

        <form method="post" class="row justify-content-center"> // 검색 폼

          <div class="col-2">
            <select class="form-control" name="searchColumn">
              <option value="title">제목</option>
              <option value="content">내용</option>
              <option value="username"> 작성자</option>
            </select>
          </div>
          <div class="col-5">
            <input type="text" class="form-control mx-2"
              placeholder="검색어를 입력하세요" name="searchWord" />
          </div>
          <div class="col-auto">
            <button type="submit" class="btn btn-primary">검색</button>
          </div>

        </form>
        <!-- 컨텐츠 끝 -->
        <jsp:include page="/template/Footer.jsp" />
      </div>
      <!-- container-fluid -->
    </div>
    <!--container  -->
  </body>
  </html>

BbsDelete.jsp

아래 코드는 게시글을 삭제하는 기능을 가진 JSP 입니다.

사용자가 삭제하려는 게시글의 ID를 파라미터로 받아 해당 게시글을 삭제한 후, 삭제가 성공적으로 이루어지면 게시글 목록 페이지로 리디렉션합니다.

삭제에 실패한 경우, 알림 창을 띄우고 이전 페이지로 돌아갑니다.

삭제 후 전체 페이지 수를 재계산하고, 현재 페이지가 삭제 후 페이지 수보다 많으면 마지막 페이지로 이동하게 처리됩니다.

  <%@page import="java.util.HashMap"%>
  <%@page import="java.util.Map"%>
  <%@page import="model.PagingUtil"%>
  <%@page import="model.bbs.BbsDTO"%>
  <%@page import="model.bbs.BbsDAO"%>
  <%@ page language="java" contentType="text/html; charset=UTF-8"
      pageEncoding="UTF-8"%>
  <!-- Delete.jsp -->
  <!--  로그인 여부 판단:필터 사용시 아래 주석처리 -->
  <%-- <jsp:include page="/common/IsUser.jsp" />--%>
  <%
    
    // 1.파라미터(키값) 받기	
    long id = Long.parseLong(request.getParameter("id"));
    //현재 페이지번호 받기
    int nowPage = request.getParameter(PagingUtil.NOWPAGE) == null ? 1 : Integer.parseInt(request.getParameter(PagingUtil.NOWPAGE));
    //페이지 사이즈 -삭제용
    int pageSize = request.getParameter(PagingUtil.PAGE_SIZE) == null ? 10 : Integer.parseInt(request.getParameter(PagingUtil.PAGE_SIZE));
    
    
    // 2.CRUD작업용 BbsDao생성
    BbsDAO dao = new BbsDAO(application);	
    BbsDTO dto = new BbsDTO();
    dto.setId(id);
    int affected=dao.delete(dto);
    // 삭제 후에 총 페이지 수 구함
    int totalRecordCount = dao.getTotalRecordCount(null); // 검색시도 적용 시는 반드시 맵 전달
    
    int totalPage=(int)Math.ceil((double)totalRecordCount/pageSize);
    dao.close();
    if(totalPage < nowPage) nowPage=totalPage;
    
    
    if(affected==1){
      response.sendRedirect("/YoonSeongBinProj2/bbspage/BbsList.jsp?"+PagingUtil.NOWPAGE+"="+nowPage);
    }
    else{
      out.println("<script>");
      out.println("alert('삭제 실패했어요');");
      out.println("history.back();");
      out.println("</script>");
    }

  %>

BbsWrite.jsp

아래 코드는 게시글을 작성하는 JSP 로, 사용자에게 제목과 내용을 입력받는 폼을 제공합니다.

폼에 입력된 데이터를 'WriteController'로 POST 방식으로 전송하여 게시글을 등록하게 됩니다.

폼 내에는 제목과 내용 입력 필드가 있으며, 사용자가 입력을 완료한 후 '등록' 버튼을 클릭하면 데이터가 서버로 전달되어 게시글이 생성됩니다.

  <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  <!DOCTYPE html>
  <html>
  <head>
    <jsp:include page="/template/Config.jsp" />
    <title>BbsWrite.jsp</title>
  </head>
  <body>
      <div class="container">
          <div class="container-fluid">
              <jsp:include page="/template/Header.jsp" />
              <!-- 컨텐츠 시작 -->
              <div class="p-5 bg-success text-white mb-3">
                  <h1 style="font-weight: bold;">게시글 등록</h1>
              </div>
              <fieldset class="border rounded-3 p-3 text-center">
                  <legend class="float-none w-auto px-3" style="font-weight: bold;">등록할 제목과 내용을 입력하세요</legend>  // 폼 제목
                  <form action="${pageContext.request.contextPath}/WriteController" method="post">  // 폼 제출 액션
                    <div class="row justify-content-center">
                        <div class="col-md-8">
                            <div class="row mb-3">  // 제목 입력 폼
                                <div class="col-md-4 mb-2 mt-5 d-flex align-items-center justify-content-md-end">
                                    <label for="title" class="form-label" style="font-weight: bold;">제목</label>
                                </div>
                                <div class="col-md-6 mb-3 mt-5">  // 제목 입력 필드
                                    <input type="text" class="form-control" id="title" placeholder="제목을 입력하세요" name="title">
                                </div>
                            </div>
                            <div class="row mb-3">  // 글 내용 입력 폼
                                <div class="col-md-4 mb-2 mt-4 d-flex justify-content-md-end">
                                    <label for="content" class="form-label" style="font-weight: bold;">글 내용</label>
                                </div>
                                <div class="col-md-6 mb-3 mt-3">  // 내용 입력 필드
                                    <textarea class="form-control" rows="18" id="content" name="content" placeholder="글을 입력하세요"></textarea>
                                </div>
                            </div>
                            <div class="row mb-3">  // 등록 버튼
                                <div class="col-md-12">
                                    <button type="submit" class="btn btn-dark ml-auto" style="padding: 10px 30px;">등록</button>
                                </div>
                            </div>
                        </div>
                    </div>
                  </form>
              </fieldset>
              <!-- 컨텐츠 끝 -->
              <jsp:include page="/template/Footer.jsp" />
          </div>
          <!-- container-fluid -->
      </div>
      <!--container  -->
  </body>
  </html>

---

4. 실행 결과