[JSP/Servlet] 데이터 전송 GET/POST(2023.05.12)

Quiz. 이상한 점 찾아보기

 

 

주소창에 패스워드가 노출됨

원인 : get 메서드 방식을 사용했기 때문. get 메서드 방식은 사용자가 입력한 값이 주소창에 노출됨

 

🎈 HTTP 요청 메서드

웹 클라이언트(브라우저)가 웹 서버에 요청하는 서비스 처리 방식 지정

 

 

위의 요청 메서드 예시는 약속의 느낌으로 꼭 위의 것을 꼭 따라야하는 것은 아니지만 개발자들 간의 규칙과 같음  

기능들이 특정 요청에 한정되어 있진 않지만 무엇을 요청하는지 알기 쉽게 하기위해 위와 같이 구분하여 사용함

 

 

읽어보기!

REST API 제대로 알고 사용하기 : NHN Cloud Meetup

 

📖 GET

 

 

⚙ URI / URL

 

 

패킷(packet)
네트워크를 통해 전송하기 쉽도록 자른 데이터의 전송 단위
패킷은 데이터 전송에서 송신측과 수신측에 의하여 하나의 단위로 취급되어 전송되는 집합체로, 분할된 각각의 패킷에는 별도의 번호가 붙여지고 목적지의 인터넷 주소가 기록되며, 에러 체크 데이터도 포함됨

패킷의 구조 :  head + body

++ 패킷에는 순서 정보도 들어있다. 
     >> 패킷을 순서대로 보내는게 아니라 패킷을 한번에 네트워크상으로 뿌림
     >> 패킷들이 서버로 도착했을 때 순서가 뒤죽박죽이되어 도착될 수 있음
     >> 패킷에 포함되어 있는 순서를 가지고 재조합하여 사용 

 

- 전송하는 데이터 길이의 한계

브라우저마다 주소창에 쓸 수있는 길이를 제한하고 있음. 

입력한 값이 최대길이를 넘어가면 주소가 잘릴 수 있음

따라서 보내는 길이가 길 때 get 방식은 맞지 않음

 

- 캐싱할 수 있음

<캐시(Cache)>
컴퓨터의 성능을 향상시키기 위해 사용되는 메모리로 자주 사용하는 데이터들을 기억
Cache란 자주 사용하는 데이터나 값을 미리 복사해 놓는 임시 장소를 가리킴
캐시는 저장 공간이 작고 비용이 비싼 대신 빠른 성능을 제공함

<웹캐시(Web Cache)> 
사용자(Client)가 웹 사이트(Server)에 접속할 때 정적 컨텐츠(이미지, JS, CSS 등)을 특정 위치에 저장하여 웹 서버에 해당 컨텐츠를 매번 요청하여 받는 것이 아닌 특정 위치에서 불러옴으로써 사이트 응답시간을 줄이고 서버 트래픽 감소 효과를 볼 수 있음
응답하는 데이터가 영상, 이미지, 음성 파일과 같이 크기가 큰 데이터들일 때 요청할 때마다 응답을 받게 되면 서버에 부하가 발생함. 따라서 자주 하는 요청일 때는 서버로부터 리소스를 가져오고 리소스를 클라이언트 pc에 저장해 놓음. 이렇게 하면 똑같은 요청을 했을 때 그 리소스를 서버에서 다시 가져오는게 아니라 pc에 저장된 리소스를 가져와서 씀. 이렇게 하면 훨씬 빠르고 서버쪽에 부하가 줄어듦.

<캐싱>
캐싱 영역으로 데이터를 가져와서 접근하는 방식

 

📖 POST

 

- 보안에 강하다 >> GET에 비해 강하다는 뜻!

 

 

⚙ Query String ✨

url?name=value&name2=value2&...

get방식일 때 query String 방식으로 데이터를 전달함

임의적으로 Query String으로 만들어서 전달할수도 있음

 

🎈 GET/POST 실습

GET 방식일 때는 한글이 정상적으로 출력되지만, POST 방식일 경우에는 정상적으로 출력이 안됨

