[JSP/Servlet] Servlet 개요, 데이터 전송 (2023.05.10)

Notice

Recent Posts

Recent Comments

Link

« 2024/11 »
일	월	화	수	목	금	토
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30

Tags more

Archives

Today

Total

관리 메뉴

JiYoung Dev 🖥

[JSP/Servlet] Servlet 개요, 데이터 전송 (2023.05.10) 본문

full stack/Back-End

[JSP/Servlet] Servlet 개요, 데이터 전송 (2023.05.10)

Shinjio 2023. 5. 12. 18:23

🎈 request와 response

🎈 데이터 전송

request : 사용자가 입력한 값을 어떻게 보낼것인가가 중요

action 어디로 요청할건지

method 요청 방식 (foam 태그는 get / post 만 사용 가능, default 는 get으로 생략 가능)

name input 태그들의 명칭, 각각의 값을 구변할 수 있도록 지정해주는 이름 (이름이 없으면 태그를 구별할 수 없음)

submit 제출 > 버튼 누르는 순간 action의 경로로 요청

🎈 request.getParameter()

package com.smhrd.servlet;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;


@WebServlet("/Ex01")
public class Ex01 extends HttpServlet {
	private static final long serialVersionUID = 1L;


	protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		
//		요청 데이터(name = data) 값 가져오기
//		getParameter(String : foam의 name값) 
//		요청 데이터 가져오기 >> 반환타입 : String
		String data = request.getParameter("data");
		System.out.println(data);
		
//		응답데이터 인코딩 설정 추가
		response.setCharacterEncoding("UTF-8"); //생략가능
//		웹브라우저가 한글 인코딩을 할 수 있도록 알려주는 코드를 추가해야 함!
//		>> 브라우저에게 응답데이터의 형식과 인코딩 방식을 알려주는 코드
		response.setContentType("text/html; charset=UTF-8");
		
//		사용자가 입력한 값 그대로 html 문서로 만들어서 응답하기
		PrintWriter out = response.getWriter(); //텍스트 출력 스트림 만들기
		out.print(data);
		
	}

}

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

<!-- action : 어디로 요청할 건지(경로)
	method : http 요청 메소드 (get/post) -->
	<!-- action : 브라우저 주소창에 뜨는 주소 경로 기준 상대경로 -->
	<form action="Ex01" method="get">
		<input type="text" name="data"> <!-- name : 서버에서 값을 식별할 수 있도록 -->
		<input type="submit" value="전송">
	</form>
</body>
</html>

📖 응답 데이터 인코딩하기

🎈 실습

HTML 파일은 webapp 폴더 내에 저장!

실습1.

package com.smhrd.servlet;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

@WebServlet("/Ex02Number")
public class Ex02Number extends HttpServlet {
	private static final long serialVersionUID = 1L;


	protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		String number = request.getParameter("number");
		System.out.println(number);
		
		response.setCharacterEncoding("UTF-8");
		response.setContentType("text/html; charset=UTF-8");
		PrintWriter out = response.getWriter();
		out.print("입력한 숫자는 <b>" + number + "</b>입니다");
		
	}

}

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<form action="Ex02Number" method="get">
		<input type="number" name="number">
		<input type="submit" value="SEND">
	</form>
</body>
</html>

실습2.

package com.smhrd.servlet;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;


@WebServlet("/Ex03")
public class Ex03 extends HttpServlet {
	private static final long serialVersionUID = 1L;


	protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//		요청 데이터 2개(num1, num2) 받기
		String num1 = request.getParameter("num1");
//		String을 정수형으로 변환하는 방법 
//		1) Integer (int형의 클래스 타입으로 다양한 기능 보유)
//			>> parsInt(String) : 문자열을 정수형으로 변환
//			>> 숫자로 변환 불가능한 문자열을 넣는 경우(ex.ㄱ, ㄴ) 오류 발생
//			>> 사용시 문자열 안에 숫자만 포함되도록 주의!
		int int_num1 = Integer.parseInt(num1);
		int int_num2 = Integer.parseInt(request.getParameter("num2"));
		
//		응답
		response.setContentType("text/html; charset=UTF-8");
		PrintWriter out = response.getWriter();
		out.print(int_num1 + " + " + int_num2 + " = " + (int_num1 + int_num2));
		
	}

}

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<form action="Ex03">
		<input type="number" name="num1">
		+
		<input type="number" name="num2">
		<input type="submit" value="더하기!">
	</form>
