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 에 저장 된 데이터를 사용하지 못하게 합니다.
'내가만드는것_만든것 > 오픈소스' 카테고리의 다른 글
| non-standard port 사용하는 gitlab 에서 go get 오류 해결 (1) | 2023.01.04 |
|---|---|
| Go-lang TLS-PSK implementation (0) | 2022.12.01 |
| vue.js & single-spa 예제 (실시간 개발) (0) | 2021.09.10 |
| github action으로 skp to stl 자동화 (0) | 2021.05.31 |
| 오픈소스 기여 (0) | 2020.10.27 |
댓글