목차
- 쿠키 사용 위한 필수 조건
- 쿠키 생성(=설정=만들기)
- 쿠키 얻기(=가져오기=사용)
- 쿠키 삭제(=제거)
쿠키 사용 위한 필수 조건
※ <head> 태그 안에 jQuery 및 jQuery Cookie 플러그인 로드 추가.
<head>
<!-- jQuery 로드 -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- jQuery Cookie 플러그인 로드 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
</head>
쿠키 생성(=설정=만들기)
※ $.cookie(name, value, option) 메서드 사용.
<script>
$(document).ready(function () {
// 쿠키 설정
$.cookie('site', '홈짱닷컴');
$.cookie('host', 'Homzzang.com', { expires: 7 });
});
</script>
PS. 코드 설명
- $.cookie(name, value, options); // (이름, 값, 옵션) 순
- site 쿠키에 '홈짱닷컴' 값 설정. (만료기간 미지정돼서 세션 쿠키로 취급되어 브라우저가 닫히면 자동으로 삭제됨.)
- host 쿠키에 'Homzzang.com' 값 설정. (7일간 유효.)
쿠키 얻기(=가져오기=사용)
※ $.cookie(name) 메서드 이용.
<script>
$(document).ready(function () {
// 쿠키 가져오기
var site = $.cookie('site');
var host = $.cookie('host');
// 가져온 쿠키를 출력
console.log('사이트: ' + site); // 홈짱닷컴
console.log('호스트: ' + host); // Homzzang.com
});
</script>
쿠키 삭제(=제거=지우기)
※ $.removeCookie() 메서드 사용.
<script>
$(document).ready(function () {
// 쿠키 삭제
$.removeCookie('site');
});
</script>
PS. (쿠키/세션/캐시) 차이점 보기
