Cookie 쿠키란?

YS_Study.log·2022년 3월 16일
0

Cookie 쿠키란?

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

  • 서버가 쿠키를 이용하여 클라이언트에 데이터를 저장할 수 있다.
  • 서버는 데이터를 저장한 이후 서버가 원한다면 이 데이터를 다시 가져와서 사용할 수 있다.
    BUT 특정 조건들이 만족하는 경우에만 가능하다!

쿠키 옵션

위에서 설명한 서버가 저장한 데이터를 다시 가져와서 사용할 수 있는 조건인, 쿠키옵션에 대해 알아보자!

Domain (도메인)

도메인은 www.google.com과 같은 서버에 접속할 수 있는 이름이다.
쿠키 옵션에서 도메인은 포트 및 서브 도메인정보(www같은 도메인 앞에 추가 작성되는 부분), 세부 경로를 포함하지 않는다.

쿠키 옵션에서 도메인 정보가 존재한다면 클라이언트에서는 쿠키의 도메인 옵션과 서버의 도메인이 일치해야만 쿠키를 전송할 수 있다.

ex) 요청 할 URL이 http://www.localhost.com:3000/users/login 인 경우 => Domain은 localhost.com이다.

Path (세부 경로)

세부 경로는 서버가 라우팅할 때 사용하는 경로이다.

  • defalut (기본 값): / 으로 지정

ex) 요청해야 하는 URL이 http://www.localhost.com:3000/users/login 인 경우 => Path, 세부 경로는 /users/login이다.

Path 옵션의 특징은 설정된 path를 전부 만족하는 경우 요청하는 Path가 추가로 더 존재하더라도 쿠키를 서버에 전송할 수 있습니다.
즉 Path가 /users로 설정되어 있고, 요청하는 세부 경로가 /users/login 인 경우라면 쿠키 전송이 가능합니다.

하지만 /user/login으로 전송되는 요청은 Path 옵션을 만족하지 못하기 때문에 서버로 쿠키를 전송할 수 없습니다.

MaxAge or Expires

클라이언트의 시간을 기준으로 쿠키가 유효한 기간을 정하는 옵션으로, 이후 지정된 시간과 날짜를 초과하게 되면 쿠키는 자동으로 파괴됩니다.

  • MaxAge: 앞으로 몇 초 동안 쿠키가 유효한지 설정
  • Expires: MaxAge와 비슷하지만, 언제까지 유효한지 Date날짜 를 설정

하지만 두 옵션이 모두 지정되지 않는 경우에는 브라우저의 탭을 닫아야만 쿠키가 제거된다.

Secure

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

true, false

true로 설정된 경우, 'HTTPS' 프로토콜을 이용하여 통신하는 경우에만 쿠키를 전송할 수 있다.

HttpOnly

  • true : 자바스크립트에서는 쿠키에 접근이 불가능한다.
  • default (기본 값) : false : 자바스크립트에서 쿠키에 접근이 가능하므로 'XSS' 공격에 취약합니다.

자바스크립트에서 브라우저의 쿠키에 접근 여부를 결정한다.

SameSite

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

  • Lax : Cross-Origin 요청이면 'GET' 메소드에 대해서만 쿠키를 전송할 수 있다.
  • Strict : same-site 인 경우에만 쿠키를 전송 할 수 있다.
  • None : 항상 쿠키를 보낼 수 있다. (+ 쿠키 옵션 중 Secure 옵션이 필요)

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

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

이후 클라이언트 혹은 서버에서 쿠키를 전송해야 한다면 클라이언트는 헤더에 Cookie라는 프로퍼티에 쿠키를 담아 서버에 쿠키를 전송하게 됩니다.

쿠키를 이용한 상태 유지

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

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

이런 인증정보를 탈취하여 서버에 요청을 보낸다면 서버는 누가 요청을 보낸 건지 상관하지 않고 인증된 유저의 요청으로 취급하기 때문에, 개인 유저 정보 같은 민감한 정보에 접근이 가능합니다.

참조
MDN - Set-Cookie Attributes

profile
느리지만 조금씩 공부하는 중 입니다. 현재 1년 6개월차 신입입니다 ><!

0개의 댓글