본문 바로가기
내가만드는것_만든것/오픈소스

브라우저 수명주기인 browser-session storage

by Joseph.Lee 2022. 5. 10.

 

ⓒ Freepik - Flaticon

 

WebStorage 에는 LocalStorage와 SessionStorage 가 존재합니다.

 

LocalStorage 는 모든 탭/새 창에서 공통으로 쓰이며, 브라우저가 종료되어도 남아있습니다.

SessionStorage 는 동일한 해당 탭 또는 창으로부터 열린 페이지에서만 사용할 수 있습니다.

 

그런데 브라우저와 동일한 수명 주기를 갖는 - 브라우저의 모든 창에서 해당 사이트가 닫힐 때 까지 - 스토리지는 없을까? 하다가 만들었습니다.

수명을 정한다면 쿠키가 있는데 (일반적으로 쿠키는 특정 시간 이후 없어지니), 쿠키와는 달리 서버로 전송하지 않는 데이터가 필요했습니다.

 

https://www.npmjs.com/package/browser-session

 

browser-session

Latest version: 1.0.4, last published: 3 hours ago. Start using browser-session in your project by running `npm i browser-session`. There are no other projects in the npm registry using browser-session.

www.npmjs.com

 

자세한 것은 README 참고!

 

SessionStorage 와 LocalStorage 둘 다 사용해서 이와 같은 수명주기를 구현했습니다.

SessionStorage 는 암호화 키를 저장하고, Local Storage 에 실제 데이터를 저장하거나 탭/창 간 통신에 사용하여 사이트의 모든 창/탭이 닫혔을 때 암호화 키가 사라져 LocalStorage 에 저장 된 데이터를 사용하지 못하게 합니다.

 

반응형

댓글