[JavaScript] Cookie

JavaScript를 이용해 Cookie를 다루는 예시입니다.

저의 경우 팝업 오늘하루 보지않기 기능을 구현하는데 이용했습니다.

 

JavaScript Cookie 조작

Console에서 호출한 쿠키

DOM 객체에 있는 쿠키를 자바스크립트를 이용하여 호출할 수 있습니다.

// Cookie 생성
var setCookie = function (name, value, end) {
	var todayDate = new Date();
	todayDate.setTime(todayDate.getTime() + (end*60*60*24*1000));//생성일로부터 1일간 유지
	var expires = "expires=" + todayDate.toUTCString();
	document.cookie = name + "=" + value + "; " + expires;
};
 

 

메서드를 통해 생성한 쿠키의 조회, 세미콜론(;) 으로 구분한다.

 

오늘하루 보지않기 체크여부를 변수에 넣어주고, 페이지 랜딩시에 조회해 팝업 유무를 결정했습니다.

이외 필요한 값을 저장후 조회하여 사용면 됩니다.