자바스크립트 sessionStorage

Window.sessionStorage 

 

페이지가 켜져있는동안은 sessionStorage 데이터가 유지된다.

 

#사용법(자바 map과 비슷)

1. 데이터 삽입, 조회
  sessionStorage.setItem("height","30");
  sessionStorage.getItem("height");
  > '30'
  
2. 데이터 삽입, 조회 
  sessionStorage.setItem("arrKey", new Array('1','2'))
  sessionStorage.getItem("arrKey");
  > '1,2'

3. 데이터 삭제
  sessionStorage.removeItem("height");
  sessionStorage.getItem("height");
  > null

 

#활용

 - 무한스크롤링 페이지 > 다른페이지로 이동 > 뒤로가기 > 이전에 보고 있던 스크롤위치로 원복시켜주기

  >  다른페이지 이동이전에 sessionStorage에 현재 사용자가 보고 있는 스크롤위치, 컨텐츠를 저장

      뒤로가기시 저장했던 데이터를 화면에 다시 노출시켜준다.(단, 이벤트는 다시 바인딩해줘야함)

 

 - 사용자가 상품을 보는 view 타입을 변경했을때 타페이지로 이동후, 해당페이지로 다시 돌아왔을경우에

   sessionStroage에서 기존에 보던 view를 유지시켜준다.