2015-10-26
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/