템플릿 작업

<%-- JSTL --%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> <%@ taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql"%> <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<%-- 전역변수 --%> <% // Context Path (루트 경로) String root = request.getContextPath(); pageContext.setAttribute("root", root); // 로그인 아이디 (세션) String loginId = (String) session.getAttribute("loginId"); pageContext.setAttribute("loginId", loginId); // ... %>

<!-- <title>project💻 - ALOHA BOARD📝</title> --> <!-- 파비콘 --> <link rel="icon" href="${ root }/static/img/logo.png" type="image/x-icon"> <!-- 썸네일 이미지 설정 --> <meta property="og:image" content="https://i.imgur.com/yiTQ3EV.jpg"> <!-- 웹 페이지 설명 --> <meta property="og:description" content="ALOHA BOARD📝 - JSP 기반 게시판 프로젝트"> <!-- 웹 페이지 URL --> <meta property="og:url" content="${ root }"> <!-- 웹 페이지 제목 --> <meta name="title" content="project💻 - ALOHA BOARD📝"> <meta property="og:title" content="project💻 - ALOHA BOARD📝"> <!-- 웹 페이지 타입 --> <meta property="og:type" content="website"> <!-- 검색어 --> <meta name="keywords" content="JSP 게시판, 자바 웹개발, ALOHA BOARD, 알로하 보드"> <meta name="robots" content="index, follow"> <!-- 사이트 맵 --> <link rel="sitemap" href="${ root }/static/sitemap.xml">

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ include file="/layout/common.jsp" %> <%-- 폰트 --%> <%-- 라이브러리 --%> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4Q6Gf2aSP4eDXB8Miphtr37CMZZQ5oXLH2yaXMJ2w8e2ZtHTl7GptT4jmndRuHDT" crossorigin="anonymous"> <link href="${ root }/static/css/reset.css" rel="stylesheet" /> <link href="${ root }/static/css/style.css" rel="stylesheet" />

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ include file="/layout/common.jsp" %> <nav class="navbar bg-dark navbar-expand-lg bg-body-tertiary" data-bs-theme="dark"> <div class="container-fluid"> <a class="navbar-brand" href="${ root }/">Home</a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="${ root }/board/list">Board</a> </li> </ul> <ul class="navbar-nav d-flex align-items-center px-3"> <% if( loginId == null || loginId.equals("") ) { %> <!-- 비로그인 시 --> <li class="nav-item"> <a class="nav-link" aria-current="page" href="${ root }/login.jsp">로그인</a> </li> <li class="nav-item"> <a class="nav-link" aria-current="page" href="${ root }/join.jsp">회원가입</a> </li> <li class="nav-item"> </li> <% } else { %> <!-- 로그인 시 --> <li class="nav-item"> <div class="dropdown"> <a href="#" class="d-flex align-items-center link-body-emphasis text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"> <img src="https://github.com/mdo.png" alt="" width="32" height="32" class="rounded-circle me-2"> <%-- <strong><%= loginId %></strong> --%> </a> <ul class="dropdown-menu dropdown-menu-end text-small shadow"> <li><a class="dropdown-item" href="${ root }/users/my">마이 페이지</a></li> <li><a class="dropdown-item" href="${ root }/users/update">회원정보 수정</a></li> <li><hr class="dropdown-divider"></li> <li><a class="dropdown-item" href="${ root }/users/logout">로그아웃</a></li> </ul> </div> </li> <% } %> </ul> </div> </div> </nav>

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ include file="/layout/common.jsp" %> <footer class="container p-5 text-center text-muted border-top mt-5"> <p class="mb-1">&copy; 2025 ALOHA BOARD📝. All rights reserved.</p> <p class="mb-0"> <a href="${root}/about.jsp">About</a> | <a href="${root}/privacy.jsp">Privacy Policy</a> | <a href="${root}/contact.jsp">Contact</a> </p> </footer>

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ include file="/layout/common.jsp" %> <%-- 라이브러리 --%> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js" integrity="sha384-j1CDi7MgGQ12Z7Qab0qlWQ/Qqz24Gc6BM0thvEMVjHnfYGF0rmFCozFSxQBxwHKO" crossorigin="anonymous"></script> <%-- jQuery --%> <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> <script src="${ root }/static/js/script.js"></script>

<%@ include file="/layout/jstl.jsp" %> <%@ include file="/layout/common.jsp" %> <%@ page language="java" contentType="text/html; charset=${encoding}" pageEncoding="${encoding}"%> <!DOCTYPE html> <html> <head> <title>project💻 - ALOHA CLASS🌴</title> <jsp:include page="/layout/meta.jsp" /> <jsp:include page="/layout/link.jsp" /> </head> <body> <jsp:include page="/layout/header.jsp" /> <%-- [Contents] ######################################################### --%> ${cursor} <%-- [Contents] ######################################################### --%> <jsp:include page="/layout/footer.jsp" /> <jsp:include page="/layout/script.jsp" /> </body> </html>

<%@ include file="/layout/jstl.jsp" %> <%@ include file="/layout/common.jsp" %> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <title>project💻 - ALOHA CLASS🌴</title> <jsp:include page="/layout/meta.jsp" /> <jsp:include page="/layout/link.jsp" /> </head> <body> <jsp:include page="/layout/header.jsp" /> <%-- [Contents] ######################################################### --%> <main> <h1>메인 화면</h1> </main> <%-- [Contents] ######################################################### --%> <jsp:include page="/layout/footer.jsp" /> <jsp:include page="/layout/script.jsp" /> </body> </html>