쿠키~🍪

해당 내용은 카카오 테크 캠퍼스의 1단계 1주차 강의를 들으며 작성한 내용입니다.

참고자료

쿠키란?

이름과 값의 쌍으로 구성된 작은 정보 (아스키 문자만 가능)

서버에서 생성 후 전송, 브라우저에 저장. 유효기간 이후 자동 삭제

서버에서 요청시 domain, path가 일치하는 경우에만 자동 전송

동작방식

1. 클라이언트 → 서버 : 로그인 요청
2. 서버: 클라이언트의 로그인 요청 유효성 확인, 응답 header에 set-cookieL user=chrisjune 추가하여 응답
3. 클라이언트: 이후 서버에 요청할 때 쿠키를 자동으로 요청헤더에 추가하여 요청

쿠키, 세션, JWT(토큰) 차이점

쿠키

서버가 우리에 관한 것을 기억하기 위해 우리의 브라우저에 데이터를 넣을 수 있는 시스템 서버와 클라이언트 사이의 매개체

↔ 로컬에 저장, 탈취와 변조가 가능, 브라우저를 종료해도 파일로 남아있음, 상대적으로 빠

세션

클라이언트와 서버 간 연결이 활성화된 상태로,

쿠키와 마찬가지로 로그인과 같은 사용자 인증을 할때 주로 사용

↔ 로컬과 서버에 저장, 브라우저 종료시 세션을 삭제, 상대적으로 안전

JWT

쿠키&세션 방식과 마찬가지로 서버로부터 받아서 요청할 때마다 같이 보내줘야함 서버에게 보여줘야 하는 신분증 같은 거

📌 용어 정리

• 쿠키 = 서버와 클라이언트 간 매개체
• 세션 = 쿠키랑 비슷. 대신 서버 쪽에 정보를 저장
• 토큰 = 서버에게 보여줘야하며, 서버가 기억하는 이상하고 무지 긴 string ~ like 신분증
• JWT = 정보를 갖고 있는 토큰. DB 없이 검증 가능

쿠키 생성

Cookie cookie = new Cookie("id", "asdf"); // 쿠키 생성
cookie.setMaxAge(60*60*24); // 유효기간 설정(초)
response.addCookie(cookie); // 응답에 쿠키 추가

응답 헤더

쿠키의 삭제 변경

Cookie cookie = new Cookie("id", ""); 
cookie.setMaxAge(0); // 유효기간 0으로
response.addCookie(cookie); // 응답에 쿠키 추가

Cookie cookie = new Cookie("id", ""); 
cookie.setValud(URLEncoder.encode("남궁성));
cookie.setDomain("www.fastcampus.co.kr");
cookie.setPath("/ch2");
cookie.setMaxAge(60*60*24*7);
response.addCookie(cookie); // 응답에 쿠키 추가

쿠키 읽어오기

Cookie[] cookies = request.getCookies();
for (Cookie cookie: cookies) {
	String name = cookie.getname();
	String value = cookie.getValue();
	System.out.printf("[Cookie] name = %s, value=%s\n", name, value);
}

쿠키 실습

로그인 정보 저장하기 (아이디기억)

package com.fastcampus.ch2;

import java.net.URLEncoder;

import javax.servlet.http.Cookie;
import javax.servlet.http.HttpServletResponse;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
@RequestMapping("/login")
public class LoginController {
	@GetMapping("/login")
	public String loginForm() {
		return "loginForm";
	}
	@PostMapping("/login")
	public String login(String id, String pwd, boolean rememberId, HttpServletResponse response) throws Exception {
		System.out.println("id="+id);
		System.out.println("pwd="+pwd);
		System.out.println("rememberId="+rememberId);
		// 1. id와 pwd을 확인
		if (!loginCheck(id, pwd)) {
			// 2-1. 일치하지 않으면 loginForm으로 이동
			String msg = URLEncoder.encode("id 또는 pwd가 일치하지 않습니다.", "utf-8");
			return "redirect:/login/login?msg=" + msg;		
		}
		// 2-2. id와 pwd 일치하면
		if (rememberId) {
			//			1. 쿠키 생성
			Cookie cookie = new Cookie("id", id);
			//		2. 응답에 저장
			response.addCookie(cookie);
		} else {
			Cookie cookie = new Cookie("id", id);
			cookie.setMaxAge(0);
			response.addCookie(cookie);
		}
		
		
		//		3. 홈으로 이동
		return "redirect:/";
	}
	private boolean loginCheck(String id, String pwd) {
		// TODO Auto-generated method stub
		return "asdf".equals(id) && "1234".equals(pwd);
	}
}

<input type="text" name="id" value = ${cookie.id.value}" placeholder="이메일 입력" autofocus>
<input type="password" name="pwd" placeholder="비밀번호">
<button>로그인</button>
<div>
    <label><input type="checkbox" name="rememberId" ${empty cookie.id.value ? "": "checked"}> 아이디 기억</label> |
    <a href="">비밀번호 찾기</a> |
    <a href="">회원가입</a>
</div>

아이디기억 체크 X - 쿠키 삭제

아이디 기억 체크 → 쿠키 생성 (id = asdf)