TIL [HTTP - 내가 만든 Cookie] #23.03.22

Cookie

쿠키는 서버에서 클라이언트에 데이터를 저장하는 방법의 하나이다.

서버가 원한다면 서버에서 클라이언트에 쿠키를 전송할 수 있고, 클라이언트에서 서버로 쿠키를 전송할 수도 있다.

즉, 서버가 클라이언트에 데이터를 저장할 수 있고, 원할 때 이 데이터를 다시 불러와 사용할 수 있다.

하지만 데이터를 저장한 이후 특정 조건들을 만족하는 경우에만 다시 가져올 수 있고, 이런 조건들은 쿠키 옵션으로 표현한다.

쿠키 옵션

Domain

• 쿠키 옵션에서 도메인은 포트 및 서브 도메인 정보, 세부 경로를 포함하지 않는 메인 도메인만을 의미한다.
• 쿠키 옵션에서 도메인 정보가 존재한다면 클라이언트에서는 쿠키의 도메인 옵션과 서버의 도메인이 일치해야만 쿠키를 전송할 수 있다.

Path

• 세부 경로는 서버가 라우팅할 때 사용하는 경로이다.
  • 명시하지 않으면 기본적으로 / 으로 설정되어 있다.
• Path 옵션은 설정된 path를 전부 만족하는 경우 요청하는 Path가 추가로 있더라도 쿠키를 서버에 전송할 수 있다.
  • ex) Path가 /admin으로 설정되어 있고, 요청하는 세부 경로가 /admin/view 인 경우 쿠키 전송 가능

MaxAge or Expires

• 쿠키가 유효한 기간을 정하는 옵션
  • MaxAge는 앞으로 몇 초 동안 쿠키가 유효한지 설정하는 옵션
  • Expires는 쿠키가 언제까지 유효한지 Date를 지정하는 옵션
• 지정된 시간, 날짜를 초과하게 되면 쿠키는 자동으로 파괴된다.
  • 옵션이 지정되지 않는 경우 브라우저의 탭을 닫아야만 쿠키가 제거된다.

Secure

• 쿠키를 전송해야 할 때 사용하는 프로토콜에 따른 쿠키 전송 여부를 결정한다.
  • 해당 옵션이 true로 설정된 경우, ‘HTTPS’ 프로토콜을 이용하여 통신하는 경우에만 쿠키를 전송한다.

HttpOnly

• 자바스크립트에서 브라우저의 쿠키에 접근 여부를 결정한다.
  • 해당 옵션이 true로 설정된 경우, 자바스크립트에서는 쿠키에 접근이 불가하다.
• 명시되지 않는 경우 기본으로 false로 지정되어 있다.
  • false인 경우 자바스크립트에서 쿠키에 접근이 가능하므로 ‘XSS’ 공격에 취약하다.

SameSite

• Cross-Origin 요청을 받은 경우 요청에서 사용한 메소드와 해당 옵션의 조합으로 쿠키 전송 여부를 결정한다.
  • Lax : Cross-Origin 요청이면 ‘GET’ 메소드에 대해서만 쿠키를 전송할 수 있다.
  • Strict : Cross-Origin이 아닌 same-site 인 경우에만 쿠키를 전송할 수 있다.
  • None : 항상 쿠키를 보내줄 수 있다. 다만 쿠키 옵션 중 Secure 옵션이 필요하다.

‘same-site’는 요청을 보낸 Origin과 서버의 도메인이 같은 경우를 말한다.

• 이러한 옵션들이 지정되면 서버에서 클라이언트로 쿠키를 처음 전송할 때 헤더에 Set-Cookie라는 프로퍼티에 쿠키를 담아 쿠키를 전송한다.
• 이후 클라이언트 혹은 서버에서 쿠키를 전송할 때 클라이언트 헤더에 Cookie라는 프로퍼티에 쿠키를 담아 서버에 쿠키를 전송하게 된다.

이러한 쿠키의 특성을 이용하여 서버는 클라이언트에 인증정보를 담은 쿠키를 전송하고, 클라이언트는 전달받은 쿠키를 요청과 같이 전송하여 Stateless 한 인터넷 연결을 Stateful하게 유지한다.

하지만 기본적으로 쿠키는 오랜 시간 동안 유지될 수 있고, 자바스크립트를 이용해 쿠키에 접근할 수 있기 때문에 쿠키에 민감한 정보를 담는 것은 위험하다.