[JSP 1-1] JSP로 디지털 시계 만들기

임승현·2022년 12월 5일
0

JSP

목록 보기
1/20

🐧JSP 파일 생성

  1. project 생성
  2. project name : jsp
  3. JSP 파일 생성

🐧JSP 실행 오류 관련

⭕ JSP 수정 후 옛날 결과가 계속 나왔을때(Work Directory 비우기)

  1. Server → Tomcat v9.0 오른쪽 클릭 → Clean Tomcat Work Directory 클릭

🐧디지털 시계

<!-- HTML 주석 : 설명문 클라이언트에게 전달 - 소스보기 가능(웹디자이너) -->
<%-- JSP 주석 : 설명문이 클라이언트에게 미전달 - 소스보기 불가능(웹프로그래머) --%>

📌 JSP(Java Server Page) : 서블릿보다 쉽게 웹프로그램을 작성하기 위한 기술

  • 스크립트 요소(Scripting Element)
  • 지시어(Directive)
  • 표준 액션 태그(Standard Action Tag)

📃Hello.jsp

<%@page import="java.text.SimpleDateFormat"%>
<%@page import="java.util.Date"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
	//Java 명령 작성
	Date now=new Date();
	SimpleDateFormat dateFormat=new SimpleDateFormat("yyyy년 MM월 dd일 HH시 mm분 ss초");
	String displayNow=dateFormat.format(now);
%>    
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JSP</title>
<style type="text/css">
#displayDiv {
	width: 600px;
	margin: 0 auto;
	padding: 30px;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	border: 1px solid black;
}
</style>
</head>
<body>
	<h1>Hello, JSP!!!</h1>
	<hr>
	<!-- HTML 주석 : 설명문 클라이언트에게 전달 - 소스보기 가능(웹디자이너) -->
	<%-- JSP 주석 : 설명문이 클라이언트에게 미전달 - 소스보기 불가능(웹프로그래머) --%>
	<p>JSP(Java Server Page) : 서블릿보다 쉽게 웹프로그램을 작성하기 위한 기술</p>
	<p>- 스크립트 요소(Scripting Element)</p>
	<p>- 지시어(Directive)</p>
	<p>- 표준 액션 태그(Standard Action Tag)</p>
	<hr>
	<p id="displayDiv"><%=displayNow %></p>
	<script type="text/javascript">
	setInterval(function() {
		location.reload();
	}, 1000);
	</script>
</body>
</html>

0개의 댓글