WEB

HTML Web Storage (localStorage, sessionStorage)

SDeveloper 2020. 6. 28. 20:48
반응형

 

WebStorage란?

웹 스토리지를 사용하면 웹 애플리케이션이 사용자 브라우저 내에 로컬로 데이터를 저장할 수 있습니다.

HTML5 이전에는 모든 서버 요청에 포함 된 응용 프로그램 데이터를 쿠키에 저장해야했습니다. 

웹 스토리지는 더욱 안전하며 웹 사이트 성능에 영향을주지 않으면서 대량의 데이터를 로컬에 저장할 수 있습니다.

 

- 쿠키 사용의 단점

 1) 4KB의 제한된 크기

 2)  HTTP Request에서 암호화되지 않아 보안에 취약하고 성능에 영향을 줄 수 있음

 

HTML 웹 스토리지 객체

HTML 웹 저장소는 클라이언트에 데이터를 저장하기위한 두 가지 개체를 제공합니다.

- localStorage 

- sessionStorage 

 

localStorage 객체

localStorage 객체는 만료 날짜가없는 데이터를 저장합니다. 브라우저를 닫을 때도 데이터는 삭제되지 않습니다.

 

sessionStorage 객체

한 개의 세션에 대한 데이터를 저장하고 있습니다. 사용자가 특정 브라우저 탭을 닫으면 데이터가 삭제됩니다.

 

 

https://www.w3schools.com/html/html5_webstorage.asp

 

HTML Web Storage API

HTML Web Storage API HTML web storage; better than cookies. What is HTML Web Storage? With web storage, web applications can store data locally within the user's browser. Before HTML5, application data had to be stored in cookies, included in every server

www.w3schools.com

 

반응형

'WEB' 카테고리의 다른 글

HTTPS 테스트 시 javax.net.ssl.SSLHandshakeException: No available authentication scheme 에러 발생  (0) 2020.10.13
CSS Selector  (0) 2020.06.28
HTML5 - WebSockets  (0) 2020.06.28
jQuery Event Methods  (0) 2020.06.28
HTML4 vs HTML5 차이점  (0) 2020.06.28