구구단 출력 예제
1. 다음과 같이 gugu.jsp를 작성합니다. 구구단 입력창에서 구구단 수를 입력한 후 입력한 단수를 guguRest1.jsp로 전송합니다.
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>구구단 입력창</title>
</head>
<body>
<h1>출력할 구구단의 수를 지정해주세요.</h1>
<form method="get" action="guguResult1.jsp">
출력할 구구단 : <input type=text name="dan" /><br>
<input type="submit" value="구구단 출력">
</form>
</body>
</html>
2. 전송된 단수를 가져와 <c:forEach> 태그를 이용해서 <tr> 태그에 연속적으로 구구단을 출력하도록 guguResult1.jsp를 작성합니다.
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"
isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
request.setCharacterEncoding("UTF-8");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>구구단 출력창</title>
</head>
<body>
<c:set var="dan" value="${param.dan}" />
<table border="1" width="800" align="center">
<tr align="center" bgcolor="lightgreen">
<td colspan="2">
<c:out value="${dan}" />
</td>
</tr>
<c:forEach var="i" begin="1" end="9" step="1">
<tr align="center">
<td width="400">
<c:out value="${dan}" /> *
<c:out value="${i}" />
</td>
<td width="400">
<c:out value="${i*dan }"/>
</td>
</tr>
</c:forEach>
</table>
</body>
</html>
3. http://localhost:8080/pro14/test04/gugu.jsp로 요청하여 구구단 입력창에서 단수를 입력한 후 구구단 출력을 클릭합니다.
4. 전송된 단수를 이용해 구구단을 출력합니다.
5. 앞에서와 같이 마찬가지로 이 예제를 응용해 보겠습니다. <c:if> 태그를 이용해 구구단을 출력하면서 테이블 각 행의 변경색을 교대로 출력하도록 수정해 보겠습니다. guguResult2.jsp를 다음과 같이 작성합니다.
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"
isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
request.setCharacterEncoding("UTF-8");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>구구단 출력창</title>
</head>
<body>
<c:set var="dan" value="${param.dan }" />
<table border="1" width="800" align="center">
<tr align="center" bgcolor="lightgreen">
<td colspan="2"><c:out value="${dan}" />단 출력 </td>
</tr>
<c:forEach var="i" begin="1" end="9" step="1" >
<c:if test="${i%2==0 }">
<tr align="center" bgcolor="#CCFF66">
</c:if>
<c:if test="${i%2==1 }">
<tr align="center" bgcolor="#CCCCFF">
</c:if>
<td width="400">
<c:out value="${dan}" /> * <c:out value="${i}" />
</td>
<td width="400">
<c:out value="${i*dan }" />
</td>
</tr>
</c:forEach>
</table>
</body>
</html>
6. http://localhost:8080/pro14/test04/gugu.jsp로 요청하여 구구단 입력창에서 단수 입력 후 전송하면 행들의 색의 교대로 변경되어 출력됩니다.
'프로그래밍 언어 > 자바 웹' 카테고리의 다른 글
| 다국어 태그 라이브러리 사용하기 (0) | 2026.03.18 |
|---|---|
| 이미지 리스트 출력 예제 (0) | 2026.03.15 |
| 학점 변환기 예제 (1) | 2026.03.09 |
| Core 태그 라이브러리 실습 예제 (0) | 2026.03.06 |
| <c:out> 태그를 이용한 실습 (0) | 2026.03.03 |