LocalStorage vs SessionStorage vs Cookie 개념

2021. 2. 11. 15:51HTML&CSS&JavaScript

# WEB STORAGE

HTML5에는 웹 데이터를 클라이언트에 저장할 수 있는 WEB STORAGE라는 API가 있다.

 

# LocalStorage

 - 영구저장(데이터 삭제를 하지 않는 이상 보존)

 - 데이터를 로컬에 저장하는 방식

 - 키(key)와 키 값(value)로 저장

 - 도메인과 브라우저별로 저장

 - javaScript로 조작

 - 용량 제한이 없음

 

# SessionStorage

 - 임시저장(세션 만료시 삭제)

 - 나머지 특징은 LocalStorage와 동일

 

# Cookie

 - 데이터를 매번 서버로 전송

 - 단순 문자열(텍스트)만 저장

 - 용량 제한이 있음

'HTML&CSS&JavaScript' 카테고리의 다른 글

[javaScript] setTimeout(), clearTimeout()  (0) 2021.02.11
[javaScript] LocalStorage & SessionStorage 사용법  (0) 2021.02.11
[HTML&CSS] GASP  (0) 2021.01.23
[HTML&CSS] Overflow  (0) 2021.01.23
[HTML] Form, Input  (0) 2021.01.11