HTML5 로컬 저장소: Database_html5 튜토리얼 기술이 없으면 어떻게 될까요?

머리말

이 장의 주요 내용은 웹 스토리지와 로컬 데이터베이스입니다. 웹 스토리지는 HTML5의 새로운 기능입니다.

서버 측의 부담을 대폭 줄이고 데이터 액세스 속도를 높입니다.

이 장을 공부하려면 웹 스토리지의 기본 개념을 숙지하고 sessionStorage와 localStorage의 사용법과 차이점을 이해해야 합니다

로컬 데이터베이스 사용법 익히기

웹스토리지란 무엇인가요?

앞서 언급했듯이 웹스토리지는 쿠키를 최적화한 것입니다. HTML4는 쿠키를 사용하여 클라이언트에 사용자 데이터를 저장한 후 다음과 같은 문제가 발견되었습니다.

<span style="COLOR: #000000">大小限制在4kbcookie每次随HTTP事务一起发送，浪费带宽正确操作cookie很复杂（这个有待考虑）</span>

위 문제로 인해 HTML5는 새로운 클라이언트 측 로컬 저장 기술로 WebStorage를 제안합니다.

코드 복사

코드는 다음과 같습니다.

웹 스토리지 기술은 데이터를 다음에 저장합니다. 즉, 클라이언트 로컬을 대상으로 하며, 구체적으로 두 가지 유형으로 나뉩니다.
sessionStrage:
여기서 세션은 사용자가 웹사이트를 탐색할 때 웹사이트에 입장한 후 웹사이트를 닫는 기간을 의미합니다. 세션 개체는 오랫동안만 유효합니다.

localStorage:
데이터가 무엇이든 클라이언트 하드웨어 장치에 데이터를 저장합니다. 즉, 다음에 컴퓨터를 켤 때 데이터가 그대로 유지됩니다.

둘의 차이점은 하나는 임시 보관용이고 다른 하나는 장기 보관용이라는 점입니다.

사용예

코드 복사

코드는 다음과 같습니다. 다음은 다음과 같습니다.

간단한 응용 프로그램

웹 저장소 실험

sessionStorage
localStorage< ;/ 옵션>


데이터 저장

데이터 읽기