[Web API] localStorage와 sessionStorage

Published: 2017-02-03 by 놀이터흙이제맛

• Categories:
• web-api 18

• Tags:
• html-standard 8
• javascript 80
• localstorage 1
• sessionstorage 1
• web-api 20

• localStorage
• sessionStorage
• 같은 호스트인지 판단하는 기준
• 메서드

참고 문서

• Window.localStorage | MDN
• Window.sessionStorage | MDN

localStorage

localStorage는 브라우저 전체에서 공유되는 저장공간이다. 여러 창(혹은 탭)끼리도 같은 저장공간을 사용한다.

sessionStorage

sessionStorage는 localStorage와 다르게 Window마다 분리되는 저장공간이다. 브라우저의 다른 창(혹은 탭)에서는 Window가 다르므로 sessionStorage를 공유하지 않는다. Java Servlet에서 말하는 세션과는 다른 개념이므로 혼동하지 말자. 브라우저를 종료하면 자동으로 초기화된다.

같은 호스트인지 판단하는 기준

localStorage와 sessionStorage는 호스트의 프로토콜과 포트 번호 별로 각각의 저장소에 저장한다. 그래서 HTTP와 HTTPS는 도메인이 같아도 서로 데이터를 공유할 수 없으며, 포트 번호가 다를 때도 마찬가지다.

웹 API인 location.host는 포트번호를 포함하는데 아무래도 이것과 관련이 있는 것 같다:

console.log(location.host); // "localhost:8888"

메서드

TODO