📲 localStorage

김철준·2022년 2월 23일
0

Web API

목록 보기
1/1

localStorage와 sessionStorage은 무엇일까?

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

localStorage

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

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

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

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

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

sessionStorage

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

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

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

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

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

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

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

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

profile
FE DEVELOPER

0개의 댓글