[HTTP] 쿠키에 대해 알아보자

내가 만든 쿠키~🍪

해당 글은 김영한 님의 HTTP 강의를 듣고 기록하기 위해 작성하는 글입니다.

---

1️⃣ 쿠키란? 🍪🍪

쿠키란 인터넷 사용자가 어떠한 웹사이트를 방문할 경우 사용자의 웹 브라우저를 통해 인터넷 사용자의 컴퓨터에 설치되는 작은 기록 정보 파일을 말한다.

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

 

쿠키를 사용하지 않으면?

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

무상태(Stateless) 프로토콜에 대해서는 다음 게시글을 참고하길 바란다.
[HTTP] HTTP에 대해 알아보자

 

모든 요청에 정보를 넘기는 문제

쿠키 미사용 시 모든 요청에 사용자 정보를 포함해야 함

쿠키를 사용하지 않을 때, 유저를 구분하기 위해 모든 요청에 사용자 정보를 포함할 수 있다.

하지만 모든 요청에 사용자 정보가 포함되도록 개발 해야 하며, 브라우저를 완전히 종료하고 다시 열었을 때 등 문제가 발생할 수 있다.

 

2️⃣ 쿠키를 사용하자!

따라서 유저의 정보를 기억하기 위해 쿠키를 사용한다.

쿠키 저장소에 유저의 정보가 저장

사용자가 로그인을 할 시 웹브라우저의 쿠키 저장소에 유저의 정보가 저장된다.

모든 요청에 쿠키 정보가 자동으로 포함 됨

모든 요청에 쿠키 정보가 자동으로 포함된다.

 

• 사용처
  • 사용자 로그인 세션 관리
  • 광고 정보 트래킹
• 쿠키 정보는 항상 서버에 전송됨
  • 네트워크 트래픽 추가 유발
  • 따라서 최소한의 정보만 사용해야 함(세션 id, 인증 토큰)
  • 서버에 전송하지 않고, 웹 브라우저 내부에 데이터를 저장하고 싶으면 웹 스토리지(localStorage, sessionStorage)를 사용하면 됨
• ⚠️ 보안에 민감한 데이터는 저장하면 안 됨(주민번호, 신용카드 번호 등)

 

🔹 쿠키 - 생명주기

• Set-Cookie: expires=Sat, 26-Dec-2020 04:39:21 GMT
  • 만료일로 세팅하는 방법
  • 만료일이 되면 쿠키 삭제
• Set-Cookie: max-age=3600 (3600초)
  • 초단위로 세팅하는 방법
  • 0이나 음수를 지정하면 쿠키 삭제
• 세션 쿠키: 만료 날짜를 생략하면 브라우저 종료시 까지만 유지
• 영속 쿠키: 만료 날짜를 입력하면 해당 날짜까지 유지

 

🔹 쿠키 - 도메인

• 예) domain=example.org
• 명시: 명시한 문서 기준 도메인 + 서브 도메인 포함
  • domain=example.org를 지정해서 쿠키 생성
    • example.org는 물론이고
      dev.example.org도 쿠키 접근(서브 도메인)
• 생략: 현재 문서 기준 도메인만 적용
  • example.org 에서 쿠키를 생성하고 domain 지정을 생략
    • example.org 에서만 쿠키 접근
      dev.example.org는 쿠키 미접근

 

🔹 쿠키 - 경로

• 입력한 경로를 포함한 하위 경로 페이지만 쿠키 접근
• 일반적으로 path=/ 루트로 지정
• 예)
  • path=/home 지정
  • /home -> 가능
  • /home/level1 -> 가능
  • /home/level1/level2 -> 가능
  • /hello -> 불가능

 

🔹 쿠키 - 경로

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