Web Storage (세션 스토리지)

• 클라이언트 디스크에 소량에 데이터를 저장해 두기 위한 저장소
• Web Storage 등장이전 임시저장소로 Cookie를 사용
• 단순하게 키 – 값으로 구성
• Web Storage 종류로 ‘로컬 스토리지’, ‘세션 스토리지’ 두 가 스토리지 존재

원도우마다 유효범위, 생존기간을 가짐
같은 도메인에 같은 페이지라도 탭 또는 팝업으로 각각 다른 원도우에 열릴 시 각각에 원도우마다 세션 스토리지가 생성
원도우가 닫히면 세션 스토리지도 삭제 됨

스토리지 저장

sessionStorage[“키”] = “값”;
sessionStorage.setItem(“키”, “값”);

스토리지 삭제

delete sessionStorage[“키”];
sessionStorage.removeItem(“키”);

모든 스토리지 삭제

sessionStorage.clear();

스토리지 읽기

var val = sessionStorage[“키”];
var val = sessionStorage.getItem(“키”);

스토리지 루프 처리

for(var i = 0; i < sessionStorage.length; i++ ) {
	var key = sessionStorage.key(i);
}

예제)

<script type="text/javascript">
    /**
    *   스토리지 저장
    */
    function Save() {
        var key = document.getElementById("key");
        var val = document.getElementById("val");
        sessionStorage[key.value] = val.value;  // 세션 스토리지에 데이타를 저장한다.
        ShowStorage();
    }
 
    /**
    *   스토리지 출력
    */
    function ShowStorage() {
        var storage = document.getElementById("storage");
                storage.innerHTML = "";
        for(var i = 0; i < sessionStorage.length; i++) {
            var k = sessionStorage.key(i);  // 세션 스토리지에 키값을 얻는다.
            storage.innerHTML += '<div>' + k + ' : ' + sessionStorage[k] + '<input type="button" value="삭제"';
            storage.innerHTML += ' onclick="DeleteStorage(\'' + k + '\')"/></div>';
        }
    }
     
    /**
    *   스토리지 삭제
    */
    function DeleteStorage(key) {
        delete sessionStorage[key]; // 세션 스토리지에 key값에 해당하는 데이타를 삭제한다.
        ShowStorage();
    }
     
    /**
    *   스토리지 모든 데이타 삭제
    */
    function ClearStorage() {
        sessionStorage.clear(); // 세션 스토리지를 전부 지운다.
        ShowStorage();
    }
</script>
 
<h1>세션 스토리지</h1>
키:<input id="key" type="text">
값:<input id="val" type="text">
<input type="button" value="저장" onclick="Save()">
<input type="button" value="모두 삭제" onclick="ClearStorage()">
<input type="button" value="새창" onclick="window.open(location.href)">
<h3>세션 스토리지 내역</h3>
<div id="storage"></div>

 

 

 

안드로이드 게임들(Android games)