사용자의 쿠키를 이용해서 유동적으로 사이트를 운영할 때가 많다.
자바스크립트로 쿠키를 만드는 방법은 생략한다. (이미 검색하면 많이 나온다.)
제이쿼리는 플러그인 사용으로 간단하다.
일단 플러그인을 페이지내에 삽입해야한다.
해당 파일은 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)가 디폴트가 아니라 설정했었다면 적용되지 않는다.
잘 보고 갑니다 그런데 블로그 바닥 진짜 이쁘네요 ㅎㅎㅎㅎ
감사합니다!! 좀 바꿔여하는데 이런 저런 핑계로 못바꾸고 있네요 ㅎ
인터넷 검색 중에 도움이 되는 글 보고 갑니다. 감사 드려요~^^
도움이 되셨다니 기쁘네요 ^^ 감사합니다.
언제나 해결방법을 검색하다보면 이곳에서 찾게 되네용. 감사합니다 ^^~!
댓글 달아주셔서 감사합니다!! >_ <