"HTML5 로컬 스토리지"의 두 판 사이의 차이

13번째 줄: 13번째 줄:
==저장/인출==
==저장/인출==
<source lang='javascript'>
<source lang='javascript'>
// 저장
localStorage.setItem("lastname", "Smith");
localStorage.setItem("lastname", "Smith");
// 인출
</source>
<source lang='javascript'>
localStorage.lastname = "Smith";
</source>
 
==인출==
<source lang='javascript'>
alert( localStorage.getItem("lastname") );
alert( localStorage.getItem("lastname") );
</source>
</source>
<source lang='javascript'>
<source lang='javascript'>
// 저장
localStorage.lastname = "Smith";
// 인출
alert( localStorage.lastname );
alert( localStorage.lastname );
// 제거
</source>
</source>



2015년 1월 13일 (화) 09:02 판

1 개요

HTML5 Local Storage, HTML Local Storage Objects
HTML5 로컬 스토리지, 로컬 저장소
  • 사용자 웹브라우저 측에 있는 저장소
  • 쿠키와 달리 용량이 상당히 큼
  • 도메인마다 저장소 격리됨
한 도메인 내에서는[1] 같은 데이터 접근 가능

2 종류

  • window.localStorage - 만료되지 않음
  • window.sessionStorage - 하나의 세션에 대한 자료 저장. 탭을 닫으면 데이터 사라짐

3 저장/인출

localStorage.setItem("lastname", "Smith");
localStorage.lastname = "Smith";

4 인출

alert( localStorage.getItem("lastname") );
alert( localStorage.lastname );

5 삭제

localStorage.removeItem("lastname");

6 같이 보기

7 주석

  1. 다른 페이지이더라도

8 참고 자료

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}