자바스크립트에서의 쿠키

 <script type = "text/javascript">
  window.onload = pageLoad;
  function pageLoad(){
   notShowPop =getCookieValue();
   if(notShowPop!="true"){
      window.open("popUp.html","pop","width=400,height=500,history=no,resizable=no,status=no,scrollbars=yes,menubar=no");
   }
  }

  // 쿠키 읽어오는 함수
  function getCookieValue(){   
     var result="false";
   // 쿠키 여부 확인
    if(document.cookie != ""){
      cookie = document.cookie.split(";"); 
      for(var i=0; i<cookie.length;i++){
    element=cookie[i].split("=");
    value=element[0];                
    value=value.replace(/^\s*/,''); 
    if(value=="notShowPop"){
     result= element[1];
        }
      }
   }
   return result;
  }
 function  deleteCookie(){
    document.cookie = "notShowPop=" + "false" + ";path=/; expires=-1" ;
  }
 </script>

 

교재의 내용에서 자바스크립트로 설정하는 내용 부분을 확인

(왜 ;으로 나눠서 쿠키를 배열로 저장하는지, ;로 나눈 후에도 =로 또 구분)

 

• 각 쿠키의 쌍은 name=value
• 쌍은 세미콬론으로 구분
• path : 지정된 경로, 경로의 하위 경로에서만 해당 쿠키를 사용할 수 있도록 설정
• expiers: 쿠키 유효일을 날짜로 설정
• (메소드로 알아봤던 max-age로 설정 가능)
• max-age, expiers도 설정되어 있지 않으면 세션쿠키로 인식하고 브라우저가 닫히면 종료

 

출처 : 

https://ko.javascript.info/cookie