</body>
</html>

실습3.

package com.smhrd.servlet;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;


@WebServlet("/Ex04")
public class Ex04 extends HttpServlet {
	private static final long serialVersionUID = 1L;


	protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		int int_num1 = Integer.parseInt(request.getParameter("num1"));
		String ope = request.getParameter("ope");
		int int_num2 = Integer.parseInt(request.getParameter("num2"));
		
		System.out.println(ope);
//		HTML에서 val값을 작성하면 value값을 받아옴
		
		response.setContentType("text/html; charset=UTF-8");
		int result = 0;
		String operator;
		if(ope.equals("plus")) {
			result = int_num1 + int_num2;
			operator = "+";
		}else if(ope.equals("minus")) {
			result = int_num1 - int_num2;
			operator = "-";
		}else if(ope.equals("mul")) {
			result = int_num1 * int_num2;
			operator = "*";
		}else {
			result = int_num1 / int_num2;
			operator = "/";
		}
		String str = int_num1 + " " + operator + " " + int_num2 + " = " + result ;
		PrintWriter out = response.getWriter();
		out.print(str);
		
	}

}

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<form action="Ex04">
		<input type="number" name="num1">
		<select name="ope">
			<option value="plus">+</option>
			<option value="minus">-</option>
			<option value="mul">*</option>
			<option value="div">/</option>
		</select>
		<input type="number" name="num2">
		<input type="submit" value="SEND">
	</form>
</body>
</html>

실습4.

package com.smhrd.servlet;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;


@WebServlet("/Ex05Table")
public class Ex05Table extends HttpServlet {
	private static final long serialVersionUID = 1L;


	protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//		 요청
		
//		응답
		response.setContentType("text/html; charset=UTF-8");
		PrintWriter out = response.getWriter();
		
		out.print("<table border=1>");
		out.print("<tr>");
		for(int i = 1; i <= 6 ; i++) {
			out.print("<td>" + i + "</td>");
		}
//		out.print("<td>1</td>");
//		out.print("<td>2</td>");
//		out.print("<td>3</td>");
//		out.print("<td>4</td>");
//		out.print("<td>5</td>");
//		out.print("<td>6</td>");
		out.print("</tr>");
		out.print("</table>");
	}

}

오류 예. 404

WEB-INF 는 클라이언트(웹브라우저)가 절대 접근할 수 없음 > 경로는 맞지만 접근이 불가능하므로 경고 발생

따라서 html파일이 WEB-INF 폴더 내에 들어가지 않도록 주의!

오류 예. 500

오류는 내가 쓴 코드에서 확인을 할 수 있다!

입력한 값이 없이 실행 >> 입력한 값이 없기 때문에 null을 가짐 >> 예외상황 발생

런타임오류 : 실행했을 때 발생하는 오류

try ~ catch로 예외처리

'full stack > Back-End' 카테고리의 다른 글

[JSP/Servlet] Scope (2023.05.18~19) (0)	2023.05.19
[JSP/Servlet] 선언문, 지시자, 내장객체 (2023.05.16) (0)	2023.05.16
[JSP/Servlet] JSP 필요성과 특징, 구성요소 (2023.05.15) (0)	2023.05.15
[JSP/Servlet] 데이터 전송 GET/POST(2023.05.12) (0)	2023.05.12
[JSP/Servlet] Server와 Servlet 개요 (2023.05.09) (0)	2023.05.09

'full stack/Back-End' Related Articles

JiYoung Dev 🖥

[JSP/Servlet] Servlet 개요, 데이터 전송 (2023.05.10) 본문

[JSP/Servlet] Servlet 개요, 데이터 전송 (2023.05.10)

🎈 request와 response

🎈 데이터 전송

🎈 request.getParameter()

📖 응답 데이터 인코딩하기

🎈 실습

실습1.

실습2.

실습3.

실습4.

'full stack > Back-End' 카테고리의 다른 글

티스토리툴바