오늘은 접속자 로그 같은걸 쌓아야 할때 사용하는 쿠키 값 생성하기를 소개합니다.
(내가 만든 쿠키~) ???
지금 보여드리는 코드는 하루에 한번씩 초기화되는 // 로그중복 어뷰징 방지
그리고 쿠키를 삭제하는 deleteCookie() 함수가 포함된 코드입니다.
복붙용 코드
//접속 로그
fnGenerateUid = function(){
return '' + Math.random().toString(36).substring(2, 11) + Date.now().toString().substring(0,10);
}
setCookie = function (name, value, day){
var date = new Date();
date.setTime(date.getTime() + day * 60 * 60 * 24 * 1000);
document.cookie = name + '=' + value + ';expires=' + date.toUTCString() + ';path=/';
}
deleteCookie = function(name){
var date = new Date();
document.cookie = name + "= " + "; expires=" + date.toUTCString() + "; path=/";
}
getCookie = function(name) {
var value = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
return value? value[2] : null;
}
if(!getCookie('COOKID')){
setCookie('COOKID', fnGenerateUid(), 1);
}
var cooKid= getCookie('COOKID');
console.log(cooKid);
fnGenerateUid를 통해 쿠키의 문자열을 생성하고
접속할 때 COOKID라는 쿠키 값이 없으면
setCookie() 함수를 사용하여 24시간 유지되는 쿠키 값을 생성합니다.
쿠키가 제대로 생성했는지 확인하기 위해서 f12를 누른 개발자 도구창에서
애플리케이션 쿠키를 확인하면 COOKID가 제대로 생성된 것을 확인할 수 있습니다
그리고 삭제하는 것도 확인해보면...
애플리케이션 쿠키에서 삭제된 것을 확인할 수 있습니다.
(정확하게는 유지시간을 현재시로 맞춰서 만료시켜버림)
'Javascript' 카테고리의 다른 글
| [Javascript] 객체 배열 키 값 변수로 확인하기 / 객체에 변수로 배열 넣기 (2) | 2023.12.04 |
|---|---|
| [Javascript] Javascript 배열, 객체 문자열 자르기 2탄 array.split() (0) | 2023.11.15 |
| [Javascript] Javascript 배열 / 문자열 거르기 1탄 array.filter() (0) | 2023.11.08 |
| [Javascript] 복수 선택자(querySelectorAll, getElementsbyClassName)에 이벤트 바인딩하기(addEventListener) (0) | 2023.11.05 |
| [Javascript] 배열, 객체 배열 순회하기 map(), forEach() (2) | 2023.11.02 |