0. 데이터를 간단히 저장할 장소?
브라우저에서 간단한 key와 value값을 저장해 놓을 장소로는 Cookie, Session Storage, Local Storage가 있다.
이 중 Cookie는 기존부터 쓰이던 저장소이고 Session Storage, Local Storage는 HTML5에서 새로 추가되었다.
1. Cookie
만료기한이 있는 key, value 저장소
document.cookie를 콘솔창에 입력하면 확인 가능하다.
4kb라는 용량 제한이 있고 서버요청이 있을 때매다 전송된다.
백앤드 서버와 통신이 가능하다.
2. Local Storage
window.localStorage에 위치. 마찬가지로 key, value를 저장하는데 여러가지 타입을 저장할 수 있다.(string, number, boolean 등)
하지만 모두 string으로 변환된다.
직접 삭제하기 전까지는 계속 저장되어있다.
쉽게 확인이 가능하니 중요한 정보를 저장하는 것은 피하자.
브라우저에서 개발자도구를 열고 Application 탭에 가면 확인이 가능하다.
3. Session Storage
Local Storage와 같은 방식의 메서드를 사용한다.
차이점은 저장 장소가 window.sessionStorage이고 브라우저를 종료하고 다시 켜면 모든 데이터가 날아가는 휘발성저장소라는 점.
수학과 코딩