Cookie

HTTP는 stateless(무상태성)이지만 우리의 정보가 유지되는 이유가 쿠키 덕분이다.
어떤 웹사이트를 들어갔을 때, 서버가 일방적으로 클라이언트에 전달하는 작은 데이터
서버가 웹 브라우저에 정보를 저장하고 불러올 수 있는 수단
단순히 서버에서 클라이언트에 쿠키를 전송하는 것만 의미하지 않고 클라이언트에서 서버로 쿠키를 전송하는 것도 포함된다.
해당 도메인에 대해 쿠키가 존재하면, 웹 브라우저는 도메인에게 http 요청 시 쿠키를 함께 전달
기본적으로 쿠키는 오랜 시간 동안 유지될 수 있고, 자바스크립트를 이용해서 쿠키에 접근할 수 있기 때문에 쿠키에 민감한 정보를 담는 것은 위험하다.

Cookie 전달 방법

다양한 옵션

서버는 쿠리를 이용하여 데이터를 저장하고 원할 때 이 데이터를 다시 불러와 사용할 수 있다.
하지만 데이터를 저장한 이후 아무 때나 데이터를 가져올 수 없다.
데이터를 저장한 이후 특정 조건들이 만족하는 경우에만 다시 가져올 수 있다.
이런 조건들은 쿠키 옵션으로 표현할 수 있다.
1. Domain
도메인: www.google.com과 같은 서버에 접속할 수 있는 이름
서버와 요청의 도메인이 일치하는 경우 쿠키 전송
만약 쿠키 옵션에서 도메인 정보가 존재한다면 클라이언트에서는 쿠키의 도메인 옵션과 서버의 도메인이 일치해야만 쿠키를 전송할 수 있다.
2. Path
서버와 요청의 세부경로가 일치하는 경우 쿠키 전송
세부 경로는 서버가 라우팅할 때 사용하는 경로
3. MaxAge or Expires

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

스크립트의 쿠키 접근 가능 여부 결정
자바스크립트에서 브라우저의 쿠키에 접근 여부를 결정한다.
만약 해당 옵션이 true로 설정된 경우, 자바스크립트에서는 쿠키에 접근이 불가능하다.
명시되지 않는 경우 기본으로 false로 지정되어 있다.
만약 이 옵션이 false일 경우 자바스크립트에서 쿠키에 접근이 가능하므로 XSS 공격에 취약하다.
5. Secure
HTTPS 프로토콜에서만 쿠키 전송 여부 결정
쿠키를 전송해야 할 때 사용하는 프로토콜에 따른 쿠키전송 여부를 결정한다.
만약 해당 옵션이 true로 설정된 경우, HTTP 프로토콜을 이용하여 통신하는 경우에만 쿠키를 전송할 수 있다.
6. SameSite

CORS 요청의 경우 옵션 및 메서드에 따라 쿠키 전송 여부 결정
Cross-Origin 요청을 받은 경우 요청에서 사용한 메소드와 해당 옵션의 조합으로 서버의 쿠키 전송 여부를 결정하게 된다.

• Lax :Cross-Origin 요청이면 'GET' 메소드에 대해서만 쿠키를 전송할 수 있다.
• Strict : Cross-Origin이 아닌 same-site 인 경우에만 쿠키를 전송 할 수 있다
• None: 항상 쿠키를 보내줄 수 있습니다. 다만 쿠키 옵션 중 Secure 옵션이 필요하다.
  이때 'same-site'는 요청을 보낸 Origin과 서버의 도메인이 같은 경우를 말한다.
  이러한 옵션들을 지정한 다음 서버에서 클라이언트로 쿠키를 처음 전송하게 된다면 헤더에 Set-Cookie라는 프로퍼티에 쿠키를 담아 쿠키를 전송하게 된다.
  이후 클라이언트 혹은 서버에서 쿠리를 전송해야 한다면 클라이언트는 헤더에 Cookie라는 프로퍼티에 쿠키를 담아 서버에 쿠키를 전송하게 된다.