// 쿠키 저장
var setCookie = function(name, value, day) {
var date = new Date();
date.setTime(date.getTime() + day * 60 * 60 * 24 * 1000);
document.cookie = name + '=' + value + ';expires=' + date.toUTCString() + ';path=/';
};
1# : 저장 함수, cookie 명, cookie 값, 기간을 파라미터로 받는다.
2# : Date 객체 생성
3# : 파라미터로 받은 day(기간)을 date 객체에 담는다. 1/1000 초 임으로 60*60*24*1000 으로 1일을 만든다.
4# : cookie를 셋팅한다.
// 쿠키 조회
var getCookie = function(name) {
var value = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
return value? value[2] : null;
};
1# : 조회 함수, cookie 명을 파라미터로 받는다.
2# : 해당하는 이름을 가진 cookie를 조회한다.
3# : 조회한 cookie를 반환한다.
// 쿠키 삭제
var deleteCookie = function(name) {
var date = new Date();
date.setTime(date.getTime() - 100);
document.cookie = name + "= " + "; expires=" + date.toUTCString() + "; path=/";
};
1# : 삭제 함수, cookie 명을 파라미터로 받는다.
2# : Date 객체 생성
3# : 해당하는 이름을 가진 cookie를 현재 날짜로 수정한다. 현재 날짜가 지나자마자 사라짐으로 삭제된다고 볼 수 있다.
// 사용례
setCookie("test", "test1234", 1);
alert(getCookie("test"));
deleteCookie("test");
alert(getCookie("test"));
1# : test라는 이름과 test1234라는 값을 가지며 1일동안 유지되는 cookie를 생성
2# : test 라는 이름의 cookie를 조회
3# : test 라는 이름의 cookie를 삭제
4# : test 라는 이름의 cookie를 조회
참조(여기서 긁어옴)
javascript cookie 사용하기 (tistory.com)
javascript cookie 사용하기
javascript cookie 사용하기 javascript 로 cookie 를 사용하는 방법이다. 기본적으로 document 에서 cookie를 제공하는데 이를 더욱 간편하게 사용하기 위해서는 자주사용하는 기능들을 미리 만들어 두면 편
cofs.tistory.com
'개발관련 > javascript' 카테고리의 다른 글
JS에서 Enum-like한 상수 만들기. (0) | 2024.09.20 |
---|---|
Object에서 array.map을 이용할 방법 (0) | 2024.08.30 |
js 파일 인클루드를 위한 방법 (0) | 2022.02.04 |
enter 입력시의 이벤트에 관해 (0) | 2022.01.30 |