웹 스토리지: 브라우저에 데이터를 저장할 수 있는 기술
Session Storage
1. key-value 값으로 저장된다.
2. 로컬 환경 데이터에 저장된다.
3. 세션 단위로 구분되어 활용된다.
*세션: 사용자가 브라우저를 통해 웹 페이지에 접속한 시점부터 종료하는 시점까지를 의미
Local Storage
1. key-value 값으로 저장된다.
2. 로컬 환경 데이터에 저장된다.
3. 도메인 단위로 구분되어 활용된다. ex) localhost -->뒤에 어떠한 url이 오든 공유됨(엔트포인트가 달라도)
4. 브라우저 자체를 종료해도 존재한다.
5. 컴퓨터를 껐다켜도 존재한다.
<로컬 스토리지 활용>
// 로컬 스토리지에 저장함
localStorage.setItem('saved-date', targetDateInput);
//로컬 스토리지에서 가져옴
localStorage.getItem('saved-date');
//로컬 스토리지에서 삭제함
localStorage.removeItem('saved-date');
cf) 개발자 도구 > Application 탭 > Storage > LocalStorage 에 key-value 형태로 저장되어있음.
'JS' 카테고리의 다른 글
| createElement, appendChild (2) | 2023.12.17 |
|---|---|
| <ul>, <ol>, <li> (0) | 2023.12.17 |
| JS코드에서 지정한 innerHTML (0) | 2023.12.17 |
| 얕은 복사(Spread 연산자), 깊은 복사(JSON.parse()), Rest Parameter (2) | 2023.12.17 |
| DevTools failed to load source map 경고 메세지 (2) | 2023.12.17 |