세션 스토리지 - sessionStorage

# 브라우저 종료가 아닌 현재 탭만 닫고 새 탭을 열었을 때 로그인 상태 유지하는 현상을 해결하기 위해 사용함.

로그인한 정보를 처음부터 sessionStorage 로 사용했다면 해결이 더 편했겠지만, localStorage를 사용한 경우 탭을 새로 열었을 때 데이터가 리셋(로그아웃)되지 않는다. 기존로직 수정 없이 sessionStorage를 추가하여 유효성 체크를 추가하여 해결함.

로직 요약) 로그인시 setItem  > 로그아웃시 removeItem or clear > 전체 공통 js 에서 function 자동 호출

//단순 예문 
//공통import js에서 sessionStorage 체크 function

var page_chkIntro = function() { // 탭종료시 로그아웃   
  var chkIntro = sessionStorage.getItem("key");  
  
  if(chkIntro == "ok" ){ // key 의 value 체크  
  
  }else{ // 세션에 담긴 key value 맞지 않거나 없을때  
 	 location.replace("http://www.google.com");  
  }  
}

$(document).ready(function() {
 page_chkIntro();
});

h

//jsp에서 사용 기본

//저장
sessionStorage.setItem("key", value);
//불러오기
sessionStorage.getItem( "key" );
//삭제
sessionStorage.removeItem("key");
//세션 전체 삭제
sessionStorage.clear();



/*
참고
localStorage 도 사용법은 동일하다.
*/
localStorage.setItem("key", value); 
localStorage.getItem("key"); 
localStorage.removeItem( "key" );
localStorage.clear();