26. JavaScript. 쿠키(Cookie)

쿠키(cookie) ?

1)

- 텍스트 파일에 저장된 데이터

- 상태관리 (로그인, 권한 등)

- 클라이언트(브라우저) 요청

2)

- 쿠키이름 == 쿠키 값

3)

자바스크립트 쿠키 생성 / 수정 / 삭제

document.cookie 속성을 사용해서 쿠키 생성, 수정, 삭제 작업 

-  쿠키 수정은 주로 덮어쓰기로 작업된다.

- 쿠키 삭제는 만료시점을 과거로 돌린다.

document.cookie = 쿠키 생성

 document.cookie = 쿠키 값 가져오기

function setCookie(key, value){//쿠키생성
    //만료시점(오늘 + 10일)
    var today = new Date();
    today.setDate(today.getDate()+10);
    // 쿠키 생성한 코딩.
    document.cookie = key+"="+escape(value)+"; expires="+ today.toGMTString() +";path=/";
}
 
function getCookie(key){ //쿠키읽기
    //alert(document.cookie);
    var allCookies =  document.cookie;
    
    var cookies = allCookies.split("; ")
    // admin=1234
    // kenik=1234;
    for (var i = 0; i < cookies.length; i++) {
        var kvArr = cookies[i].split("=")
        if(kvArr[0] == key){
            return unescape(kvArr[1]);
        }
    }
    return null;
    
}
 
function delCookie(key){ //쿠키삭제
    var today = new Date();
    today.setDate(today.getDate()-1);
    // 쿠키 생성한 코딩.
    document.cookie = key+"=;expires="+ today.toGMTString() +";path=/";
}

쿠키예제