728x90
반응형
웹에서 자주 다루던 '아이디 기억하기' 를 해보려고 했던적이 있는데. 간단한 코드인데도 동작을 안하고.. 몇줄이나 따라서 썻지만 안되면 다 지우고 했던적이 한두번이 아닙니다.
찾다보니 간단하게 cookie를 사용할 수 있도록 jquery 에서 지원하는 plugin을 찾았습니다.
다운로드는 아래 url로 이동해서 받으면 됩니다.
https://plugins.jquery.com/cookie/
jQuery Cookie | jQuery Plugin Registry
jQuery Cookie by Klaus Hartl A simple, lightweight jQuery plugin for reading, writing and deleting cookies. Versions Version Date 1.4.1 Apr 27 2014 1.4.0 Oct 5 2013 1.3.1 Jan 25 2013 1.3.0 Jan 24 2013
plugins.jquery.com
요즘은 웹 cookie를 잘 사용하지 않고 기본적으로 javascript 에서 지원하기 때문에 version이 올라가지 않습니다.
Download now 를 클릭하여 다운로드를 받습니다.
Jquery 와 함께 load
다운로드를 받았다면 아래와같이 코드에 script를 불러옵니다.
<script type="text/javascript" src="https://code.jquery.com/jquery-x.x.x.min.js"></script>
<script type="text/javascript" src="jquery.cookie.js"></script>
Cookie 생성
// 세션 쿠키 생성 - 브라우저를 종료하면 소멸
$.cookie('name', 'value');
// 7일 뒤에 만료되는 쿠키 생성
$.cookie('name', 'value', { expires: 7 });
// 전체 사이트에 대해 7일 뒤에 만료되는 쿠키 생성
$.cookie('name', 'value', { expires: 7, path: '/' });
Cookie 조회
// key로 cookie 조회
$.cookie('name');
// {key: value} 형태의 모든 쿠키 반환
$.cookie();
Cookie 제거
// 기본 cookie 제거 방법
// 성공여부에 따른 boolean 값을 반환
$.removeCookie('name');
// domain 설정
$.cookie('name', 'value', { path: '/' });
// domain을 설정시 cookie 제거방법
$.removeCookie('name', { path: '/' });
간단하게 사용하는 방법을 알아보았습니다.
728x90
반응형
'프로그래밍 > JavaScript' 카테고리의 다른 글
| [Jquery] IE 에서 select option display:none 대응방안 (0) | 2019.07.01 |
|---|---|
| [Jquery] Textarea 자동 높이조절 라이브러리 (0) | 2019.06.29 |
