개발관련/javascript

cookie CRUD를 위한 유저 펑션

localslave 2022. 2. 4. 10:43
// 쿠키 저장
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