javascript 자바스크립트 쿠키 생성 및 가져오기 방법

자바스크립트를 통해 쿠키 설정을 할때 아래의 함수를 이용하시면 편리 합니다.

쿠키는 키에 값을 넣어 저장하고 불러오고 다시 재설정하는 방식으로 제어하며 사용합니다.

쿠키는 저장하는 방식에는 서버 또는 클라이언트 브라우져에 저장하며 사용을 합니다.

중요한 값이 아닐 경우 보통은 클라이언트(사용자) 브라우져에 저장하며 쉽게 쓰고 지웁니다.

 

 

 

아래 소스코드를 보시면 저장할때 setCookie(키이름, 값,  저장날짜) 이렇게 3가지의 값이 필요합니다.

불러 올때는 getCookie(키이름)만 불러와서 키에 입력된 값을 변수에 저장한 후 여러 형태의 조건문 반복문등에 활용하여 사용됩니다.

 

 

 

setCookie("Ck_01","on","1") //변수, 변수값, 저장기간

//쿠키값 "Ck_01"에 on값을 저장합니다. 1은 Day 하루 동안을 의미합니다.



/***

EX) Ck_01의 값을 on이 아닌 1,2,3,4,5,6..... a,b,c,d,e,f등 원하는 문자 숫자등을 사용하실 수 있습니다.

     각각의 값에 따라 if() elseif() else() 조건문 또는 swich case문등을 통해 입력변수 실행을 하실 수 있습니다.

***/



var checkEvent = getCookie("Ck_01");

//checkEvent 라는 변수를 만들어 브라우져 쿠키 "Ck_01" 값을 가져 옵니다.



if(checkEvent == "on") {

 //쿠키값에 on이 저장되었을 경우 

} else {

 //쿠키값이 없을 경우

}


// 쿠키 생성 함수
function setCookie(cName, cValue, cDay){
var expire = new Date();
expire.setDate(expire.getDate() + cDay);
cookies = cName + '=' + escape(cValue) + '; path=/ '; // 한글 깨짐을 막기위해 escape(cValue)를 합니다.
if(typeof cDay != 'undefined') cookies += ';expires=' + expire.toGMTString() + ';';
document.cookie = cookies;
}



// 쿠키 가져오기 함수
function getCookie(cName) {
cName = cName + '=';
var cookieData = document.cookie;
var start = cookieData.indexOf(cName);
var cValue = '';
if(start != -1){
start += cName.length;
var end = cookieData.indexOf(';', start);
if(end == -1)end = cookieData.length;
cValue = cookieData.substring(start, end);
}
return unescape(cValue);
}