나의 생각을 끄적이는 공간

블로그 이미지

Wooni0477

카테고리

  • 분류 전체보기 (118)
    • 프로그래밍 정리 (102)
      • Front (5)
      • Java (2)
      • JSP, Servlet, DB(oracle) (33)
      • JavaScript (0)
      • Spring (22)
      • Oracle (28)
      • Vue (1)
      • API (1)
      • err (5)
      • ERD (1)
      • etc.. (4)
    • BoostCourse (15)
      • HTML/CSS (7)
      • JavaScript (4)
      • JSP (4)
    • 공부 자료들.. (0)
    • 기타 (0)
    • --------------------------- (0)
    • 끄적이는공간.. (0)
      • 이벤트 (0)
      • 여행 (0)

    최근...

  • 포스트
  • 댓글
  • 트랙백
  • 더 보기

JSP 기본정리4 - JSTL(JSP Standard Tag Library)

BoostCourse/JSP 2019. 11. 19. 20:44
반응형

JSP 기본정리4 -  JSTL(JSP Standard Tag Library)


*JSTL(JSP Standard Tag Library)

jsp에서 java언어를 사용하기에 불편함이 있다. 이를 위해 나온 라이브러리 이다.

JSTL은 java언어와 다르지만 틀자체는 변한것이 없기 때문에 조금만 연습하면 금방 익숙해 질것이다.

*JSTL 라이브러리

JSTL은 5가지 라이브러리를 지원한다. 이번장에서는 core만 다루어 본다.

사진 설명을 입력하세요.

*설치

시작하기전에 라이브러리부터 설치 해주어야 한다.

