[๊ตฌ๋์์นด๋ฐ๋ฏธ IT๊ตญ๋น์ง์] ๊ทธ๋์ ๋ฐฐ์ด ๊ธฐ๋ฅ์ผ๋ก ์ต์ข
์ ์ผ๋ก ๋ค์ ํ๋ฒ action ํ์ด์ง๋ฅผ ๋ง๋ค์ด๋ณด๊ณ , ์๋ฐ์ ๊ธฐ๋ณธํ์
, Stringํ์
๊ณผ ์ฐ์ฐ์์ ๋ํด์ ๊ฐ๋จํ๊ฒ ๋ฐฐ์ ๋ค.
์ฐ๋ฆฌ๋ ๋จผ์ ์นํ๋ก๊ทธ๋จ ํํ๋ก ๋ฐฐ์ฐ๋ค๊ฐ ์ฑ ํํ๋ก ๋์ด๊ฐ์ ํด๋์ค์ ๋ฉ์๋๋ฅผ ๋ฐฐ์ธ ๊ฒ์ด๋ค.
์๋๋ฉด ์ฑ์ ๋ฐ๋์ ์๋ฐ์ผ ํ์๊ฐ ์์ง๋ง ์น์ 70% ์ด์์ด ์๋ฐ๋ก ๋ง๋ค๊ธฐ ๋๋ฌธ!
๐java project
์๋ฐ์ ๋ฒ์ ์ ๊ผญ ํ์ธํด์ผ ํ๋ค.
perspective๋ฅผ ๊ฐ๋ฐํ๊ฒฝ์ ๋ง๊ฒ ๋ฐ๊ฟ์ฃผ๋ฉด ์ข๋ค.
java ํ๋ก์ ํธ ๋ด์์ class ํ์ผ์ ์์ฑํ ๋์๋ ํจํค์ง๋ฅผ ์ง์ด๋ค.
๐๋น๊ต
์กฐ๊ธ์ ๋ฐฉ๋ฒ์ ์ฐจ์ด๊ฐ ์์ง๋ง ์ถ๋ ฅ์ ๋๊ฐ์ ๊ฒ์ ๋ณผ ์ ์๋ค.
์ง๊ธ๊น์ง ๋ฐฐ์ด ๋ด์ฉ์ผ๋ก ์์ ๋ฅผ ๋ณด๊ณ ๋๊ฐ์ด ํ์ด์ง ์นดํผํ์ฌ action ํ์ด์ง๋ฅผ ๋ง๋๋ ์๊ฐ์ ๊ฐ์ก๋ค.
๐์์
๐์์ฑ (1) - resume.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>resume</title>
<style>
table, th, td {
border: 1px solid #000000;
}
table {
width: 100%;
border-collapse: collapse;
}
.centertext {text-align: center;}
.boldtext {font-weight: bold;}
.pinkcell {background-color: #FFD9EC;}
.width80 {width: 80%;}
.width10 {width: 10%;}
.border0 {border: 0px solid #FFFFFF;}
</style>
</head>
<body>
<h1 class="centertext">์
์ฌ์ง์์</h1>
<form method="post" action="./resumeAction.jsp">
<!-- ํ
์ด๋ธ1 -->
<table>
<tr><!-- 1ํ -->
<td rowspan="6">
<input type="file" name="pic">
</td>
<td rowspan="2" class="centertext boldtext pinkcell">์ฑ๋ช
</td>
<td class="centertext boldtext pinkcell">ํ๊ธ</td>
<td class="centertext">
<input type="text" name="name">
</td>
<td class="centertext boldtext pinkcell">์ง์๋ถ๋ถ</td>
<td class="centertext">
<input type="text">
</td>
</tr>
<tr><!-- 2ํ -->
<!-- <td></td> -->
<!-- <td></td> -->
<td class="centertext boldtext pinkcell">์๋ฌธ</td>
<td class="centertext">
<input type="text">
</td>
<td class="centertext boldtext pinkcell">์ง์๊ตฌ๋ถ</td>
<td class="centertext">
<input type="text">
</td>
</tr>
<tr><!-- 3ํ -->
<!-- <td></td> -->
<td class="centertext boldtext pinkcell">์๋
์์ผ</td>
<td colspan="2" class="centertext">
<input type="date">
<select>
<option>์ฑ๋ณ</option>
<option>๋จ</option>
<option>์ฌ</option>
</select>
</td>
<!-- <td></td> -->
<td class="centertext boldtext pinkcell">์ ์
/๊ฒฝ๋ ฅ</td>
<td class="centertext">
<input type="radio" name="career">์ ์
<input type="radio" name="career">๊ฒฝ๋ ฅ
</td>
</tr>
<tr><!-- 4ํ -->
<!-- <td></td> -->
<td class="centertext boldtext pinkcell">ํด๋ํฐ</td>
<td colspan="4" class="centertext">
010 -
<input type="text" class="width10"> - <input type="text" class="width10">
</td>
<!-- <td></td>
<td></td>
<td></td> -->
</tr>
<tr><!-- 5ํ -->
<!-- <td></td> -->
<td class="centertext boldtext pinkcell">ํ์ฃผ์</td>
<td colspan="4" class="centertext">
<input type="text" class="width80">
</td>
<!-- <td></td>
<td></td>
<td></td> -->
</tr>
<tr><!-- 6ํ -->
<!-- <td></td> -->
<td class="centertext boldtext pinkcell">๊ธด๊ธ์ฐ๋ฝ์ฒ</td>
<td colspan="2" class="centertext">
010 -
<input type="text" class="width10"> - <input type="text" class="width10">
</td>
<!-- <td></td> -->
<td class="centertext boldtext pinkcell">๊ด๊ณ</td>
<td class="centertext">
<input type="text">
</td>
</tr>
</table>
<h2>♦ ํ๋ ฅ์ฌํญ</h2>
<!-- ํ
์ด๋ธ 2 -->
<table>
<tr><!-- 1ํ -->
<td class="centertext boldtext pinkcell">์กธ์
์ผ</td>
<td class="centertext boldtext pinkcell">ํ๊ต๋ช
</td>
<td class="centertext boldtext pinkcell">์ ๊ณต</td>
<td class="centertext boldtext pinkcell">์กธ์
์ฌ๋ถ</td>
<td class="centertext boldtext pinkcell">๋น๊ณ </td>
</tr>
<tr><!-- 2ํ -->
<td class="centertext">
<input type="date">
</td>
<td class="centertext">
<input type="text" placeholder="๊ณ ๋ฑํ๊ต" style="text-align:right">
</td>
<td class="centertext">
<input type="text">
</td>
<td class="centertext">
<input type="radio" name="g">์ฌํ
<input type="radio" name="g">์กธ์
</td>
<td class="centertext">
<input type="text">
</td>
</tr>
<tr><!-- 3ํ -->
<td class="centertext">
<input type="date">
</td>
<td class="centertext">
<input type="text" placeholder="๋ํ" style="text-align:right">
</td>
<td class="centertext">
<input type="text">
</td>
<td class="centertext">
<input type="radio" name="g">์ฌํ
<input type="radio" name="g">์กธ์
</td>
<td class="centertext">
<input type="text">
</td>
</tr>
<tr><!-- 4ํ -->
<td class="centertext">
<input type="date">
</td>
<td class="centertext">
<input type="text">
</td>
<td class="centertext">
<input type="text">
</td>
<td class="centertext">
<input type="radio" name="g">์ฌํ
<input type="radio" name="g">์กธ์
</td>
<td class="centertext">
<input type="text">
</td>
</tr>
</table>
<h2>♦ ๊ฒฝ๋ ฅ์ฌํญ</h2>
<!-- ํ
์ด๋ธ 3 -->
<table>
<tr><!-- 1ํ -->
<td class="centertext boldtext pinkcell">๊ทผ๋ฌด๊ธฐ๊ฐ</td>
<td class="centertext boldtext pinkcell">ํ์ฌ๋ช
</td>
<td class="centertext boldtext pinkcell">์ต์ข
์ง์</td>
<td class="centertext boldtext pinkcell">๋ด๋น์
๋ฌด</td>
<td class="centertext boldtext pinkcell">ํด์ฌ์ฌ์ </td>
</tr>
<tr><!-- 2ํ -->
<td class="centertext">
<input type="date"> ~ <input type="date">
</td>
<td class="centertext">
<input type="text">
</td>
<td class="centertext">
<input type="text">
</td>
<td class="centertext">
<input type="text">
</td>
<td class="centertext">
<input type="text" placeholder="์ด์ง" class="centertext">
</td>
</tr>
<tr><!-- 3ํ -->
<td class="centertext">
<input type="date"> ~ <input type="date">
</td>
<td class="centertext">
<input type="text">
</td>
<td class="centertext">
<input type="text">
</td>
<td class="centertext">
<input type="text">
</td>
<td class="centertext">
<input type="text">
</td>
</tr>
<tr><!-- 4ํ -->
<td class="centertext">
<input type="date"> ~ <input type="date">
</td>
<td class="centertext">
<input type="text">
</td>
<td class="centertext">
<input type="text">
</td>
<td class="centertext">
<input type="text">
</td>
<td class="centertext">
<input type="text">
</td>
</tr>
<tr><!-- 5ํ -->
<td class="centertext">
<input type="date"> ~ <input type="date">
</td>
<td class="centertext">
<input type="text">
</td>
<td class="centertext">
<input type="text">
</td>
<td class="centertext">
<input type="text">
</td>
<td class="centertext">
<input type="text">
</td>
</tr>
<tr><!-- 6ํ -->
<td class="centertext">
<input type="date"> ~ <input type="date">
</td>
<td class="centertext">
<input type="text">
</td>
<td class="centertext">
<input type="text">
</td>
<td class="centertext">
<input type="text">
</td>
<td class="centertext">
<input type="text">
</td>
</tr>
</table>
<h2>♦ ์ ์ฒด์ฌํญ(์ ๋ํผ์ฌ์ด์ฆ)</h2>
<!-- ํ
์ด๋ธ 4 -->
<table>
<tr><!-- 1ํ -->
<td class="centertext boldtext pinkcell">์ ์ฅ</td>
<td class="centertext">
<input type="number"> cm
</td>
<td class="centertext boldtext pinkcell">์ฒด์ค</td>
<td class="centertext">
<input type="number"> kg
</td>
<td class="centertext boldtext pinkcell">์ ๋ฐ</td>
<td class="centertext">
<input type="number"> mm
</td>
</tr>
<tr><!-- 2ํ -->
<td class="centertext boldtext pinkcell">์๋ ฅ</td>
<td class="centertext">
<input type="text" class="width10"> / <input type="text" class="width10">
</td>
<td class="centertext boldtext pinkcell">์์</td>
<td class="centertext">
<input type="text">
</td>
<td class="centertext boldtext pinkcell">ํ์</td>
<td class="centertext">
<input type="text">
</td>
</tr>
</table>
<h2>♦ ๋ณ์ญ์ฌํญ</h2>
<!-- ํ
์ด๋ธ 5 -->
<table>
<tr><!-- 1ํ -->
<td class="centertext boldtext pinkcell">๊ตฐํ์ฌ๋ถ</td>
<td colspan="5" class="centertext width90">
<input type="radio" name="m">๊ตฐํ
<input type="radio" name="m">๋ฏธํ
<input type="radio" name="m">๋ฉด์
<input type="radio" name="m">๊ธฐํ
<input type="radio" name="m">ํด๋น์์
</td>
<!-- <td></td>
<td></td>
<td></td>
<td></td> -->
</tr>
<tr><!-- 2ํ -->
<td class="centertext boldtext pinkcell">๋ณต๋ฌด๊ธฐ๊ฐ</td>
<td colspan="4" class="centertext">
<input type="date"> ~ <input type="date">
</td>
<!-- <td></td>
<td></td>
<td></td> -->
<td class="centertext">
( <input type="number" class="width10"> ๋
<input type="number" class="width10"> ๊ฐ์ )
</td>
</tr>
<tr><!-- 3ํ -->
<td class="centertext boldtext pinkcell">๊ตฐ๋ณ</td>
<td class="centertext">
<input type="text" placeholder="๊ตฐํ" class="centertext">
</td>
<td class="centertext boldtext pinkcell">๊ณ๊ธ</td>
<td class="centertext">
<input type="text" placeholder="๋ณ์ฅ" class="centertext">
</td>
<td class="centertext boldtext pinkcell">๋ณ์ญ</td>
<td class="centertext">
<input type="text" placeholder="๋ง๊ธฐ์ ๋" class="centertext">
</td>
</tr>
</table>
<table style="border: 0px solid #FFFFFF;">
<tr>
<td style="border: 0px solid #FFFFFF;">
<h2>♦ ์๊ฒฉ์ฆ ๋ฐ ๋ฉดํ์ฌํญ</h2>
<!-- ํ
์ด๋ธ 6 -->
<table>
<tr><!-- 1ํ -->
<td class="centertext boldtext pinkcell">์๊ฒฉ ๋ฐ ๋ฉดํ๋ช
</td>
<td class="centertext boldtext pinkcell">์ทจ๋์ผ</td>
</tr>
<tr><!-- 2ํ -->
<td class="centertext">
<input type="text" placeholder="์๋์ฐจ ์ด์ ๋ฉดํ์ฆ 2์ข
๋ณดํต">
</td>
<td class="centertext">
<input type="date">
</td>
</tr>
<tr><!-- 3ํ -->
<td class="centertext">
<input type="text">
</td>
<td class="centertext">
<input type="date">
</td>
</tr>
<tr><!-- 4ํ -->
<td class="centertext">
<input type="text">
</td>
<td class="centertext">
<input type="date">
</td>
</tr>
</table>
</td>
<td style="border: 0px solid #FFFFFF;">
<h2>♦ ์ธ๊ตญ์ด ์ฌํญ</h2>
<!-- ํ
์ด๋ธ 6 -->
<table>
<tr><!-- 1ํ -->
<td class="centertext boldtext pinkcell">์ธ๊ตญ์ด ๋ช
</td>
<td class="centertext boldtext pinkcell">ํํ (์, ์ค, ํ)</td>
</tr>
<tr><!-- 2ํ -->
<td class="centertext">
<input type="text">
</td>
<td class="centertext">
<input type="text">
</td>
</tr>
<tr><!-- 3ํ -->
<td class="centertext">
<input type="text">
</td>
<td class="centertext">
<input type="text">
</td>
</tr>
<tr><!-- 4ํ -->
<td class="centertext">
<input type="text">
</td>
<td class="centertext">
<input type="text">
</td>
</tr>
</table>
</td>
</tr>
</table>
<br>
<button type="submit">์
๋ ฅ</button>
</form>
</body>
</html>
form action์ jsp ํ์ผ ์ง์ ๊ผญ ํด์ฃผ๊ธฐ
(method๋ ๋๋๋ก ๊ฐ์ ์จ๊ธธ ์ ์๋ post๋ฐฉ์ ์ฌ์ฉ)
๋ถ๋ฌ์ฌ ๊ฐ์ ํค(name) ์ง์ ์์ง ๋ง๊ธฐ
<style>
table, th, td {
border: 1px solid #000000;
}
table {
width: 100%;
border-collapse: collapse;
}
.centertext {text-align: center;}
.boldtext {font-weight: bold;}
.pinkcell {background-color: #FFD9EC;}
.width80 {width: 80%;}
.width10 {width: 10%;}
.border0 {border: 0px solid #FFFFFF;}
</style>
<tr><!-- 1ํ -->
<td rowspan="6"></td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr><!-- 2ํ -->
<!-- <td></td> -->
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
๋ฃ์ด์ ํ
์คํธ ํ๊ธฐ๐๊ฒฐ๊ณผ
์์ฑ๋ html ํ์ด์ง์ ์ฌ์ฉ์(ํด๋ผ์ด์ธํธ)๊ฐ ์ ๋ณด๋ฅผ ์
๋ ฅํ ๋ค ์
๋ ฅ
๋ฒํผ์ ๋๋ฅด๋ฉด jsp๋ก ์ ๋ณด(๊ฐ)์ ๋ถ๋ฌ์ฌ ์ ์๋ค.
๐์์ฑ (2) - resume.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>
</head>
<body>
<%
// ์ก์
JSP์์ ํ๊ธ๋ฐ์ดํฐ๋ฅผ ๋ฐ๋ ๋ฐฉ๋ฒ
request.setCharacterEncoding("UTF-8");
String pic = null;
pic = request.getParameter("pic");
System.out.println(pic);
String name = null;
name = request.getParameter("name");
System.out.println(name);
%>
</body>
</html>
request.setCharacterEncoding("UTF-8");
์ก์
jsp์์ ํ๊ธ ๋ฐ์ดํฐ๋ฅผ ๋ฐ๋ ๋ฐฉ๋ฒ
(ํ๊ธ ๋ฐ์ดํฐ๋ ์ธ์ฝ๋ฉ์ ์ด๋ป๊ฒ ํ๋๋์ ๋ฐ๋ผ ๊นจ์ง ์๋ ์๊ธฐ ๋๋ฌธ์ request.getParameter ์ ์ ์ธ์ฝ๋ฉ์ ์ง์ ํด์ผํ๋ค)
ํนํ post ๋ฐฉ์์ ์ฌ์ฉํ๋ค๋ฉด ๊ผญ ์ธ์ฝ๋ฉ์ ์ง์ ํด์ฃผ๋ ๊ฒ์ด ์ข๋ค!
request.getParameter("ํค");
ํค(name)์ ๊ฐ์ ๋ถ๋ฌ์ค๋ ํํ์, ํ์ง๋ง ๋ถ๋ฌ์ค๊ธฐ๋ง ํ๋ฉด ์๋๋ค.
โญ ๋ณ์๋ฅผ ๋ง๋ค์ด์ ๋ณ์๋ผ๋ ๊ณต๊ฐ์ ๊ฐ์ ์ ์ฅํด์ผํจ!
String ๋ณ์์ด๋ฆ = null;
๋ณ์๋ฅผ ์ ์ธํ๊ณ (๋ง๋ค๊ณ ) null ๊ฐ์ ์ฃผ์ด ๋ณ์(๊ณต๊ฐ)์ ๋น์ด๋ค.
๋ณ์์ด๋ฆ = request.getParameter("ํค");
ํค ๊ฐ์ ๋ถ๋ฌ์์ ๋ณ์์ ์ ์ฅํ๋ค.
System.out.println(๋ณ์์ด๋ฆ);
๋ณ์์ ๊ฐ์ ์ฝ์์ฐฝ์ ์ถ๋ ฅํ๋ค.
<%out.print(๋ณ์์ด๋ฆ);%> ์ <%=๋ณ์์ด๋ฆ%>
๋ณ์์ ๊ฐ์ ์นํ์ด์ง์ ์ถ๋ ฅํ๋ค.
๊ทธ๋๋ก ๊ฐ๋ง ์ถ๋ ฅํ ์๋ ์๊ณ , table์ด๋ input type์ ์ด์ฉํ์ฌ ์ถ๋ ฅํ ์๋ ์๋ค.
๐ (์์)
<table>
<tr>
<th>์์ด๋</th>
<td><%=id%></td>
</tr>
<tr>
<th>๋น๋ฐ๋ฒํธ</th>
<td><input type="password" value="<%=pw%>" readonly="readonly"></td>
</tr>
<tr>
<th>์ฑ๋ณ</th>
<td><%=gender%></td>
</tr>
<tr>
<th>๊ตญ์ </th>
<td><%=country%></td>
</tr>
<tr>
<th>์ข์ํ๋ ์์</th>
<td>
<input type="color" value="<%=likeColor%>" disabled="disabled">
<!-- ์์์ "์ฝ๋๊ฒ"์ด ์๋๊ธฐ ๋๋ฌธ์ readonly๊ฐ ์๋๋ผ disabled๋ฅผ ์ฌ์ฉ -->
</td>
</tr>
</table>
โญ ๋์
์ฐ์ฐ์(=)
์ผ์ชฝ ๋ณ์์ ์ค๋ฅธ์ชฝ ๊ฐ์ ๋์
ํ๋ ์ฐ์ฐ์. ๊ฐ๋ค๋ ๋ป์ =๊ฐ ์๋!
(์ค๋ฅธ์ชฝ์ ํํ์์ด ๋์ค๋ฉด ๊ฐ์ผ๋ก ๋ณํํ ํ ๋์
ํ๋ค)
์ฆ, ์ค๋ฅธ์ชฝ์ ๋ฌด์กฐ๊ฑด '๊ฐ'์ด ์์ผํ๊ณ (๋๋ ๊ฐ์ผ๋ก ๋ณํํ ์ ์๋ 'ํํ์')
์ผ์ชฝ์๋ ๋ฌด์กฐ๊ฑด '๋ณ์'๊ฐ ์์ผํ๋ค.
String pic = null;
pic = request.getParameter("pic"); ๋ ๊ฐ๋จํ๊ฒ
String pic = request.getParameter("pic"); ๋ก ํํ๊ฐ๋ฅ
๊ธฐ๋ณธํ์ (8๊ฐ์ง)
์ฐธ์กฐํ์
์ ์๋ int ํ์
,
์ค์๋ double ํ์
์ ๋ง์ด ์ (์ค์ฐจ๊ฐ ๊ทธ๋๋ง ์ ์)
โ๏ธ ๊ณ์ฐ๊ฒฐ๊ณผ๊ฐ ์ค์์ด๋๋ผ๋ ์ ์์ ์ ์๋ก ์ฐ์ฐํ๋ค๋ฉด ๊ฐ์ ๋ฌด์กฐ๊ฑด ์ ์๋ก ์ถ๋ ฅ๋๋ค. ์ค์๋ก ๊ฐ์ด ๋์ค๊ฒ ์ฐ์ฐ์ ํ๊ณ ์ถ๋ค๋ฉด ๋ณ์ ํ์ ๊ณผ ๊ฐ์ ์ค์๋ก ์ค์ผํ๋ค๋ ๊ฒ ๊ธฐ์ตํ๊ธฐ !
y = y+1;
y += 1;
y++;
โ๏ธ y์ ๊ฐ์ด 1์ฉ ์ฆ๊ฐ! (์ฆ๊ฐ ์ฐ์ฐ์)
๋ ผ๋ฆฌ์ฐ์ฐ์
๋น๊ต์ฐ์ฐ์
โ๏ธ ๋ฉ์๋ ํธ์ถ์ฝ๋(์)๋ ํํ์์ด๋ค.
โ๏ธ ํ๋๋ผ๋ ๋ฌธ์์ด์ด ์์ผ๋ฉด (+)๋ ์ฐ๊ฒฐ์ฐ์ฐ์๊ฐ ๋๋ค.
out.print("2*"+1);
out.print("2*"+"1");
๐ 2*1์ด ์ถ๋ ฅ๋จโ๏ธ ๊ฐ ๋ฌธ์๋ ์ซ์ ์ฝ๋๊ฐ ์ง์ ๋์ด ์๊ธฐ ๋๋ฌธ์ 'A'+'B'๋ AB๋ก ์ถ๋ ฅ๋๋ ๊ฒ์ด ์๋๋ผ 'A'์ ์ซ์ ์ฝ๋์ 'B'์ ์ซ์ ์ฝ๋์ ํฉ์ธ 131 ์ด ์ถ๋ ฅ๋๋ค.