HTML5에는 localStorage라는게 있다.
간단히 설명하면, 클라이언트에 영구적으로 저장되는 배열형 변수라고 생각하면 된다.
이 localStorage는 해당 브라우저가 삭제되지 않는 한 계속 남아 있게 된다.
사용 방식은 대충 아래와 같다.
<script>
// 값 할당
localStorage.setItem('b1ix','net');
localStorage['post_no'] = 232; //값은 숫자든 문자든 상관 없이 문자 취급된다.
localStorage['b1ix_name'] = 'b1ix';
localStorage[1] = 'number';
localStorage['1'] = 'string'; //키값도 숫자든 문자든 상관 없이 문자 취급된다.
console.log( localStorage );
console.log( localStorage.getItem('b1ix') );
console.log( localStorage['post_no'] );
console.log( localStorage.key(2) ); //키값으로 값 가져오기
// 할당된 길이
console.log(localStorage.length);
// 할당된 특정값 지우기
localStorage.removeItem('b1ix');
console.log( localStorage );
// 모든값 지우기
localStorage.clear();
console.log( localStorage );
</script>
Storage {1: "string", b1ix: "net", b1ix_name: "b1ix", post_no: "232"}
net
232
b1ix_name
4
Storage {1: "string", b1ix_name: "b1ix", post_no: "232"}
Storage {}
그리고 이 저장 공간은 브라우저 마다 크기가 다르다. 자세한것은 아래 표를 참조 하길 바란다.
Mobile browsers:
Browser |
Chrome |
Android Browser |
Firefox |
iOS Safari |
Version |
40 |
4.3 |
34 |
6-8 |
Space available |
10MB |
2MB |
10MB |
5MB |
Desktop browsers:
Browser |
Chrome |
Opera |
Firefox |
Safari |
Internet Explorer |
Version |
40 |
27 |
34 |
6-8 |
9-11 |
Space available |
10MB |
10MB |
10MB |
5MB |
10MB |
참고 :
http://www.sitepoint.com/html5-local-storage-revisited/