브라우저 데이터 쉐어링

브라우저 저장소는 크게 3가지로 document.cookie, localStorage, sessionStorage가 있는데, 데이터를 쉐어링하는 여부가 틀리다.

 

무슨 말이냐?

 

A 탭에서 각 3가지 저장소에 데이터를 저장한 화면

 

크롬 브라우저에서 네이버에 접속한 A탭에서 document.cookie와 localStorage, sessionStorage에 각각 a는 1이라는 데이터를 삽입하고 출력해보면 a=1 또는 a:1이라고 모두 잘 저장된걸 확인할 수 있다.

 

B탭에서 확인한 화면

그런데.. 같이 네이버에 접속한 B탭에서는 document.cookie와 localStorage만 선언되어 있고 sessionStorage는 a:1이 없다..

 

그렇다 localStorage는 각 탭과 데이터를 공유하지만, sessionStorage에서는 각 탭과 별개로 독립된 형태로 공유하지 않는 것이었다.

 

혹시나 개발할때 차이를 잘 고려해서 써먹어보자.

 

자세한건 하단의 링크를 확인하자!

 

https://ko.javascript.info/localstorage

localStorage와 sessionStorage