[JS] 자바스크립트 쿠키 생성, 저장, 삭제 구현하기

 

 

쿠키(Cookie) 저장하기

var setCookie = function(name, value, exp) {
	var date = new Date();
	date.setTime(date.getTime() + exp*24*60*60*1000);
	document.cookie = name + '=' + value + ';expires=' + date.toUTCString() + ';path=/';
};

 

// setCookie(변수이름, 변수값, 기간);
setCookie("expend", "true", 1);

 

쿠키(Cookie) 가져오기

var getCookie = function(name) {
	var value = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
    
	return value? value[2] : null;
};

 

// getCookie(변수이름)
var is_expend = getCookie("expend");
console.log("쿠키 is_expend변수에 저장된 값: "+is_expend);

 

쿠키(Cookie) 삭제하기

var deleteCookie = function(name) {
	document.cookie = name + '=; expires=Thu, 01 Jan 1999 00:00:10 GMT;';
}

 

// deleteCookie(변수이름)
deleteCookie('name');

 

결과확인

개발자 도구를 킵니다

Application을 누릅니다.

왼쪽 Storage를 누르고 Cookies를 눌러 확인합니다.