jQuery-$.cookie 플러그인 사용법 (쿠키 활용편)

사용자의 쿠키를 이용해서 유동적으로 사이트를 운영할 때가 많다.

자바스크립트로 쿠키를 만드는 방법은 생략한다. (이미 검색하면 많이 나온다.)

제이쿼리는 플러그인 사용으로 간단하다.

일단 플러그인을 페이지내에 삽입해야한다.

해당 파일은 https://github.com/carhartl/jquery-cookie 이 곳에서 최신버전을 받아서 사용하거나 지금 필자가 쓰는 버전을 첨부파일로 넣을테니 다운받아 써도 상관없다. (다운받아 사용할 경우 차후에 새로 업데이트 된 버전이 아니라는 점은 염두해두길 바란다.)

<head>와 </head>사이 아래 코드를 삽입한다.

<script src="jquery.cookie.js"></script>  

 

1. 쿠키를 저장하는 방법은 아래와 같다.

 $.cookie('werty', 'sunday');

 werty는 쿠키이름, sunday는 그에 대한 값을 넣는 것이다.

sunday대신에 php 경우 $id 이런식으로 아이디 값을 넣어주면 해당 아이디가 쿠키로 저장된 것이다.

별달리 그냥 팝업창으로 쓸 때 필자는 sunday 부분에 ok라고 넣는다.

그리고 확장형은 아래와 같다.

$.cookie('werty', 'ok', { expires: 7, path: '/', domain: 'werty.co.kr', secure: false });

 expires : 만료일을 의미한다. 위 예제로 보면 7일동안 해당 쿠키를 유지한다는 이야기다.

path : 경로설정이다. 이 사이트의 모든 페이지가 해당된다면 / 이렇게 슬러시만 둔다. 그렇지 않고 특정 폴더라면 경로를 넣으면 된다.

domain : 쿠키가 적용될 도메인이다. 기본 설정은 쿠키가 만들어진 도메인이다.

secure : 기본 설정은 false로 되어있다. true/false 로 입력가능하며 true 일 경우 https 프로토콜만 적용된다.

 

2. 쿠키를 불러오는 방법은 아래와 같다.

 $.cookie('werty');

저장된 쿠키중에 werty의 값을 불러온다.

 

3. 쿠키를 지우는 방법은 아래와 같다.

$.cookie('werty', null);

 이렇게 하면 저장되어있던 werty의 값을 지운다.

다른 방법으로 만료일을 -1로 바꾸어 초기화시키는 방법도 있다.

$.cookie("werty", "sunday", { expires: -1 });

 만료일을 지난날로 지정해버리는 방법이다.

두방법다 초기화는 되지만 첫번째에서 주의할 점은 쿠키 저장시 자신이 설정한 도메인(domain)과 경로(path)가 디폴트가 아니라 설정했었다면 적용되지 않는다.

Subscribe
Notify of
guest

이 사이트는 스팸을 줄이는 아키스밋을 사용합니다. 댓글이 어떻게 처리되는지 알아보십시오.

6 댓글
Oldest
Newest
Inline Feedbacks
View all comments
양태호
양태호
9 years ago

잘 보고 갑니다 그런데 블로그 바닥 진짜 이쁘네요 ㅎㅎㅎㅎ

mynain
mynain
9 years ago
Reply to  양태호

감사합니다!! 좀 바꿔여하는데 이런 저런 핑계로 못바꾸고 있네요 ㅎ

john Kim
john Kim
9 years ago

인터넷 검색 중에 도움이 되는 글 보고 갑니다. 감사 드려요~^^

mynain
mynain
9 years ago
Reply to  john Kim

도움이 되셨다니 기쁘네요 ^^ 감사합니다.

JungMin Youn
JungMin Youn
7 years ago

언제나 해결방법을 검색하다보면 이곳에서 찾게 되네용. 감사합니다 ^^~!

naminsik
naminsik
7 years ago
Reply to  JungMin Youn

댓글 달아주셔서 감사합니다!! >_ <

TOP