JSP 주석과 지시자

치치ㅤ 2024. 7. 3. 23:01

💡 학습 목표

1. HTML, JSP, Java 주석을 이해하자.
2. JSP 지시자 대해서 한번 더 살펴 보자.

JSP 주석은 JSP 페이지 내에서 주석을 작성할 때 사용됩니다. 주석은 JSP 페이지를 해석할 때 무시되며, 최종 HTML 페이지에 포함되지 않습니다. JSP에는 HTML 주석, JSP 주석, 그리고 Java 주석이 있습니다.

HTML 주석

HTML 주석은 최종 HTML 페이지에 포함되며, 브라우저에서 볼 수 있습니다.

<!-- 이것은 HTML 주석입니다. 최종 HTML 페이지에 포함됩니다. -->

JSP 주석

JSP 주석은 JSP 페이지를 해석할 때 무시되며, 최종 HTML 페이지에 포함되지 않습니다.

<%-- 이것은 JSP 주석입니다. 최종 HTML 페이지에 포함되지 않습니다. --%>

Java 주석

Java 주석은 스크립트릿, 선언, 표현식 등 Java 코드 내부에서 사용됩니다.

<% 
    // 이것은 한 줄짜리 Java 주석입니다.
    /* 이것은 여러 줄짜리 
       Java 주석입니다. */
%>

JSP 지시자

페이지 지시자는 JSP 페이지의 전체 설정을 지정합니다. 예를 들어, 페이지의 인코딩, import 문, 에러 페이지 등을 설정할 수 있습니다.

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.util.*" %>
<%@ page errorPage="error.jsp" %>

include 지시자

include 지시자는 다른 JSP 파일을 현재 JSP 파일에 포함시킵니다. 이는 정적 포함 방식으로, 컴파일 시 포함됩니다.

<%@ include file="header.jsp" %>

코드 실습 1 - 주석을 사용해 보자

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <title>JSP 주석 예제</title>
</head>
<body>
    <!-- HTML 주석: 이것은 최종 HTML 페이지에 포함됩니다. -->
    <%-- JSP 주석: 이것은 최종 HTML 페이지에 포함되지 않습니다. --%>
    <%
        // Java 주석: 한 줄짜리 주석
        /* Java 주석: 
           여러 줄짜리 주석 */
    %>
    <h1>JSP 주석 예제</h1>
</body>
</html>

코드 실습 2 - JSP 지시자와 include 의 사용

header.jsp

header.jsp 파일에는 페이지의 헤더 부분을 포함합니다. 이 파일에는 <html>, <head>, <body> 태그를 열고, 공통으로 사용되는 스타일시트나 스크립트를 포함할 수 있습니다.

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>공통 헤서 만들어보기</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
	<header>
		<h1>사이트 이름</h1>
		<nav>
			<ul>
				<li><a href="home.jsp">홈</a></li>
				<li><a href="about.jsp">소개</a></li>
				<li><a href="contact.jsp">연락처</a></li>
			</ul>
		</nav>
	</header>

home.jsp

home.jsp 파일에서는 header.jsp와 footer.jsp 파일을 포함하여 페이지의 본문 내용을 작성합니다.

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="header.jsp" %>
<%@ page import="java.util.Date" %>

<h1>JSP 지시자 예제</h1>
<p> 현재 시간 <%= new Date() %> </p>

<%@ include file="footer.jsp" %>

footer.jsp

footer.jsp 파일에는 페이지의 푸터 부분을 포함합니다. 이 파일에서는 열린 <body>와 <html> 태그를 닫습니다.

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

		<footer>
			<p>공통 푸터 &copy; 2024</p>
		</footer>    

	</body>
</html>