프로필사진
JSP(2) - JSTL(tag library)사용해서 html스럽게 코드작성하기

2019. 11. 8. 17:17🔴 JSP웹개발

300x250

  = 띄어쓰기

java코드 + html코드 이렇게 쓰는것도 불편하다..!
JSTL (tag library)를 사용하면 훨씬 html스럽게 고칠 수 있다


taglib (=tag library)

<%@ taglib prefix="접두어(=단축키)" uri="주소값(=해당 태그 라이브러리가 존재하는 주소값)"%>

: 개인 편의상 제작한 태그 (커스텀 태그)를 모아놓은 것, 또는 JSTL과 같이 표준으로 지정된 라이브러리

→ 외부로부터 library를 import해와서 사용 (단축키로 라이브러리를 끌어옴!)

 

태그라이브러리를 당겨오기 위한 라이브러리 → tomcat 안에 있음:

 

이클립스의 lib에 복사 + 붙여넣기 해주기:

BUT, 모든 프로젝트들이 사용할 수 있는 공통 lib에 붙여넣는 것이 훨씬 간편하다:
tomcat의 lib에 두 파일 복사해놓기:

Servers > 서버 → delete하고 다시 등록해서 갱신시켜주기:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="core" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<style>
</style>
</head>
<body>
	jstl 중에서 core library 사용하기:
	<ul>
	<!-- 자바에서의 for문을 html처럼 쓸 수 있게 해준다 -->
	<core:forEach var="index" begin="0" end="10">
		<li>${index}번째 행</li>
	</core:forEach>
	</ul>
	<hr>
	<ul>
	<%
		for(int i=0; i<=10; i++){
	%>
		<li><%=i+10 %>번째 행</li>
	<%	
		}
	%>
	</ul>
</body>
</html>

 

결과:

 

비교: tag lib (1) 가 훨씬 편하다!!

300x250