localStorage와 sessionStorage은 무엇일까?

• 제한 용랑이 5MB => 그래서 database를 사용하는 것

localStorage

• 브라우저가 다르면 localstorage도 다르다.
  때문에 다른 브라우저에서 열면 localStorage에 저장했던 내용이 없다.

• 한 브라우저 내에 모든 탭과 창에서 공유된다.

• 브라우저나 컴퓨터를 껐다킨다 하더라도 localStorage의 데이터가 남아있음.

• 하지만 다른 컴퓨터로 접속하면 localStorage가 달라지기 때문에 기존 localStorage 데이터를 쓰지 못함.

• localStorage key,value는 모두 문자열이여야함.

sessionStorage

• 브라우저가 달라도 데이터를 기억

• sessionStorage 객체는 localStorage에 비해 자주 사용되진 않는다.

• 같은 페이지라도 다른 탭에 있으면 다른 곳에 저장된다.

• 페이지를 새로고침해도 데이터가 사라지지않음.
  하지만 탭을 닫고 새로 열때는 사라진다.

웹 스토리지 객체 조작은 모두 자바스크립트 내에서 수행됨.

• localStorage와 sessionStorage를 어떻게 활용할 수 있을까?

• Origin

• 웹 브라우저에서 탭마다 차이가 무엇일까?

• broadcast channel API : 오리진이 같은 창끼리 통신할 수 있도록 해주는 API