학습 목표
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> 태그를 닫습니다.
### footer.jsp
footer.jsp 파일에는 페이지의 푸터 부분을 포함합니다. 이 파일에서는 열린 `<body>`와 `<html>` 태그를 닫습니다.'Java > JSP' 카테고리의 다른 글
| JSP 지시자(Directive) 간단 정리 (0) | 2024.07.15 |
|---|---|
| JSP 기본 태그 (스크립트릿, 선언, 표현식) (0) | 2024.07.15 |
| JSP 기초 문법 (0) | 2024.07.15 |
| JSP 라이프사이클 (0) | 2024.07.15 |
| JSP(Java Server Pages)란? (0) | 2024.07.15 |
