쿠키(Cookie) 🍪

go·2024년 7월 18일

💡 쿠키에 대해서 알아봅시다 !

🦊 쿠키는 무엇인가요?

쿠키(Cookie)는 웹 서버와 클라이언트(주로 웹 브라우저) 간에 상호작용을 하면서 발생한 상태 정보를 저장하고 전송하는 데 사용되는 작은 데이터 조각입니다. 쿠키는 웹 어플리케이션에서 사용자의 상태를 유지하고 추적하는데 중요한 역할을 합니다.

쿠키의 구조 (예시)

Set-Cookie : name=value; Expries=Wed, 21 Oct 2021 07:28:00 GMT; Path=/; Domain=example.com

name=value : 쿠키의 이름과 값
Expires : 쿠키의 유효 기간을 지정. 이 기간이 지나면 쿠키는 삭제
Path : 쿠키가 유효한 URL 경로
Domain : 쿠키가 유효한 도메인
Secure : 쿠키가 HTTPS 연결에서만 전송됨
HttpOnly : 클라이언트 측 스크립트에서 쿠키에 접근할 수 없도록 설정

쿠키의 용도

1. 세선관리 : 로그인 정보, 장바구니 내용 등 사용자 세션을 유지하는 데 사용
2. 사용자 맞춤 설정 : 사용자가 설정한 웹 사이트의 환경 설정(예:언어,테마 등)을 저장
3. 트래킹 및 분석 : 사용자의 웹 사이트 방문 패턴을 추적하여 분석하고 광고 목적으로 사용

쿠키 저장하고 가져오기

쿠키 저장하는 3가지 스탭

쿠키의 객체생성(사용자 정보를 저장하기 때문에, 키·벨류값을 한 쌍으로 묶는다)
쿠키의 나이 지정
사용자에게 심기

쿠키를 가져오는 3가지 스탭

사용자에게 저장된 쿠키'들'을 가져오기
내가 가져온 쿠키 배열로부터 원하는 키 값 찾음
키에 해당하는 벨류를 취득

🖥️ 쿠키 테스트(예제 실습)

전체코드

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="java.net.*" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>cookieTest.jsp</h1>
<%
//1. 쿠키들 가져오기
Cookie cks[]=request.getCookies();
//2. 원하는 키값 찾기
if(cks!=null){
   for(int i=0;i<cks.length;i++){
      String key=cks[i].getName();   //쿠키의 키값 가져오기
      String value=URLDecoder.decode(cks[i].getValue()); //쿠키의 value값 가져와서 디코딩
      //String value=cks[i].getValue();   //쿠키의 밸류값 가져오기
      out.println("<h2>Key: "+key+" Value: "+value+"</h2>");
   }
}
//1. 쿠키객체 생성
String name="홍 길동";
name=URLEncoder.encode(name);
Cookie ck=new Cookie("cname", "honggildong");

//2. 나이지정
ck.setMaxAge(60*3);

//3. 사용자에게 심기
response.addCookie(ck);

Cookie ck2=new Cookie("cage", "20");
ck2.setMaxAge(60*3);
response.addCookie(ck2);
%>
</body>
</html>

출력화면

첫 접속 시에는 클라이언트에 JSESSIONID 쿠키만 존재하기 때문에 이 쿠키만 출력됩니다.
이후 새로운 쿠키를 생성하여 클라이언트에 전송하면, 새로고침 시 클라이언트는 생성된 모든 쿠키를 다시 서버에 전송하므로 모든 쿠키가 출력됩니다.

코드설명 01

<%
// 1. 클라이언트에 전송된 쿠키들을 가져오기
Cookie cks[] = request.getCookies(); // request 객체를 통해 클라이언트의 모든 쿠키를 배열형태로 가져옴

// 2. 특정 쿠키를 찾고 그 값을 출력하기
if(cks!=null){ // 쿠키가 존재하는지 확인
	for(int i=0;i<cks.length;i++) { // 모든 쿠키를 순회하면서
    	String key = cks[i].getName(); // 현재 쿠키의 이름을 가져옴
        String value = URLDecoder.decode(cks[i].getValue();) // 현재 쿠키의 값을  URL 디코딩하여 가져옴
        out.println("<h2>Key:"+key+"/Value:"+value+"</h2>"); // 쿠키의 이름과 값을 출력
    }
}
%>

쿠키 가져오기 : 'request.getCookies()'메서드를 통해 클라이언트에서 전송된 모든 쿠키를 배열로 가져옵니다.
쿠키 존재확인 : 가져온 쿠키 배열이 null이 아닌 경우에만 다음 작업을 수행합니다.
쿠키 반복 처리 : 각 쿠키에 대해 반복하면서 이름(getName())과 값(getValue())을 가져옵니다. 이때, 값은 URL 인코딩되어 있을 수 있으므로 URLDecoder.decode() 메서드를 사용해 디코딩합니다.

[출력화면🔽]

쿠키는 이름과 값 쌍으로 구성되어있습니다. 출력시 위와 같습니다.

쿠키 이름(Name) : 'JSESSIONID'
쿠키 값(Value) : '1002BD6197D52BE13E714C567D2DF02F'

코드설명 02

// 1. 새로운 쿠키객체 생성
String name = "홍길동";
name = URLEncoder.encode(name, "UTF-8"); // 값을 URL 인코딩 (공백 및 특수문자 처리를 위해 인코딩), 인코딩 방식은 UTF=8
Check ck = new Cookie("cname",name); // "cname" 이라는 이름으로 쿠키 객체 생성, 값은 인코딩된 "홍길동"

// 2. 쿠키의 유효 기간 설정
ck.setMaxAge(60*3); // 쿠키의 유효 기간을 3분(180초)로 설정

// 3. 생성한 쿠키를 클라이언트에 추가
response.addCookie(ck) // response 객체를 통해 클라이언트에 쿠키 전송

// 두 번째 쿠키객체 생성 및 설정
Cookie ck2 = new Cookie("cage","20"); // cage라는 이름으로 쿠키 객체 생성, 값은 "20"
ck2.setMaxAge(60*3); // 유효 기간을 3분으로 설정
response.addCookie(ck2); // 클라이언트에 쿠키 전송

쿠키 생성 : 'Cookie' 객체를 생성합니다. 첫 번째 쿠키는 "cname" 이라는 이름을 가지고 싶은 "홍길동" 입니다. 값은 URL 인코딩('URLEncoder.encode()')을 사용해 인코딩 합니다.

🦊 URLEncoder.encode()은 무엇인가요 ?

문자열을 application/x-www-form-urlencoded MIME 형식으로 인코딩을 하여서,
URL의 일부로 사용될 수 있도록 특수 문자와 공백을 인코딩하는 데 사용됩니다.

유효 기간 설정 : 'setMaxAge()'메서드를 사용하여 쿠키의 유효 기간을 초 단위로 설정합니다. 여기서는 3분(60초 * 3)으로 설정했습니다.
쿠키 추가 : 'response.addCookie()' 메서드를 사용하여 생성한 쿠키를 클라이언트로 전송합니다. 두 번째 쿠키는 "cage" 라는 이름을 가지고 값은 "20" 이며, 역시 3분 동안 유효합니다.

[출력화면🔽]

첫번째 생성한 쿠키객체

이름 (Key): 'cname'
값 (Value): 'honggildong'

두번째 생성한 쿠키객체

이름 (Key): cage
값 (Value): 20

안녕하세요!

이전 포스트

DBCP(DataBase Connection Pool)

다음 포스트

쿠키(Cookie) 🍪

DBCP(DataBase Connection Pool)

세션(session)

0개의 댓글