cookie

• 쿠키는 문자열만을 객체로서 저장할 수 있다.
• 한 사이트당 20개, 4kb의 용량제한이 있다.
• 만료일을 설정 가능하다.
• 만료일이 있기때문에 영구적인 보관이 어렵다.(만료일을 엄청 늘려서 거의 영구적으로 사용할 수 있긴하다..)
• 거의 모든 브라우저를 지원한다.

sessionStorage 특징

• 휘발성이다.
• 새로고침하면 삭제된다.
• 다른 탭에는 저장되지 않는다. (다른 세션으로 분류)

localStorage

• 만료일이 존재하지 않기 때문에 영구적인 보관이 가능하다. (브라우저 출처만 같다면 새로운 탭 또는 껏다 켜도 유지된다)
• key, value 형태로 데이터를 저장한다. (JSON)

javascript 사용 예시

window.localStorage.setItem('key', 'value')
window.localStorage.getItem('key') // 
window.localStorage.removeItem('key')
window.localStorage.clear()

차이점

sessionStorage vs localStorage 차이점

sessionStorage vs localStorage 차이점 vs cookie