[JSP/Servlet] JSP 내장객체(HttpServletResponse) & 쿠키(Cookie) (2023.05.17)

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] JSP 내장객체(HttpServletResponse) & 쿠키(Cookie) (2023.05.17) 본문

full stack/Back-End

[JSP/Servlet] JSP 내장객체(HttpServletResponse) & 쿠키(Cookie) (2023.05.17)

Shinjio 2023. 5. 19. 09:39

🎈 JSP 내장객체 - HttpServletResponse

📖 sendRedirect()

브라우저(클라이언트) 주소창에 작성된 경로

>> 브라우저(클라이언트)가 그 경로에 직접 요청을 했다! 라는 의미

우리는 Ex03redirect로 요청함

최종 주소창에는 Ex03createInput.html이 뜸

즉, 최종적으로 브라우저(클라이언트)가 Ex03createInput.html에 요청!!

⚙️ sendRedirect의 프로세스

서버는 어디로 요청해야하는지 경로를 응답

클라이언트는 응답받은 경로로 요청

요청과 응답이 2번씩 일어남!✨✨

요청은 request객체를 가지고 사용 가능

1번에서 사용한 request객체와 3번에서 사용한 request객체는 이름만 같을 뿐 서로 다른 객체임

이 둘은 서로 값(데이터)을 공유하지 않음
즉, 1번에서 사용한 객체는 사용한 검색한 정보 데이터를 담고 있음. 그러나 3번에서 사용한 request 객체는 사용자가 검색한 데이터 정보를 가지고 있지 않음!!!

응답은 resonse 객체를 가지고 사용가능
2번과 4번에서 사용하는 reponse 객체는 서로 다르다!

📖 forward

📖 Redirect vs Forward

⚙️ 리다이렉트방식

⚙️ foward방식

최종적으로 이동한 페이지의 경로는 클라이언트가 알 수 없다

단순한 페이지 이동시에는 리다이렉팅방식

넘겨야 하는 데이터가 있는 경우 foward 방식 혹은 쿼리스트링 방식

Rendering
서버가 응답해주는 리소스(html, js, css 등)를 가지고 브라우저 화면에 표현해주는 작업
→ 그림을 그리는 작업

< Rendering의 종류 >
SSR(Server Side Rendering) ↔ CSR(Client Side Rendering)
서버에서 렌더링 처리 클라이언트에서 렌더링 처리

SSR
- 서버에서 이미 만들어진 정적 웹페이지(html)를 불러와서 화면에 렌더링 후 브라우저가 자바스크립트를 다운 받음
- 장점 : 첫페이지를 로딩하는 속도가 CSR에 비해서 빠르다.
- 단점 : 페이지 이동시, 사이트 조작시 속도가 다소 느림
> 서버에서 이미 렌더 가능한 상태로 html을 클라이언트에 전달하기 때문에 JS가 다운로드 되는 동안 사용자는 렌더링된 화면을 볼 수 있음
- ex. jsp

CSR
- 빈 HTML 파일 안에 모둔 로직이 담긴 js 파일이 존재. 따라서 js을 모두 다운로드 받은 후에야 화면에 보여줄 수 있음. 그러나 화면을 봄과 동시에 사이트 조작이 가능함.
- 장점 : 페이지 이동시 SSR에 비해 빠르다. & 서버 트래픽 감소
- 단점 : 첫페이징 로딩하는 속도가 SSR에 비해 다소 느리다.
- ex. react, vue 등

참고 영상.
https://youtu.be/iZ9csAfU5Os

🎈쿠키와 세션

📖 HTTP 특징

HTTP의 비연결성과 무상태의 특성으로 인해 사용자의 상태를 유지할 수 없음.

이러한 문제를 해결하기 위해 쿠키(Cookie)와 세션(Session)이 존재

HTTP의 특성과 무관하게(비연결성, 무상태) 로그인, 장바구니 등의 사용자의 상태를 유지하기 위해 쿠키와 세션을 사용함!

📖 쿠키(Cookie)

먹었던 흔적이 남아있다 >> 웹에서 사용하는 쿠키도 마찬가지로 사용하면 흔적이 남는다.

쿠키 안에 사용자가 유지하고 싶어하는 상태정보를 담고 있다.

쿠키는 클라이언트 컴퓨터에 저장되어 있다.

쿠키를 허용하시겠습니까? --> 우리 PC에 저장해야하니까 확인

저장된 파일은 우리 PC에서 볼 수 있다.

쿠키에 저장되어 있는 정보 : name, value, expires/Max-age(만료기간) 외

session 이라고 되어 있으면 브라우저를 닫으면 쿠키가 사라짐 (세션 쿠키)

⚙️ 쿠키 동작 방식

