<aside> 💡 목차
</aside>
document.cookie 속성을 사용
document.cookie에서 반환된 문자열을 분석
특정 쿠키의 이름을 찾아 그 값을 추출
쿠키 문자열 분리
쿠키 파싱
값 추출
사용 예제: 사용자의 'username' 쿠키 값을 검색하고 콘솔에 출력
// document.cookie = 'username= tedBlue1; path=/;'; // 앞선 예제에서 추가 했었음
document.cookie = 'age=100; path=/;';
function getCookieValue(cookieName) {
let cookies = document.cookie.split(';');
for (let i = 0; i < cookies.length; i++) {
let cookie = cookies[i];
let parts = cookie.split('=');
let name = parts[0].trim();
if (name === cookieName) {
return parts[1] || '';
}
}
return '';
}
let username = getCookieValue('username');
let age = getCookieValue('age');
// : 쿠키를 가져올 때 내용 값이 없는 경우 null을 반환
if (username && age) {
console.log(`username은 ${username}`);
console.log(`age는 ${age}`);
} else {
console.log('해당 쿠키를 찾을 수 없습니다.');
}
function updateCookie(name, value, daysToExpire = 1) {
let date = new Date();
date.setTime(date.getTime() + daysToExpire * (24 + 9) * 60 * 60 * 1000);
let expires = `expires= ${date.toUTCString()}`;
document.cookie = `${name} = ${value}; path=/; ${expires};`;
}
updateCookie('age', '500');
updateCookie('username', 'blueTed', 7);