html 5 기본 api
쿠키와 유사하지만 더 안정적
웹브라우저에 있는 특정 공간
스토리지 종류
local : 삭제하기 전까지 브라우저에 남아있음 (현재 사용하는 기기에 저장, 도메인별로 따로 저장)
session: 브라우저 창/탭을 닫는순간 사라짐
문법은 동일
사용방법이 다름
local storage
1.브라우저가 storage를 지원하는건지 확인
if(typeof(Storage) !== "undefined")사용방법
key, value의 쌍
스토리지에 저장할 때는 setItem
localStorage.setItem("name","julie")가져올때는 key값을 넣어줌
localStorage.getItem("name")
어디에 쓰일지?
-사용자 로그인 정보
-로그인 이후에 사용자 언어, 테마 등
session storage
sessionStorage.setItem("name2", "julie")
sessionStorage.getItem("name2")어디에 쓰일지?
-조회페이지, 상세들어간 후 목록으로 다시 돌아갈때, 이전 조회한 필터링을 계속 가지고 있고 싶을 때
'Javascript' 카테고리의 다른 글
| && 연산자 활용법 (0) | 2022.09.13 |
|---|---|
| form 사용시 default로 새로고침 되는 기능 없애기: event.preventDefault() (0) | 2022.09.09 |
| 함수: 함수 선언문, 함수 표현식, 화살표 함수 (0) | 2022.08.17 |
| 옵셔널 체이닝 연산자 (.?) (0) | 2022.08.10 |
| ES modules: import, export (0) | 2022.08.01 |