728x90
JSTL 문법 포스팅에 앞서 먼저 알아야할 것이 있다.
그것은 자바에서 쿼리를통해 가져온 변수값들을 Jquery문법으로 JSP에서 사용할 수 있다.
//형식
${변수명}
//ex
${list}
자 이 문법을 알았으니 JSTL에서 활용하면서 사용해보자
JSTL을 사용하기 위해 jsp 파일 상단에 작성해야하는 것이 이것이다.
<%@ page language="java" contentType="text/html; charset=utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
JSTL에서 자주쓰는 여러가지 문법이 있는데 그것에 대해 배워보도록 하자.
// SET 태그 문법
<c:set value="${studyType}" var"std" /> // 변수명 std에 value에 있는 값 저장
// OUT 태그 문법
<c:out value="${std}" /> // 저장된 값 출력
// IF 태그 문법
<c:if test="${studyType eq 'FIRE'}" > // 스터디타입의 값이 FIRE인 경우에만 button이 보여준다.
<button onclick="fire();">파이어!!</button>
</c:if>
// FOREACH 태그 문법
<c:foreach items="${studylist}" var="stList" > //공부하는 그룹명단(배열)을 stList 변수명으로 저장
<div> <c:out value="${stList.stNumber}"/> </div> //stList의 담긴 모든 배열의 번호를 출력
</c:foreach>
// CHOOSE 태그 문법
<c:choose> // choose 태그에는 when과 otherwise 태그가 따라온다.
<c:when test="{studyType ne 'FIRE'}"> // 조건이 참이면 true
true
</c:when>
<c:otherwise> // when 조건이 아닌 경우 false 출력
false
</c:otherwise>
</c:choose>
728x90
'Language > Front End' 카테고리의 다른 글
button태그 submit의 사용법 및 form과의 관계 (0) | 2019.11.01 |
---|---|
ajax 예제/ 에이젝스의 개념 이해/ 아젝스란/ #ajax 문법 등 (0) | 2019.10.25 |
onclick 이벤트 javascript: 쓰고 안쓰고 차이, #href #a태그 (0) | 2019.10.25 |
자바스크립트 함수(메소드) 사용법, #함수 예제 코드 #클릭이벤트 #onclick 예제 (2) | 2019.10.25 |
제이쿼리(Jquery) 변수값 출력, 그리고 data-value 값 출력 방법 (0) | 2019.10.25 |