[JavaScript] session 세션 사용방법 (sessionStorage)

자바스크립트 단에서 session을 사용하려면 sessionStorage를 이용하면 된다.

 

 sessionStroage 메서드 

sessionStroage에서 지원하는 메서드이다.

setItem(key, value) : session에 데이터를 저장한다.
getItem(key) : 세션에 key이름으로 저장된 데이터를 가져온다
removeItem(key) : key값을 넣어 session 데이터를 삭제
claer() : session에 저장 된 모든 데이터 삭제
key(number) : 세션의 특정 index의 데이터를 가져온다. 0부터 시작
length : session에 저장 된 데이터의 개수를 가져온다.

 

 사용방법 

sessionStorage.setItem('userId', 'tang'); //키 값 : userId, 데이터 : tang
sessionStorage.getItem('userId'); // -> tang 반환
sessionStorage.length; //1
sessionStorage.key(0); //tang
sessionStorage.removeItem('userId'); // 삭제되었음
sessionStorage.claer(); //세션 싹 비워줌

 

---

[출처 및 참고]

https://tang-co.tistory.com/86