일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- Oracle
- php
- devops
- Web Server
- Git
- 맛집
- elasticsearch
- MySQL
- Spring Batch
- ReactJS
- JVM
- Spring
- IntelliJ
- laravel
- javascript
- AWS
- Gradle
- tool
- db
- Design Patterns
- springboot
- redis
- 요리
- ubuntu
- Spring Boot
- linux
- java
- jsp
- it
- jenkins
- Today
- Total
목록Browser (2)
아무거나
indexedDB: WebStorage 로 커버가 불가능한 복잡한 데이터 구조 또는 많은 데이터를 저장하고 관리해야 하는 경우에 사용하며 메일 클라이언트, 할 일 목록 등 작업에 유용특징javascript 기반의 객체지향 데이터 베이스 즉, javascript 가 인식할 수 있는 자료형과 객체를 저장할 수 있다. (localStorage 는 String 형태만 저장 가능)트랜잭션을 사용하며 Key-Value 데이터 베이스이다.비동기 API 이다.색인을 사용하여 복잡한 쿼리를 가능하게 하여 검색 성능을 향상장기 데이터 저장, 브라우저 재 시작 및 시스템 충돌 방지 기능을 제공그 외localStorage 에 비해 속도가 느림(Trade-Off)사용자가 수동으로 삭제하지 않는 이상 데이터가 계속 남아있음사용법..
HTML5에서는 클라이언트측에 저장하는 2개의 객체를 제공한다. 하나의 세션 단위로 데이터를 저장하는 SessionStorage와 만료 기간이 없는 LocalStorage가 있다. 사용법은 아래 코드를 참고하자.- LocalStorage ``` localStorage.setItem('foo', 'bar'); localStorage.getItem('foo'); // "bar"를 출력 localStorage.removeItem('foo'); // "foo" 키를 지운다. localStorage.clear(); // 모두 지운다. localStorage.length; // 저장된 키의 개수 localStorage.key('bar'); // "foo"를 출력 -> 즉, 값으로 키를 찾음 ``` - Session..