스토리지와 파일

* Cookie의 제한

- 지금까지 웹 브라우저 측에서 값을 저장하기 위한 기술로는 Cookie가 있었음.

- 하지만 Cookie는 서버와의 통신을 전제로 고려된 것으로, 저장 영역으로 사용하기에는 적합하지 않음.

- 보안상 문제로 인해 웹 브라우저에서 무효로 설정하고 있는 사람들도 있음.

- Cookie는 저장할 수 있는 용량이 4KB 밖에 되지 않음.

 

* HTML5의 스토리지

- HTML5에서는 데이터 저장을 위한 장치가 몇 가지 마련되어 있음.

- 모두 전용 JavaScript API(메서드, 프로퍼티)를 사용하여 조작함.

 

[Web Storage]

- 키와 값을 세트로 해서 데이터를 저장하는 방법.

- 간단히 일기 및 쓰기, 저장이 가능한 것이 특징

 

[Indexed Database API]

- 트랜잭션(일련의 처리를 하나로 모아 두고, 실패한 경우에는 전체를 원래 대로 되돌리는 장치)을 지원하는 데이터베이스를 구현함.

- 데이터는 아래와 같이 저장됨.

1. 하나의 데이터베이스는 여러 개의 오브젝트 스토어로 이루어짐.

2. 오브젝트 스토어의 데이터 한 건에는 JavaScript의 오브젝트를 한꺼번에 저장할 수 있음.

 

* File API

- File API는 클라이언트 환경에 있는 파일에 엑세스할 수 있는 JavaScript API.

- 파일의 내용뿐만 아니라 파일명의 종류나 파일 크기도 구할 수 있음.

- 또한 File API에서 취급할 수 있는 파일은 두 가지 종류임.

1. <input type="file">로 선택한 파일

2. 드래그 앤 드롭한 파일

 

내용 출처 : HTML5가 보이는 그림책 (ANK Co., Ltd 저, 성안당)