jsp란 & 스크립트 태그

치로·2024년 9월 4일

1. jsp란 무엇인가?

  • javaserverPages
  • HTML 코드에 java 코드를 넣어 동적 웹페이지를 생성하는 웹 어플리케이션 도구임
  • jsp가 실행되면 자바 서블릿으로 변환되며 웹 어플리케이션 서버에서 동작되면서 필요한 기능을 수행하고 그렇게 생성된 데이터를 웹페이지와 함께 클라이언트로 응답함
  • 서블릿 기반의 '서버 스크립트 기술'
  • HTML + Java = jsp
  • HTML을 중심으로 Java와 연동하여 사용하는 웹 언어
<%
	int x = 5;
	int y = 6;
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
   input {
      width: 50px;
      height: 50px;
   }
   .output{ 
      height: 50px;
      background: #e9e9e9;
      font-size: 24px;
      font-weight: bold;
      text-align: right;
      padding: 0px 5px;
   }
</style>
</head>
<body>
<form action="calc3" method="post">
      <table>
         <tr>
            <td class="output" colspan="4"><%= x+y %></td>
         </tr>
         <tr>
            <td><input type="submit" name="operator" value="CE"></td>
            <td><input type="submit" name="operator" value="C"></td>
            <td><input type="submit" name="operator" value="BS"></td>
            <td><input type="submit" name="operator" value="/"></td>
         </tr>
         <tr>
            <td><input type="submit" name="value" value="7"></td>
            <td><input type="submit" name="value" value="8"></td>
            <td><input type="submit" name="value" value="9"></td>
            <td><input type="submit" name="operator" value="-"></td>
         </tr>
         <tr>
            <td><input type="submit" name="value" value="4"></td>
            <td><input type="submit" name="value" value="5"></td>
            <td><input type="submit" name="value" value="6"></td>
            <td><input type="submit" name="operator" value="*"></td>
         </tr>
         <tr>
            <td><input type="submit" name="value" value="1"></td>
            <td><input type="submit" name="value" value="2"></td>
            <td><input type="submit" name="value" value="3"></td>
            <td><input type="submit" name="operator" value="+"></td>
         </tr>
         <tr>
            <td></td>
            <td><input type="submit" name="value" value="0"></td>
            <td><input type="submit" name="dot" value="."></td>
            <td><input type="submit" name="operator" value="="></td>
         </tr>
      </table>
   </form>
</body>
</html>

2. 스크립트 태그

: HTML 코드에 자바 코드를 넣어 프로그램이 수행할 기능을 구현할 수 있음

<%@page import="java.util.Date"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<%-- <p>Today's Date : <%=new java.util.Date() %></p> --%>
	<p>Today's Date : <%=new Date() %></p>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<!-- <table border="1">
		<tr>
			<td>1행 1열</td>
			<td>1행 2열</td>
			<td>1행 3열</td>
			<td>1행 4열</td>
			<td>1행 5열</td>
		</tr>
	</table> -->
	
	<table border="1">
		<%
			for(int i=1; i<=3; i++) {
		%>
		<tr>
			<%
				for(int j=1; j<=5; j++) {
			%>
			<td><%=i%>행 <%=j%>열</td>
			<%
				}
			 %>
		</tr>
		<% 
			}
		%>		
	</table>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
	.even {
		color : blue;
	}
	.odd {
		color : red;
	}
</style>
</head>
<body>
	<table border="1">
		<%for(int i=1; i<=5; i++) {%>
			<tr class="<%=i%2==0 ? "even" : "odd"%>">
				<%for(int j=1; j<=i; j++) {%>
					<td><%=i%>행 <%=j%>열</td>
				<%}%>
			</tr>
		<%}%>
		<%for(int i=1; i<=5; i++) {%>
			<tr class="<%=(i+5)%2==0 ? "even" : "odd"%>">
				<%for(int j=1; j<=6-i; j++) {%>
					<td> <%=i+5%>행 <%=j%>열</td>
				<%}%>
			</tr>
		<%}%>
	</table>
</body>
</html>

0개의 댓글