๊ตญ๋น์ง์ D+75
๊ณผ์ ํ๊ฐํ ์ ๋ณด์ฒ๋ฆฌ์ฐ์ ๊ธฐ์ฌ
- ๋ฐ์ดํฐ ์ถ๊ฐ ๋ฐ ๋ฉ์ธํ๋ฉด(index.jsp)๊ตฌํ -
๋ฐ์ดํฐ ์ถ๊ฐ
๋ฐ์ดํฐ๋ฅผ ์ ๋ ฅํด์ฃผ๊ธฐ ์ํด์ ๋จผ์ SQL์ ์ฐ๊ฒฐํด ์ฃผ๋๋ก ํ๋ค.
์ดํ ์๋์ผ๋ก ์ปค๋ฐ์ด ์งํ๋ ์ ์๋๋ก set autocommit on; ์ ์ ๋ ฅํด ํ๊ฒฝ์ ์ค์ ํด์ฃผ๋๋ก ํ๋ค.
๋ค์์ ํ์์ ๋ณด๋ฐ์ดํฐ์ ํ์๋งค์ถ์ ๋ณด๋ฐ์ดํฐ๋ฅผ ์ ๋ ฅํ๊ธฐ ์ํด ํ ์ด๋ธ์ ์์ฑํด์ฃผ๊ณ ๋ ๋ค์์ ๋ฐ์ดํฐ๋ฅผ ์ ๋ ฅํด ์ฃผ๋ฉด ๋๋ค.
๋ฉ์ธํ๋ฉด(index.jsp) ๊ตฌํ
• index.jsp
<%@ 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>
<link rel="stylesheet" href="main.css">
</head>
<body>
<header>
<div>
<h2>์ผํ๋ชฐ ํ์๊ด๋ฆฌ ver 1.0</h2>
</div>
</header>
<nav>
<div>
<a href="register.jsp">ํ์๋ฑ๋ก</a>
<a href="inquiry.jsp">ํ์๋ชฉ๋ก์กฐํ/์์ </a>
<a href="sale.jsp">ํ์๋งค์ถ์กฐํ</a>
<a href="index.jsp">ํ์ผ๋ก</a>
</div>
</nav>
<section>
<div>
<h3>์ผํ๋ชฐ ํ์๊ด๋ฆฌ ํ๋ก๊ทธ๋จ</h3>
<p>
์ผํ๋ชฐ ํ์์ ๋ณด์ ํ์๋งค์ถ์ ๋ณด ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ฅผ ๊ตฌ์ถํ๊ณ ํ์๊ด๋ฆฌ ํ๋ก๊ทธ๋จ์ ์์ฑํ๋ ํ๋ก๊ทธ๋จ์ด๋ค.<br>
ํ๋ก๊ทธ๋จ ์์ฑ ์์<br>
</p>
<ol>
<li><p>ํ์์ ๋ณด ํ
์ด๋ธ์ ์์ฑํ๋ค.</p></li>
<li><p>๋งค์ถ์ ๋ณด ํ
์ด๋ธ์ ์์ฑํ๋ค.</p></li>
<li><p>ํ์์ ๋ณด, ๋งค์ถ์ ๋ณด ํ
์ด๋ธ์ ์ ์๋ ๋ฌธ์ ์ง์ ์ฐธ์กฐ๋ฐ์ดํฐ๋ฅผ ์ถ๊ฐ ์์ฑํ๋ค.</p></li>
<li><p>ํ์์ ๋ณด ์
๋ ฅ ํ๋ฉดํ๋ก๊ทธ๋จ์ ์์ฑํ๋ค.</p></li>
<li><p>ํ์์ ๋ณด ์กฐํ ํ๋ก๊ทธ๋จ์ ์์ฑํ๋ค.</p></li>
<li><p>ํ์๋งค์ถ์ ๋ณด ์กฐํ ํ๋ก๊ทธ๋จ์ ์์ฑํ๋ค.</p></li>
</ol>
</div>
</section>
<footer>
<div>
<h4>HRDKOREA Copyright@2016 All rights reserved. Human Resources Development Service of Korea</h4>
</div>
</footer>
</body>
</html>
์คํ์ผ์ ์ ์ฉํ์ง ์์ ์ํ์์๋ ์์ ๊ฐ์ ํ๋ฉด์ด ํํ๋๋ฉฐ, ์คํ์ผ์ ์ถ๊ฐ์ ์ผ๋ก ์ ์ฉ์์ผ์ค๋ค.
(์์ผ๋ก ํ์ด์ง๋ฅผ ํ๋์ฉ ์ถ๊ฐํ๋ฉด์ ๋ถ๊ฐ์ ์ผ๋ก ์คํ์ผ์ ์ถ๊ฐํด์ฃผ๋๋ก ํ๋ค.)
• main.css
@charset "UTF-8";
body {
margin: 0;
padding: 0;
}
h2, h3, h4 {
margin: 0;
text-align: center;
}
a {
color: white;
text-decoration: none;
font-weight: bold;
margin-right: 20px;
}
header {
background-color: #000080;
color: white;
padding: 25px;
}
nav {
background-color: #0080c0;
padding: 10px 0px 10px 10px;
}
section {
background-color: #c0c0c0;
padding: 30px 10px 15px 10px;
}
table {
margin: 0px auto 0px auto;
}
td {
text-align: center;
}
footer {
background-color: #000080;
color: white;
padding: 25px;
}
๋ฉ์ธํ๋ฉด ๋ฐ ์ ๋ฐ์ ์ธ ํ์ด ์์ฑ๋์๋ค.
์ด์ ์ด๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ํ์ด์ง๋ฅผ ํ๋์ฉ ์์ฑ์ํค๋ฉด ๋๋ค.
๋๊ธ