2019 Nam Insik Portfolio site ː Designed by werty.co.kr ː nis@werty.co.kr
 
 
 
 
 
 
 
 
jQuery-$.cookie 플러그인 사용법 (쿠키 활용편)
jquery.cookie
Filename : jquery-cookie.js (2 KB)
Caption :

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

 

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

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

 

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

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

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

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

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

nam insik

이메일 : nis@naminsik.com

.