본문 바로가기
2222
etc/JSP

WELCOME 페이지 제작

by PARK TAE JOON 2021. 1. 15.

<%@ page contentType="text/html; charset=UTF-8" %>
<%@ page import="java.util.*" %>
<html>
<head>
	<title>Welcome</title>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
</head>
<body>
	<nav class = "navbar navbar-expand navbar-dark bg-dark">
		<div class = "container">
			<div class = "navbar-header">
				<a class = "navbar-brand" href="./welcome.jsp">Home</a>
			</div>
		</div>
	</nav>
	
	<%! String greeting = "웹 쇼핑몰에 오신 것을 환영합니다.";
	String tagline = "Welcome to Web Market!";
	%>
	
	<div class="jumbotron">
		<div class = "container">
			<h1 class = "display-3">
				<%= greeting %>
			</h1>
		</div>
	</div>
	<div class = "container">
		<div class = "text-center">
			<h3>
				<%= tagline %>
			</h3>
			<% 
				Date day = new Date();
				String am_pm;
				int hour = day.getHours();
				int minute = day.getMinutes();
				int second = day.getSeconds();
				if (hour/12==0) {
					am_pm = "AM";
				} else {
					am_pm = "PM";
					hour = hour - 12;
				}
				String ct = am_pm + " " + hour + "시 " + minute + "분 " + second +"초";
				out.print("현재 접속 시간 : "+ct);
			%>
			<!-- 크리스마스 시간 노출하기. 한번 만들어봄 -->
			<%---
				Date xmas = new Date("December 25, 1995 23:15:30");
				out.print(xmas.getHours());
			--%>
		</div>
	</div>
	<footer class = "container">
		<p>&copy; WebMarket</p>
	</footer>
</body>
</html>

부트스트랩을 이용해서 UI를 잡고 세부 내용에만 신경쓴다.

댓글