요청을 받고 응답을 해줄때 생성된 쿠키를 함께 전달해줌

패킷의 헤더부분에 쿠키 저장

클라이언트는 웹 브라우저. 웹 브라우저마다 쿠키는 다르다.

쿠기의 값을 써야할 때 요청할 때 패킷에 싣어서 같이 요청

서버에서 쿠키 확인하여 쿠키를 수정해야 하면 서버에서 수정 진행. 수정된 정보를 헤더에 포함시켜 응답

⚙️ 쿠키 사용 예시

쇼핑몰 장바구니

팝업창(오늘 하루 열지 않음)

⚙️ 쿠키 사용 장단점

응답하는 과정에 사용자에 대한 정보가 담겨있음.

응답하는 과정을 누군가가 볼 수도 있음. ===> 보안상 위험성

브라우저당 300개까지. 허용용량 벗어날 경우 가장 오래된 쿠키 삭제하는 등의 방법으로 업데이트

JSESSIONID 세션쿠키 : 서버가 클라이언트에게 임의적으로 서버가 발급

⚙️ 쿠키 생성 & 사용 & 삭제

서버에서 쿠키 생성 후 클라이언트로 전달

쿠키 객체( Cookie(String(쿠키 네임), String(쿠키 값) ) 생성

클라이언트로 쿠키 전송

response.addCookie(쿠키네임)

<%@ 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>
	<%
		//-- 쿠키 생성
		//1. 쿠키 객체 생성 : Cookie(String("name"),String("value"))
		Cookie cookie = new Cookie("test","testcookie");
	
		//2. 생성된 쿠키의 만료날짜를 설정(초단위)
		cookie.setMaxAge(60*60*24*365); //1년동안 유지

		//3. 서버에서 생성된 쿠키를 클라이언트에게 전송(response)
		response.addCookie(cookie);
		
		response.addCookie(new Cookie("name","신지영"));
	%>
	
	<a href="Ex02GetCookie.jsp">쿠키확인</a>
</body>
</html>

클라이언트에 저장된 쿠키 가져오기

request.getCookies();

getName() - 쿠키 네임 불러오는 메서드

getvalue() - 쿠키 값 불러오는 메서드

<%@ 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>
	<%
		//-- 저장된 쿠키 가져오기
		//클라이언트에 저장된 쿠키를 서버로 보내기 (request)
		Cookie[] cookies = request.getCookies();
	
		for(Cookie c : cookies){
			//쿠키의 name, value 화면에 출력
			out.print(c.getName() + " : " + c.getValue() + "<br>");
		}
	%>
	
	<a href="Ex03removeCookie.jsp">쿠키삭제</a>
</body>
</html>

쿠키 삭제하기

삭제하고 싶은 쿠키의 네임과 동일하게 쿠키 생성 후 만료기간 0으로 설정 → 클라이언트로 전송

<%@ 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>
	<%
		//-- 쿠키 삭제
		//1. 쿠키 생성 (삭제하고 싶은 쿠키의 name과 같은 name을 가진 쿠키 생성)
		//   - value는 달라도 됨
		Cookie cookie = new Cookie("name","");
	
		//2. 만료기간 설정 (0s)
		cookie.setMaxAge(0);
		
		//3. 서버에서 생성된 쿠키를 클라이언트로 전송
		response.addCookie(cookie);
	%>
	
	<a href="Ex02GetCookie.jsp">쿠키 확인</a>
</body>
</html>

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

[JSP/Servlet] Maven (2023.05.22) (0)	2023.05.22
[JSP/Servlet] Web MVC (2023.05.19) (0)	2023.05.19
[JSP/Servlet] 세션(session) (2023.05.18) (0)	2023.05.19
[JSP/Servlet] Scope (2023.05.18~19) (0)	2023.05.19
[JSP/Servlet] 선언문, 지시자, 내장객체 (2023.05.16) (0)	2023.05.16

'full stack/Back-End' Related Articles

JiYoung Dev 🖥

[JSP/Servlet] JSP 내장객체(HttpServletResponse) & 쿠키(Cookie) (2023.05.17) 본문

[JSP/Servlet] JSP 내장객체(HttpServletResponse) & 쿠키(Cookie) (2023.05.17)

🎈 JSP 내장객체 - HttpServletResponse

📖 sendRedirect()

⚙️ sendRedirect의 프로세스

📖 forward

📖 Redirect vs Forward

⚙️ 리다이렉트방식

⚙️ foward방식

🎈쿠키와 세션

📖 HTTP 특징

📖 쿠키(Cookie)

⚙️ 쿠키 동작 방식

⚙️ 쿠키 사용 예시

⚙️ 쿠키 사용 장단점

⚙️ 쿠키 생성 & 사용 & 삭제

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

티스토리툴바