1. 웹 스토리지
Web 개발시 데이터를 BE(DB) 나 클라우드 등에 저장할 필요 없을 때 웹 브라우저에 저장하는 방식..
웹 스토리지(web storage)에는 로컬 스토리지(localStorage)와 세션 스토리지(sessionStorage)가 존재
단, 웹 스토리지는 문자열 형태로만 저장 지원
2. 로컬 스토리지 vs 세션 스토리지
| 로컬 스토리지 | 세션 스토리지 |
| 웹 페이지의 세션이 끝날 때 데이터가 안지워짐 웹 재접속시 데이터 유지 O |
웹 페이지의 세션이 끝나더라도 데이터 안지워짐 웹 재접속시 데이터 유지 X |
3. 로컬/세션스토리지 저장 예시 코드
// 로컬/세션스토리지 데이터 저장
local_session_Storage.setItem("key", value)
// 로컬/세션스토리지 데이터 읽기
local_session_Storage.getItem("key")
// 로컬/세션스토리지 데이터 삭제
local_session_Storage.removeItem("key")
// 로컬/세션스토리지 모든 데이터 삭제
local_session_Storage.clear()
// 로컬/세션스토리지 저장된 키/값 개수
local_session_Storage.length'HTML, CSS, JS' 카테고리의 다른 글
| [Javascript] 이미지 Upload 및 Preview 초간단 ver (0) | 2022.07.14 |
|---|---|
| [JavaScript, JQuery] HTML Import 하는 방법 (0) | 2022.07.10 |
| [Javascript] 업로드 이미지 BE와 주고 받기(FE, by Blob 객체) (0) | 2022.07.10 |
| [Javascript] 비동기 필요 이유와 fetch 함수 (0) | 2022.07.10 |
| [Javascript] 유용한 Library 정리 (0) | 2022.07.09 |