본문 바로가기
Language/JavaScript

[JavaScript] session 사용하기 (feat. sessionStorage)

by 썸머워즈 2020. 1. 12.
반응형

- 자바스크립트에서 세션 사용하기 -


jstl이나 스크립틀릿이 아닌

<script>영역에서 session을 사용하는 방법은

sessionStorage 라는 녀석을 사용하면 된다.

 

sessionStorage에서 지원하는 메서드는 다음과 같다.

 

▷sessionStorage 지원 메서드 목록

메서드 설명
setItem(key, value)  세션에 value(데이터)를 key 이름으로 저장한다.
getItem(key)  세션에 key 이름으로 저장된 데이터를 가져온다.
removeItem(key)  세션에 있는 특정한 key 값의 데이터를 삭제한다.
clear()  세션에 저장된 모든 데이터를 전부 삭제한다.
key(number) 세션의 특정 순서(index)의 데이터를 가져온다. (0번부터 존재)
length  sessionStorage에 저장된 데이터의 개수를 가져온다.

 

예제를 통해 실제 사용법에 대해 알아보자.

 

var sessionData = "mineItRecord";

sessionStorage.setItem("mineSession", sessionData ); // 저장
sessionStorage.getItem("mineSession"); // mineItRecord
sessionStorage.length; // 1
sessionStorage.key(0); // mineItRecord
sessionStorage.removeItem("mineSession"); // 삭제
sessionStorage.clear(); // 전체삭제
반응형


댓글

TOP