ローカルストレージ、セッションストレージ、Cookie


1.ローカルストレージ


ローカル・ストレージは、クライアント情報の永続的なリポジトリです.
ex)一度登録した情報を保存することで自動的に登録する
localStorage.setItem("info", 1) // key = "info", value = 1
localStorage.getItem("info")

2.セッションストレージ


セッション・ストレージは、クライアントに関する情報を削除するためのリポジトリです(つまり、ブラウザを閉じるとき).
ex)フォーム情報の入力
sessionStorage.setItem("info", 1) // key = "info", value = 1
sessionStorage.getItem("info")

3.クッキー


Cookieは期限切れのリポジトリです
ex)ユーザーがログインしているかどうかのデータを保存し、1日以内にウィンドウを表示しない
setCookie("info", 1, 10) //3번째 매개변수는 유효기간을 나타낸다 10 -> 10초
getCookie("info")

ソース:https://codepen.io/beaucarnes/pen/KmeRMx?editors=0010