[Sevlet] Exercise

Joy🌱·2023년 2월 19일

🤖 Exercise

목록 보기

5/6

🧩 GET, POST 방식 활용

💁‍ get, post 방식을 각각 요청하고 파라미터를 추출한 뒤, 추출한 파라미터를 포함한 응답화면을 client에게 보여주세요.

1) index.html

<!-- get 방식으로 요청 -->
	<h3>[ GET 방식 ]--------------------------------</h3>
	<form action="getpractice" method="get">
	<h4>🍪 쿠키런 킹덤 🍪</h4>
	<label>▶ 아이디 : </label><input type="text" name="id"> <br>
	<label>▶ 비밀번호 : </label><input type="text" name="pwd"> <br>
	<label>▶ 생년월일 : </label><input type="date" name="dob"> <br>
	<label>▶ 쿠키 선택 : </label>
	<input type="radio" name="cookie" id="choco" value="초코맛쿠키"><label for="choco">초코맛쿠키</label>
	<input type="radio" name="cookie" id="mint" value="민트맛쿠키"><label for="mint">민트맛쿠키</label>
	<input type="radio" name="cookie" id="apple" value="사과맛쿠키"><label for="apple">사과맛쿠키</label>
	<input type="radio" name="cookie" id="oreo" value="오레오맛쿠키"><label for="oreo">오레오맛쿠키</label>
	<br>
	<label>▶ 아이템 선택 : </label>
	<input type="checkbox" name="items" id="cap" value="Cap"><label for="cap">모자</label>
	<input type="checkbox" name="items" id="wing" value="Wing"><label for="wing">날개</label>
	<input type="checkbox" name="items" id="glove" value="Glove"><label for="glove">장갑</label>
	<br><br>
	
	<input type="submit">
	</form>
	
	<br><br>
	<!-- post 방식으로 요청 -->
	<h3>[ POST 방식 ]--------------------------------</h3>
	<form action="postpractice" method="post">
	<h4>👶 출생신고 👶</h4>
	<label>▶ 이름 : </label><input type="text" name="name"> <br>
	<label>▶ 생년월일 : </label><input type="date" name="dob"> <br>
	<label>▶ 출생 지역 : </label>
	<select name="area">
		<option value="서울">서울</option>
		<option value="경기">경기</option>
		<option value="인천">인천</option>
		<option value="강원">강원</option>
		<option value="충청">충청</option>
		<option value="전라">전라</option>
		<option value="경상">경상</option>
		<option value="제주">제주</option>
	</select>
	<br><br>
	
	<input type="submit">
	</form>

2) GetPractice

@WebServlet("/getpractice")
public class GetPractice extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		
		/* ================= 요청 받기 ================= */
		/* text */
		String id = request.getParameter("id");
		System.out.println("▶ ID : " + id);
		
		/* text */
		String pwd = request.getParameter("pwd");
		System.out.println("▶ Password : " + pwd);
		
		/* date */
		java.sql.Date dob = java.sql.Date.valueOf(request.getParameter("dob"));
		System.out.println("▶ Date of Birth : " + dob);
		
		/* radio */
		String cookie = request.getParameter("cookie");
		System.out.println("▶ Cookie : " + cookie);
		
		/* checkbox */
		String[] items = request.getParameterValues("items");
		int i = 0;
		for(String item : items) {
			i++;
			System.out.println("▶ Item[" + i + "] : " + item);
		}
		
		/* ================= 응답 하기 ================= */
		/* 응답 컨텐츠 타입 설정 및 인코딩 지정 */
		response.setContentType("text/html; charset=UTF-8");
		
		PrintWriter out = response.getWriter();
		/* 문자열을 이용해서 사용자에게 내보내기 할 페이지를 작성 */
		StringBuilder responseBuilder = new StringBuilder();
		responseBuilder.append("<doctype html>\n")
					   .append("<html>\n")
					   .append("<head>\n")
					   .append("</head>\n")
					   .append("<body>\n")
					   .append("<h3> " + id + "님 환영해요 !! 🍪</h3>\n")
					   .append("<h3> 비밀번호는 " + pwd + "이며, 잊으시면 안돼요!</h3>\n\n")
					   .append("<h3>" + id + "님의 쿠키🍪는 " + dob + "에 태어난 '"+ cookie + "' 입니다 !</h3>\n")
					   .append("</body>\n")
					   .append("</html>");
		
		/* 스트림을 이용해 내보내기 */
		out.print(responseBuilder.toString());
		
		/* 버퍼에 잔류한 데이터를 강제로 내보내기 */
		out.flush();
		
		/* 스트림 닫기 */
		out.close();
	}
}

3) PostPractice

@WebServlet("/postpractice")
public class PostPractice extends HttpServlet {
	private static final long serialVersionUID = 1L;
 
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

		/* ================= 요청 받기 ================= */
		/* 파라미터 값을 꺼내기 전에 디코딩할 인코딩 방식을 지정해주면 해당 방식으로 body 값을 해석 */
		request.setCharacterEncoding("UTF-8"); // 한글 해석 가능해짐
		
		/* text */
		String name = request.getParameter("name"); // parameter를 꺼내오기 전, 인코딩 방식 설정
		System.out.println("▶ 이름 : " + name); 
		
		/* date */
		java.sql.Date dob = java.sql.Date.valueOf(request.getParameter("dob"));
		System.out.println("▶ 생년월일 : " + dob);
		
		/* select & option */
		String area = request.getParameter("area");
		System.out.println("▶ 출생지역 : " + area);
		
		
		/* ================= 응답 하기 ================= */
		/* 응답 컨텐츠 타입 설정 및 인코딩 지정 */
		response.setContentType("text/html; charset=UTF-8");
		
		PrintWriter out = response.getWriter();
		/* 문자열을 이용해서 사용자에게 내보내기 할 페이지를 작성 */
		StringBuilder responseBuilder = new StringBuilder();
		responseBuilder.append("<doctype html>\n")
					   .append("<html>\n")
					   .append("<head>\n")
					   .append("</head>\n")
					   .append("<body>\n")
					   .append("<h3> " + dob + ", " + area + "에서 태어난,</h3>\n")
					   .append("<h3> " + name + "님 탄생을 축하드려요!</h3>\n")
					   .append("<h3> 출생신고는 무사히 완료되었습니다 :)</h3>\n")
					   .append("</body>\n")
					   .append("</html>");
		
		/* 스트림을 이용해 내보내기 */
		out.print(responseBuilder.toString());
		
		/* 버퍼에 잔류한 데이터를 강제로 내보내기 */
		out.flush();
		
		/* 스트림 닫기 */
		out.close();
	}
}

Joy🌱

Tiny little habits make me

이전 포스트

[DB Modeling] Exercise

다음 포스트

[Sevlet] Exercise

🤖 Exercise

🧩 GET, POST 방식 활용

1) index.html

2) GetPractice

3) PostPractice

[DB Modeling] Exercise

[Spring Data JPA] Exercise 🔥

0개의 댓글