Cookie

쿠키는 웹서버측 요청에 의해 브라우저에 저장되는 정보로 생성된 쿠키정보는 생성한 도메인에서 읽어들일 수 있다.

document.cookie = "username=John; expires=Thu, 18 Dec 2022 12:00:00 UTC; path=/"

let cookies = document.cookie;
console.log(cookies);
// Output: "username=John; expires=Thu, 18 Dec 2022 12:00:00 UTC; path=/"

예제는 `document.cookie`를 사용하고 쿠키를 생성하고 읽어들이는 간단한 예제이다.

예제처럼 쿠키는 `;` 세미콜론으로 값을 구분하며 각 값은 `key=value` 형태로 저장된다.

 

 

function getCookie(name) {
    let value = "; " + document.cookie;
    let parts = value.split("; " + name + "=");
    if (parts.length === 2) {
        return parts.pop().split(";").shift();
    }
}
console.log(getCookie("username")); // Output: "John"

위 예제처럼 `;`세미콜론으로 split해서 `username`키에 해당하는 값을 가져오는 과정이다.

split(";")함수의 실행결과는 배열이다.

배열에서 pop()함수는 첫번째 배열값을 제거하는 것이고 shift()은 맨마지막 배열값을 제거한다.

 

 

let date = new Date();
date.setTime(date.getTime() - 1);
document.cookie = "username=; expires=" + date.toUTCString() + "; path=/";

위 예제는 쿠키를 삭제하는 예제이다. `username`이라는 키에 대한 값을 초기화하고 expires에 이전시점을 지정하여  무효화한다.