HTTP 쿠키

  • Set-Cookie: 서버에서 클라이언트로 쿠키 전달
  • Cookie: 클라이언트가 서버에서 받은 쿠키를 저장하고, HTTP 요청시 서버로 전달

Stateless

  • HTTP는 무상태 프로토콜이다.
  • 클라이언트와 서버가 요청과 응답을 주고 받으면 연결이 끊어진다.
  • 클라이언트가 다시 요청하는 서버는 이전 요청을 기억하지 못한다.
  • 클라이언트와 서버는 서로 상태를 유지하지 않는다.

쿠키

  • set-cookie: sessionId=abcde1234; expires=Sat, 26-Dec-2020 00:00:00 GMT; path=/; domain=.google.com;Secure
  • 사용처
    • 사용자 로그인 세션 관리
    • 광고 정보 트래킹
  • 쿠키 정보는 항상 서버에 전송됨
    • 네트워크 트래픽 추가 유발
    • 최소한의 정보만 사용(세션 id, 인증 토큰)
    • 서버에 전송하지 않고, 웹 브라우저 내부에 데이터를 저장하고 싶으면 웹 스토리지를 (localStorage, sessionStorage) 사용하면 된다. 클라이언트 내부 로직에서 사용하고 싶을 경우.
  • 보안에 민감한 데이터는 저장하면 안 된다.(주민번호, 신용카드 번호 등등)

생명주기

  • set-cookie: expires=Sat, 26-Dec-2020 00:00:00 GMT;
    • 만료일이 되면 쿠키 삭제
  • set-cookie: max-age=3600 (3600초)
    • 0이나 음수를 지정하면 쿠키 삭제
  • 세션 쿠키: 만료 날짜를 생략하면 브라우저 종료시까지만 유지
  • 영속 쿠키: 만료 날짜를 입력하면 해당 날짜까지 유지

도메인

  • domain=google.com

  • 명시: 명시한 문서 기준 도메인 + 서브 도메인 포함

    • domain=google.com를 지정해서 쿠키 생성
      • google.com는 물론이고 dev.google.com도 쿠키 접근

  • 생략: 현재 문서 기준 도메인만 적용

    • google.com 에서 쿠키를 생성하고 domain 지정을 생략
      • google.com 에서만 쿠키 접근
      • dev.google.com는 쿠키 미접근

경로

  • 일반적으로 path=/로 지정
  • 만약 path=/home이라고 지정을 했다면, 이 경로를 포함한 하위 경로 페이지만 쿠키 접근 가능
    • /home/about
    • /home/about/resume
    • /hello - 불가능

보안

  • Secure
    • 쿠키는 http, https를 구분하지 않고 전송
    • Secure를 적용하면 https인 경우에만 전송
  • HttpOnly
    • XSS 공격 방지
    • 자바스크립트에서 접근 불가(document.cookie)
    • HTTP 전송에만 사용
  • SameSite
    • XSRF 공격 방지
    • 요청 도메인과 쿠키에 설정된 도메인이 같은 경우만 쿠키 전송
Back to the blog