<%@ 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="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/css2?family=Do+Hyeon&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<title>Insert title here</title>
</head>
<body>
<h2>forEach문,forToken문</h2>
<c:forEach var="a" begin="1" end="10">
[${a}]
</c:forEach>
<c:forEach var="a" begin="1" end="10" step="2">
[${a}]
</c:forEach>
<hr>
<!-- 배열 출력 -->
<%
String [] mycolor={"red","cyan","yellow","magenta","gray","blue","orange"};
%>
<c:set var="mycolor" value="<%=mycolor %>"/>
<table class="table table-bordered" style="width: 300px;">
<caption><b>전체출력</b></caption>
<tr>
<th>index</th>
<th>count</th>
<th>color</th>
</tr>
<c:forEach var="a" items="${mycolor}" varStatus="i">
<tr align="center">
<td>${i.index}</td> <!-- 배열 index로 0부터 시작 -->
<td>${i.count}</td> <!-- 현재값을 1로 봄 -->
<td bgcolor="${a}">${a}</td>
</tr>
</c:forEach>
</table>
<table class="table table-bordered" style="width: 300px;">
<caption><b>일부만 출력</b></caption>
<tr>
<th>index</th>
<th>count</th>
<th>color</th>
</tr>
<c:forEach var="a" items="${mycolor}" begin="2" end="5" varStatus="i">
<tr align="center">
<td>${i.index}</td> <!-- 배열 index로 0부터 시작 -->
<td>${i.count}</td> <!-- 현재값을 1로 봄 -->
<td bgcolor="${a}">${a}</td>
</tr>
</c:forEach>
</table>
<hr>
<c:set var="msg" value="아이폰,갤럭시 폴드,아이패드,맥북,LG그램"/>
${msg }<br>
<h2>msg값을 컴마로 구분해서 출력</h2>
<c:forTokens var="s" items="${msg }" delims="," varStatus="i">
<h3>${i.count } : ${s }</h3>
</c:forTokens>
</body>
</html>
