jQuery 쿠키 라이브러리 사용하기
요즘은 jquery cdn 이런형태로 검색을 하면 쉽게 사용할 수 있는 cdn URL을 얻을 수 있습니다.
아래 min 파일 아닌것을 보면 소스가 길지 않습니다. 그렇기 때문에 어떻게 되어있는지 쉽게 파악이 됩니다.
https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js
쿠키에서 중요한것은 생성은 웹브라우저에서 한다는 것입니다.
서버에선 생성하라고 브라우저에게 알려 주는 역활을 합니다. 서버에서 생성하는게 아닙니다.
* 사용설명이 있는 곳
https://github.com/carhartl/jquery-cookie/blob/master/README.md
● 생성
$.cookie('test', 1, {expires: new Date(2023, 11, 12, 11, 11, 11), secure: true});
rmake1 = $.cookie('name1', 'test22', { path: '/', secure: true });
rmake2 = $.cookie('name2', 'value', { expires: 7, path: '/', domain: '.pabburi.co.kr' });
console.log(rmake1);
console.log(rmake2);
위 출력을 보면 바닐라 자바스크립에서 생성하는 그대로 문자열로 리턴 됩니다.
secure는 https만 사용 가능 합니다.
생성할때 path와 도메인에 대한 부분을 설정하면 삭제 할때도 같이 옵션을 줘야 합니다.
● 가져오기: 없으면 undefined
console.log(document.cookie);
list = $.cookie();
console.log(list);
cookie_name1 = $.cookie('name1');
cookie_name2 = $.cookie('name2');
console.log(cookie_name1, ' ', cookie_name2);
● 삭제: 실패하면 false 성공하면 true 반환된다
document.cookie = "name1=; expires=Thu, 01 Jan 1970 00:00:00 UTC";
rdel1 = $.removeCookie('name1', { path: '/'} );
rdel2 = $.removeCookie('name2', { path: '/', domain: '.pabburi.co.kr'} );
console.log('삭제: ', rdel1, ' - ', rdel2);
삭제할때는 생성할때 사용한 옵션을 줘야 합니다. secure, 만료일은 옵션주는것에 해당 안됩니다.
httpOnly 대한것은 여기서는 안됩니다.
