Cookie

쿠키는 서버에서 클라이언트에 데이터를 저장하는 방법으로

서버에서 클라이언트에 쿠키를 저장하는 것만 의미하는 것이 아니라

클라이언트에서 서버로 쿠키를 전송하는 것도 포함된다.

 

쿠키의 특징

 

서버가 클라이언트에 데이터를 저장할 수 있지만 가져올 때는 조건이 있다

쿠키 옵션을 만족하는 경우에만 클라이언트로부터 데이터를 가져올 수 있다.

 

다양한 쿠키 옵션이 존재하지만 주로 사용되는 것들은

Domain, Path, MaxAge, Expires, Secure, HttpOnly, SameSite 등이 있다.

 

Domain

https://n.news.naver.com/mnews/article/003/0011960011?sid=104

도메인은 서버에 접속할 수 있는 이름을 말하며

위의 주소에서는 naver.com 부분이 도메인에 해당하고

n.news 부분을 서브 도메인이라고 한다.

 

쿠키 옵션에 도메인 정보가 존재한다면 클라이언트는

쿠키와 서버 양쪽의 도메인이 일치해야만 쿠키를 전송할 수 있다.

 

Path

서버가 라우팅 할 때 사용하는 경로로

mnews/article 이런 부분들에 해당한다.

 

만약 Path가 mnews로 설정되어 있다면

해당 패스 뒤에 오는 추가 패스들에도 쿠키 전송이 가능하다

즉, mnews/article 은 가능하지만 xnews/article 같은 경우는 패스가 다르기 때문에 안된다.

 

MaxAge / Expires

쿠키가 언제까지 유효하게 할지 기간을 정하는 옵션이다.

 

MaxAge는 앞으로 몇 초 동안 쿠키가 유효한지 설정한다면

Expires는 언제까지 유효한지 Date를 지정한다.

 

해당 옵션들이 없는 쿠키는 브라우저가 실행 중일 때마 사용할 수 있고

브라우저 종료 시 삭제되기 때문에 세션 쿠키라고 한다.

 

해당 옵션들이 적용되면 지정된 기간만큼 사용가능한 쿠키이기 때문에

영속성 쿠키라고 한다.

 

Secure

쿠키를 전송해야 할 때 사용하는 프로토콜에 따른 전송 여부를 결정할 때 사용한다.

 

해당 옵션이 true라면 HTTPS 프로토콜을 사용한 통신만 가능하며

false라면 모든 프로토콜의 통신이 가능하다.

 

HttpOnly

자바 스크립트에서 브라우저의 쿠키에 접근을 허용할지 결정할 때 사용한다.

 

자바 스크립트에서 쿠키에 접근을 하는 것은 XSS 공격에 취약하기 때문에

기본값인 false 대신 true로 설정하여 접근하지 못하게 하는 것이 좋다.

 

SameSite

Cross-Site 요청을 받은 경우에 요청에서 사용한 메서드와 해당 옵션의 조합을 기준으로

서버의 쿠키 전송 여부를 결정한다.

Cross-Origin : 도메인, 프로토콜, 포트 중 하나라도 다른 경우

Cross-Site : eTLD+1이 다른 경우로, TLD는 .com, .org 같은 최상위 도메인을 말하며,
최상위 도메인의 왼쪽 하위 레벨의 도메인을 합친 것을 eTLD+1라고 한다.

https://da9dac.github.io
https://da8dac.github.io
io 같은 경우는 github.io를 하나의 TLD로 보기 때문에
eTLD+1에 해당하는 부분은 da9dac과 da8dac다.

위의 주소들은 eTLD+1가 서로 다르기 때문에 Cross-Site에 해당한다.

SameSite의 옵션은 아래와 같다.

• Lax : Cross-Site 요청이라면 GET 메서드에 대해서만 쿠키를 전송
• Strict : SameSite 요청인 경우에만 쿠키를 전송
• None : 항상 쿠키를 전송하지만 보안에 취약하여 Secure 옵션 필요

 

쿠키를 이용한 상태 유지

HTTP는 무상태성을 가지지만 이러한 쿠키의 특성을 이용하여상태를 가지고 통신을 할 수 있게 만들 수 있다.

 

하지만 쿠키는 오랜 시간 유지될 수 있고, 자바 스크립트를 통해 접근할 수 있어보안에 취약한 점이 있기 때문에 민감한 정보를 담는 것은 좋지 않다.