관리 메뉴
코딩항해기
[JSP] header, footer 넣기 2탄 (JSTL.ver) 본문
[JSP] header, footer 넣기
헤더 header홈페이지 제일 상단 부분이다. 네비게이션과 검색파트가 있어 스크롤 상단에 항상 고정되어 있는 경우가 많다. 푸터 footer모든 페이지의 맨 아래, 본문 내용 아래에 위치한 영역이다.
minibcake.tistory.com
[JSP] EL식, JSTL
EL (Expression Language)속성 값을 편리하게 출력하기 위해 제공된 언어이다.JSP 2.0 버전에서 새로 추가된 언어이며, 지시어로 불러왔던 값을 ${}로 간단하게 사용할 수 있도록 도와준다. Attribute 형식
minibcake.tistory.com
기존에 헤터푸터를 넣는 방식으로 incloud 지시자 태그를 사용했었는데 해당 방식이 오래되어 요즘에는 JSTL로 import한다는 사실을 알게 되어 JSTL로 다시 정리한다.
JSTL도 방식은 크게 다르지 않으며 import 태그를 사용한다.
<c:import url="헤더나 푸터의 경로"></c:import>
JSTL을 사용할 때 주의할 점은 바로 사용한 지시자 태그와 달리 상단에 JSTL taglib를 선언해야하고, 관련 파일을 WEB-INF 하위의 lib 폴더에 넣어야한다.
[예시]
<%@ 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>
<meta charset="UTF-8">
<title>헤터푸터 JSTL</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<%-- header 영역 --%>
<c:import url="header.jsp"></c:import>
<%-- main 영역 --%>
<div>
</div>
<%-- footer 영역 --%>
<c:import url="footer.jsp"></c:import>
</body>
</html>
'JSP' 카테고리의 다른 글
| [JSP] DB에 있는 게시글 화면에 보여주기 (1) | 2024.08.31 |
|---|---|
| [JSP] JDBC - DAO 템플릿 정리 (0) | 2024.08.29 |
| [JSP] 입력받은 이미지 파일 저장하기 (0) | 2024.08.27 |
| [JSP] DB에서 이미지 파일 경로 받아서 화면에 띄우기 (0) | 2024.08.27 |
| [JSP] Controller - 심화 (싱글톤패턴 : 핸들러맵핑 적용) (0) | 2024.08.20 |
'JSP' Related Articles
more