이유 : 메서드에 따라서 인코딩하는 방법이 다르기 때문

 

 

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("/Ex02")
public class Ex02 extends HttpServlet {
	private static final long serialVersionUID = 1L;

	protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//		GET과 POST에 따른 한글 인코딩 방식
//		1) POST : 패킷의 BODY 부분에 데이터가 실어져서 전송됨
//			>> 패킷이 넘어올때마다(요청이 들어올때마다) 인코딩 방식 지정
//			>> request.setCharacterEncoding("UTF-8");	
//			>> 꼭 getParameter 위에 작성해야 함! 
//			>> 자바는 위에서 아래로 순차적으로 실행되므로!
		
//		2) GET : URL에 실어져서 데이터를 전송함
//					>> URI를 인코딩해줘야 함!
//					>> Server(Tomcat9) / server.xml > URIEncoding=UTF-8 지정

		request.setCharacterEncoding("UTF-8"); //*위치: getParameter 호출 이전!
		
		String name = request.getParameter("name");
		System.out.println(name);
		
		response.setContentType("text/html; charset=UTF-8;"); //응답데이터 형식(인코딩방식) 지정
		PrintWriter out = response.getWriter(); // 텍스트 출력 스트림
		out.print(name); // 스트림을 통해 텍스트 출력
	}

}

 

📖 GET 인코딩 방식

 

 

📖 POST 인코딩 방식

데이터를 패킷의 바디에 포함해서 요청 (즉, 데이터를 받을 때마다 인코딩 필요)

** POST 방식으로 요청시 매번 인코딩 방식을 지정해주어야 함

** getParameter로 값을 가져오기 전에 인코딩 방식을 먼저 지정해주어야 함

 

 

📖 request.getParameter() vs request.getParameterValues()

getParamenter()는 여러개의 파라미터 중에서 하나의 값만 가지고 올 수 있음

>> 따라서 checkbox 타입일 경우에는 다른 속성을 사용

 

하나 이상의 값을 가져올 때는 getParameterValues() 사용

getParameterValues()의 반환타입은 String[]

 

package com.smhrd.servlet;

import java.io.IOException;
import java.util.Arrays;

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 {
		
		String job = request.getParameter("job");
		String gender = request.getParameter("gender");
//		String hobby = request.getParameter("hobby");
		String[] hobby = request.getParameterValues("hobby");
		
		System.out.println(job);
		System.out.println(gender);
		System.out.println(Arrays.toString(hobby));
		
	}

}

 

※ check box 와 radio의 기본값 : on

    >> value를 작성하지 않으면 on을 반환

 

 

⚙ 실습

 

 

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 {
		request.setCharacterEncoding("UTF-8");
		
		String id = request.getParameter("id");
		
		String pw = request.getParameter("pw");
		
		String gender = request.getParameter("gender");
		
		String blood = request.getParameter("blood");
		
		String birth = request.getParameter("birth");
		
		String color = request.getParameter("color");
		
		String text = request.getParameter("text");
		
		response.setContentType("text/html; charset=UTF-8;"); //응답데이터 형식(인코딩방식) 지정
		PrintWriter out = response.getWriter(); // 텍스트 출력 스트림
		out.print("아이디 : " + id);
		out.print("<br>비밀번호 : " + pw);
		
		if(request.getParameter("pwcheck").equals(pw)) {
			out.print("<br>비밀번호가 일치합니다.");
		}else {
			out.print("<br>비밀번호가 일치하지 않습니다.");
		}
		
		out.print("<br>성별 : " + gender);
		out.print("<br>혈액형 : " + blood);
		out.print("<br>생일 : " + birth);
		
		out.print("<br>");
		String[] hobby = request.getParameterValues("hobby");
		out.print("취미 : ");
		for(int i = 0 ; i < hobby.length ; i++) {
			out.print(hobby[i] + " ");
		}
		
		out.print("<br>좋아하는 색 : " + color);
		out.print("<br>남기고 싶은 말 : " + text);
	}

}