자바스크립트 쿠키 (Cookie) 사용 방법

자바스크립트에서 쿠키를 사용할 때 함수로 만들어 놓으면 편리합니다.

 

쿠키 (Cookie)는 언제 사용하나요?

쿠키는 서버가 아닌 클라이언트측에 사용하는 저장소로, 간단한 정보 저장에 활용됩니다. 저장 용량이 제한적이기에 간단한 텍스트 정보 정도만 저장할 수 있습니다. 더 많은 정보를 담기 위해서는 HTML5의 localStorage나 sessionStorage를 사용할 수 있습니다.

 

쿠키 저장하기

 var setCookie = function(name, value, exp) {
      var date = new Date();
      date.setTime(date.getTime() + exp*24*60*60*1000);
      document.cookie = name + '=' + value + ';expires=' + date.toUTCString() + ';path=/';
  };

setCookie() 사용자 함수는 setCookie("변수이름", "변수값", 기간); 의 형태로 호출합니다.

 

쿠키 가져오기

  var getCookie = function(name) {
      var value = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
      return value? value[2] : null;
  };

getCookie() 사용자 함수는 getCookie("변수이름") 의 형태로 호출합니다.

 

쿠키 삭제하기

  var deleteCookie = function(name) {
      document.cookie = name + '=; expires=Thu, 01 Jan 1999 00:00:10 GMT;';
  }

deleteCookie() 사용자 함수는 deleteCookie("변수이름") 의 형태로 호출합니다.