DBILITY

web browser local storage 본문

front-end & ui/javascript

web browser local storage

DBILITY 2023. 6. 15. 14:48
반응형

browser 개발자도구의 Application tab을 봄ㄴ Storage안에 있다.

최대 5Mbyte 문자만 저장 가능하다. clear하지 않는 이상 남아 있음. 오버가 되면? 뭐 알아서 지워지지 않을까?

browser console에서 직접 해보니 다음과 같다.

object나 array는 json으로 저장하면 된다. string으로 저장했다가 다시 변환하면 된다.

다음 id라는 키값을 중복없이 data에 배열로 저장하는 typescript 예다.

let data = JSON.parse(localStorage.getItem("data") || "[]");

if (data.find((value: string): boolean => value === id) === undefined) {
  data.push(id);
  localStorage.setItem("data", JSON.stringify(data));
}
반응형
Comments