[Project 1]
< 그림 1> 과 같은 입력 폼에서 사용자의 입력을 받아 get 방법으로 전달하여 이를 < 그림 3> 와 같이 출력하는 JSP 파일을 작성하시오 .( 연락처는 KT, SK, LGU+, 자급제에서 선택 )
입력 화면 파일명 : membership_input_form( 학번 ).JSP
출력 화면 파일명 : request1_result( 학번 ).jsp
- membership_input_form(2018305056).jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>2018305056 이지선 </title>
</head>
<body>
Home > 회원 정보 입력<HR>
<form name=form1 method=get action=request1_result(2018305056).jsp>
<fieldset style="width: 350px">
<legend style="height:50">개인 정보 입력</legend>
<p>이름 : <BR>
<input type=text size=20 name=name></p>
<p>비밀번호 : <BR>
<input type=password size=20 name=password></p>
<p>E-mail : <BR>
<input type=text size=20 name=email></p>
<p>연락처 : <BR>
<select name=addresstype >
<option selected>KT</option>
<option>SKT</option>
<option>LGU+</option>
<option>자급제</option>
</select>
<input type='tel' name='phone' size=4 maxlength=4 /> -
<input type='tel' name='phone' size=4 maxlength=4 /> -
<input type='tel' name='phone' size=4 maxlength=4 /></p>
<p>성별 :
<input type='radio' name='gender' id='gender' value='남성' />남
<input type='radio' name='gender' id='gender' value='여성' />여</p>
<p>취미 :
<input type='checkbox' name='hobby' value='운동' />운동
<input type='checkbox' name='hobby' value='독서' />독서
<input type='checkbox' name='hobby' value='여행' />여행
<input type='checkbox' name='hobby' value='음악감상' />음악감상</p>
<p>본인 소개 : <BR>
<textarea rows='3' cols='55' name='introduce' style="text-align: center;"></textarea>
</p>
<HR>
<div style="text-align: center">
<input type=submit size=8 value="가입하기" style="padding: 2px 15px; margin-right: 7px">
<input type=reset size=8 value="다시작성" style="padding: 2px 15px; margin-left: 7px">
</div>
</fieldset>
</form>
</body>
</html>
- request1_result(2018305056).jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>정보 확인</title>
</head>
<body>
Home > 입력 정보 확인<HR>
<p>이름 : <%= request.getParameter("name") %> <BR></p>
<p>비밀번호 : <%= request.getParameter("password") %> <BR></p>
<p>E-mail : <%= request.getParameter("email") %> <BR></p>
<p>연락처 : <%= request.getParameter("addresstype") %>
<%
String phone[] = request.getParameterValues("phone");
out.print(phone[0] + "-");
out.print(phone[1] + "-");
out.print(phone[2]);
%></p>
<p>성별 : <%= request.getParameter("gender") %></p>
<p>취미 :
<%
String hobby[] = request.getParameterValues("hobby");
for(String h: hobby){
out.println(h + " ");
}
%>
<p>본인 소개 : <%
String message = request.getParameter("introduce");
out.println(message);
%>
</body>
</html>
[Project 2] HTTP 의 비연결성을 보완하기 위한 기술로 session 과 cookie 가 있다 . < 그림 4> 와 같이 Cookie 가 있는 JSP 파일을 만들고 여기서 쿠키 보기를 누르면 < 그림 5> 에서처럼 저장되어 있는 Cookie 를 가져와 화면에 나타내고 < 그림 4> 에서 쿠키 삭제를 누르면 < 그림 6> 과 같이 저장되어 있는 쿠키를 삭제하는 JSP 파일을 작성하시오 . Cookie 의 이름은 name 과 mail 로 하며 여기에는 본인의 이름과 이메일을 저장한다 .
입력 화면 파일명 : cookie_form( 학번 ).jsp ( 그림 4)
출력 화면 파일명 : cookie_result( 학번 ).jsp ( 그림 5)
출력 화면 파일명 : cookie_delete( 학번 ).jsp ( 그림 6)
- cookie_form(2018305056).jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.net.URLEncoder" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Cookie Test-Set Cookie </title>
</head>
<body>
<div align="center">
<H3>쿠키 테스트</H3>
<%
Cookie c1 = new Cookie("name", java.net.URLEncoder.encode("JiSeon Lee", "UTF-8"));
Cookie c2 = new Cookie("mail", "jsl1113@skuniv.ac.kr");
c1.setMaxAge(60);
c2.setMaxAge(60);
response.addCookie(c1);
response.addCookie(c2);
%>
쿠키 설정이 완료되었습니다. <br><br>
<a href="cookie_result(2018305056).jsp">쿠키 보기</a>
<a href="cookie_delete(2018305056).jsp">쿠키 삭제</a>
</div>
</body>
</html>
- cookie_result(2018305056).jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.net.URLDecoder" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Cookie Test-Get Cookie </title>
</head>
<body>
<%
Cookie[] cookie = request.getCookies();
if(cookie != null){
for(Cookie c : cookie){
String cookiename = c.getName();
String cookievalue = URLDecoder.decode(c.getValue(), "UTF-8");
if(cookiename.equals("name") | cookiename.equals("mail")){
out.print(cookiename + "은 " + cookievalue + "입니다. <br>");
}
}
}
%>
</body>
</html>
- cookie_delete(2018305056).jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Cookie Test-Delete Cookie </title>
</head>
<body>
<%
Cookie[] cookies = request.getCookies();
if(cookies != null) {
for(int i = 0; i < cookies.length; i++){
cookies[i].setMaxAge(0);
response.addCookie(cookies[i]);
}
}
%>
쿠키가 삭제되었습니다. <a href="cookie_result(2018305056).jsp">쿠키 삭제 확인</a>
</body>
</html>
