localStorage, sessionStorage

로컬 스토리지와 세션 스토리지는 HTML5에서 추가된 저장소이다. 딕셔너리 형태(key-value)형태로 저장하며, 기존의 쿠키에 비교할 수 있다.

1. 쿠키와의 차이점

   - 만료기한이 없다.

   - 쿠키보다 더 많은 용량을 제공한다 (도메인별 2.5~10MB - 기존에 쿠키는 4KB), 세션스토리지의 경우 명시적인 제한은 없다. 많으면 성능에 문제가 생길 뿐

     ** 뭔가 더 필요하다 싶으면 indexedDB (50MB)를 사용하자

2. 세션 스토리지와 로컬 스토리지의 차이점

  -  로컬스토리지는 영구저장이지만, 세션스토리지는 해당 도메인과의 연결이 끊기면 날라간다.

3. 사용 예

1 2 3 4 5

localStorage.setItem('name', 'Anna'); // 추가 localStorage.getItem('name'); // 가져오기 localStorage.removeItem('name'); // 삭제 localStorage.clear(); // 로컬스토리지 내부 전체 삭제 //세션스토리지도 동일한 메서드를 사용한다.