-톰켓사이트(http://tomcat.apache.org/) => Download 메뉴에 Taglibs 클릭 

사진 설명을 입력하세요.

-Apache Standard Taglib를 클릭=>JSTL 1.1 버전 download 클릭

사진 설명을 입력하세요.

사진 설명을 입력하세요.

-binaries클릭=> jakarta-taglibs-standard-1.1.2.zip 를 클릭해 다운로드 완료

사진 설명을 입력하세요.

사진 설명을 입력하세요.

-다운 받은 파일을 압축풀고

\jakarta-taglibs-standard-1.1.2\jakarta-taglibs-standard-1.1.2\lib

해당경로안에 있는 파일을 복사한다.

jstl.jar

standard.jar

-톰켓서버 폴더안에 lib에 붙여넣기

D:\JSP\apache-tomcat-8.5.47\lib

사진 설명을 입력하세요.

*JSTL(JSP Standard Tag Library)

jsp에서 java언어를 사용하기에 불편함이 있다. 이를 위해 나온 라이브러리 이다.

JSTL은 java언어와 다르지만 틀 자체는 변한것이 없기 때문에 조금만 연습하면 금방 익숙해 질것이다.



*JSTL 라이브러리

JSTL은 5가지 라이브러리를 지원한다. 이번장에서는 core만 다루어 본다.



*설치

시작하기전에 라이브러리부터 설치 해주어야 한다.

-톰켓사이트(http://tomcat.apache.org/) => Download 메뉴에 Taglibs 클릭 


*JSTL(JSP Standard Tag Library)

jsp에서 java언어를 사용하기에 불편함이 있다. 이를 위해 나온 라이브러리 이다.

JSTL은 java언어와 다르지만 틀자체는 변한것이 없기 때문에 조금만 연습하면 금방 익숙해 질것이다.

*JSTL 라이브러리

JSTL은 5가지 라이브러리를 지원한다. 이번장에서는 core만 다루어 본다.

사진 설명을 입력하세요.

*설치

시작하기전에 라이브러리부터 설치 해주어야 한다.

-톰켓사이트(http://tomcat.apache.org/) => Download 메뉴에 Taglibs 클릭 

사진 설명을 입력하세요.

-Apache Standard Taglib를 클릭=>JSTL 1.1 버전 download 클릭

사진 설명을 입력하세요.

사진 설명을 입력하세요.

-binaries클릭=> jakarta-taglibs-standard-1.1.2.zip 를 클릭해 다운로드 완료

사진 설명을 입력하세요.

사진 설명을 입력하세요.

-다운 받은 파일을 압축풀고

\jakarta-taglibs-standard-1.1.2\jakarta-taglibs-standard-1.1.2\lib

해당경로안에 있는 파일을 복사한다.

jstl.jar

standard.jar

-톰켓서버 폴더안에 lib에 붙여넣기

D:\JSP\apache-tomcat-8.5.47\lib

사진 설명을 입력하세요.

*JSTL(JSP Standard Tag Library)

jsp에서 java언어를 사용하기에 불편함이 있다. 이를 위해 나온 라이브러리 이다.

JSTL은 java언어와 다르지만 틀자체는 변한것이 없기 때문에 조금만 연습하면 금방 익숙해 질것이다.

*JSTL 라이브러리

JSTL은 5가지 라이브러리를 지원한다. 이번장에서는 core만 다루어 본다.

사진 설명을 입력하세요.

*설치

시작하기전에 라이브러리부터 설치 해주어야 한다.

-톰켓사이트(http://tomcat.apache.org/) => Download 메뉴에 Taglibs 클릭 

사진 설명을 입력하세요.

-Apache Standard Taglib를 클릭=>JSTL 1.1 버전 download 클릭

사진 설명을 입력하세요.

사진 설명을 입력하세요.

-binaries클릭=> jakarta-taglibs-standard-1.1.2.zip 를 클릭해 다운로드 완료

사진 설명을 입력하세요.

사진 설명을 입력하세요.

-다운 받은 파일을 압축풀고

\jakarta-taglibs-standard-1.1.2\jakarta-taglibs-standard-1.1.2\lib

해당경로안에 있는 파일을 복사한다.

jstl.jar

standard.jar

-톰켓서버 폴더안에 lib에 붙여넣기

D:\JSP\apache-tomcat-8.5.47\lib

사진 설명을 입력하세요.

-위의 사이트에서 3가지 jar파일을 다운로드 한 후 WEB-INF/lib/ 폴더에 복사를 한다.




*사용방법

-JSP 상단에 다음과 같이 작성해준다.


1
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
cs




-예제

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<%@ 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 PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
    내용
</body>
</html>
Colored by Color Scripter
cs







- JSTL로 객체 사용법

-출력

사진 설명을 입력하세요.

-출력

사진 설명을 입력하세요.

-출력

사진 설명을 입력하세요.

-출력

사진 설명을 입력하세요.

-출력

사진 설명을 입력하세요.

-출력

사진 설명을 입력하세요.

-출력

사진 설명을 입력하세요.

  • 오른쪽 정렬
    왼쪽 정렬
    가운데 정렬


  • 작게
    문서 너비
    옆트임

사진 설명을 입력하세요.

  • 오른쪽 정렬
    왼쪽 정렬
    가운데 정렬


  • 작게
    문서 너비
    옆트임

사진 설명을 입력하세요.

  • 오른쪽 정렬
    왼쪽 정렬
    가운데 정렬


  • 작게
    문서 너비
    옆트임

사진 설명을 입력하세요.

  • 오른쪽 정렬
    왼쪽 정렬
    가운데 정렬


  • 작게
    문서 너비
    옆트임

사진 설명을 입력하세요.

  • 오른쪽 정렬
    왼쪽 정렬
    가운데 정렬


  • 작게
    문서 너비
    옆트임

사진 설명을 입력하세요.

  • 오른쪽 정렬
    왼쪽 정렬
    가운데 정렬


  • 작게
    문서 너비
    옆트임

사진 설명을 입력하세요.

  • 오른쪽 정렬
    왼쪽 정렬
    가운데 정렬


  • 작게
    문서 너비
    옆트임

사진 설명을 입력하세요.

  • 오른쪽 정렬
    왼쪽 정렬
    가운데 정렬


  • 작게
    문서 너비
    옆트임

사진 설명을 입력하세요.

  • 오른쪽 정렬
    왼쪽 정렬
    가운데 정렬


  • 작게
    문서 너비
    옆트임

사진 설명을 입력하세요.

  • 오른쪽 정렬
    왼쪽 정렬
    가운데 정렬


  • 작게
    문서 너비
    옆트임

사진 설명을 입력하세요.

  • 오른쪽 정렬
    왼쪽 정렬
    가운데 정렬


  • 작게
    문서 너비
    옆트임

사진 설명을 입력하세요.

  • 오른쪽 정렬
    왼쪽 정렬
    가운데 정렬


  • 작게
    문서 너비
    옆트임

사진 설명을 입력하세요.

  • 오른쪽 정렬
    왼쪽 정렬
    가운데 정렬


  • 작게
    문서 너비
    옆트임

사진 설명을 입력하세요.

  • 오른쪽 정렬
    왼쪽 정렬
    가운데 정렬


  • 작게
    문서 너비
    옆트임

사진 설명을 입력하세요.

  • 오른쪽 정렬
    왼쪽 정렬
    가운데 정렬


  • 작게
    문서 너비
    옆트임

사진 설명을 입력하세요.

*Core

core는 기본적인 라이브러리로 제어문, 반복문 같은 기능이 포함 되어있다.

-출력

사진 설명을 입력하세요.

-변수 선언

사진 설명을 입력하세요.

-변수값 제거

사진 설명을 입력하세요.

-예외처리

사진 설명을 입력하세요.

-if문

사진 설명을 입력하세요.

-choose문(≒스위치문)

사진 설명을 입력하세요.

-for문

사진 설명을 입력하세요.

-페이지 이동

사진 설명을 입력하세요.

-파라미터 전달 태그

사진 설명을 입력하세요.

*Core

core는 기본적인 라이브러리로 제어문, 반복문 같은 기능이 포함 되어있다.

-출력

사진 설명을 입력하세요.

-변수 선언

사진 설명을 입력하세요.

-변수값 제거

사진 설명을 입력하세요.

-예외처리

사진 설명을 입력하세요.

-if문

사진 설명을 입력하세요.

-choose문(≒스위치문)

사진 설명을 입력하세요.

-for문

사진 설명을 입력하세요.

-페이지 이동

사진 설명을 입력하세요.

-파라미터 전달 태그

사진 설명을 입력하세요.






  • 오른쪽 정렬
    왼쪽 정렬
    가운데 정렬


  • 작게
    문서 너비
    옆트임

사진 설명을 입력하세요.

  • 오른쪽 정렬
    왼쪽 정렬
    가운데 정렬


  • 작게
    문서 너비
    옆트임

사진 설명을 입력하세요.

  • 오른쪽 정렬
    왼쪽 정렬
    가운데 정렬


  • 작게
    문서 너비
    옆트임

사진 설명을 입력하세요.

  • 오른쪽 정렬
    왼쪽 정렬
    가운데 정렬


  • 작게
    문서 너비
    옆트임

사진 설명을 입력하세요.

-예제 choose 문

<c:choose>
    <c:when test="${score >=90 }">
    A학점입니다.
    </c:when>
    <c:when test="${score >=80 }">
    B학점입니다.
    </c:when>
    <c:when test="${score >=70 }">
    C학점입니다.
    </c:when>
    <c:when test="${score >=60 }">
    D학점입니다.
    </c:when>
    <c:otherwise>
    F학점입니다.
    </c:otherwise>            
</c:choose>




-예제 for문


1
2
3
4
5
6
7
8
9
10
11
<%
    List<String> list = new ArrayList<>();
    list.add("hello");
    list.add("world");
    list.add("!!!");
    request.setAttribute("list", list);
%>
 
<c:forEach items="${list}" var="item">
${item } <br>
</c:forEach>
cs





-Import url

  • 오른쪽 정렬
    왼쪽 정렬
    가운데 정렬


  • 작게
    문서 너비
    옆트임

사진 설명을 입력하세요.

  • 오른쪽 정렬
    왼쪽 정렬
    가운데 정렬


  • 작게
    문서 너비
    옆트임

사진 설명을 입력하세요.

  • 오른쪽 정렬
    왼쪽 정렬
    가운데 정렬


  • 작게
    문서 너비
    옆트임

사진 설명을 입력하세요.

  • 오른쪽 정렬
    왼쪽 정렬
    가운데 정렬


  • 작게
    문서 너비
    옆트임

사진 설명을 입력하세요.

  • 오른쪽 정렬
    왼쪽 정렬
    가운데 정렬


  • 작게
    문서 너비
    옆트임

사진 설명을 입력하세요.




1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 
<%@ page import="java.util.*" %>
<c:import url="http://localhost:8080/webapp/jstlValue.jsp" var="urlValue" scope="request"></c:import>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
읽어들인 값 : ${urlValue}
</body>
</html>
Colored by Color Scripter
cs







-redirect url




jstl01.jsp

1
2
3
4
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 
<c:redirect url="jstlRedirectPage.jsp"></c:redirect>
cs



jstlRedirectPage.jsp


1
2
3
4
5
6
7
8
9
10
11
12
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1> redirect된 화면입니다.</h1>
</body>
</html>
Colored by Color Scripter
cs







-out



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<c:set var="t" value="<script type='text/javascript'>alert(1);</script>" />
${t}
<c:out value="${t}" escapeXml="true" />
<c:out value="${t}" escapeXml="false" />
</body>
</html>
Colored by Color Scripter
cs
















반응형
저작자표시 비영리 변경금지 (새창열림)

'BoostCourse > JSP' 카테고리의 다른 글

JSP 기본정리3 - el(Expression Language)  (0) 2019.11.19
JSP 기본정리2 - scope(page,request,session,application)  (0) 2019.11.19
JSP 기본정리 - Redirect 와 Forward 차이  (0) 2019.11.19
Posted by Wooni0477
방명록 : 관리자 : 글쓰기
Wooni0477's Blog is powered by daumkakao
Skin info material T Mark3 by 뭐하라
favicon

나의 생각을 끄적이는 공간

  • 태그
  • 링크 추가
  • 방명록

관리자 메뉴

  • 관리자 모드
  • 글쓰기
  • 분류 전체보기 (118)
    • 프로그래밍 정리 (102)
      • Front (5)
      • Java (2)
      • JSP, Servlet, DB(oracle) (33)
      • JavaScript (0)
      • Spring (22)
      • Oracle (28)
      • Vue (1)
      • API (1)
      • err (5)
      • ERD (1)
      • etc.. (4)
    • BoostCourse (15)
      • HTML/CSS (7)
      • JavaScript (4)
      • JSP (4)
    • 공부 자료들.. (0)
    • 기타 (0)
    • --------------------------- (0)
    • 끄적이는공간.. (0)
      • 이벤트 (0)
      • 여행 (0)

카테고리

PC화면 보기 티스토리 Daum

티스토리툴바