자바스크립트 localStorage API를 사용하면서 쿠키나 캐시를 삭제하면 특정 key 값이 빈배열로 나옵니다.

Question

안녕하세요. 회사 업무를 진행하면서 A, B(A에 대한 자세한 내용이 담긴 객체들)를 localStorage에 저장을 하는데이상하게 당일에는 문제가 없다가 다음날 회사와서 보면 localStorage에 A에 대한 내용은 그대로 남아있는데 B는 빈배열로 나옵니다 ㅜㅜ 다른 페이지를 보다가 발견을 했기 때문에 . 제가 정확히 무엇을 했는지는 기억이 안나지만 캐시삭제,강력한새로고침, 히스토리삭제 이러한 행위들을 했던것 같습니다. 로그아웃 후 다시 디버깅을 걸어보니 A도 빈배열로 나오긴했지만 유독 .. 꼭 처음에는 B만 빈배열로 나오는데 업무상 A,B 둘다 value값이 있거나 없거나 이런형식으로 되어야하는데 .. 곤란한상황입니다. 인터넷에 아무리 찾아봐도 찾기가 어려워서 okky분들께 여쭤봅니다 ㅜㅜ localStorage에 꺼내오고 찾아온건 a, b 둘다 var a &#61; localStorage.getItem('a'); var a_collection &#61; JSON.parse(a); // a_collection에 담긴 날짜와 현재날짜 비교해서 하루 이상 차이가 나지 않는다면 localStorage에 다시 set localStorage.setItem('a',JSON.stringify(a_collection)); 이런형태로 찾아오고 꺼내왔습니다. 감사합니다.

컴포지트 · Accepted Answer

localStorage 및 sessionStorage 는 캐시 취급하기 때문에 브라우저에서 캐시를 삭제하거나 타 최적화 프로그램 및 복구 프로그램 등을 통해 정리할 경우 손실될 수 있습니다. 이들은 임시로 쓰며 손상되어도 무방한 데이터를 관리할 때 쓰는 것이 좋습니다. 또는 손실 가능성을 염두하고 설계해야 합니다.만약 영구히 영향받지 않는 저장되는 저장소를 원한다면 indexedDB를 사용하시길. 난이도는 높지만 저장 주기가 영구적이고 영향받는 곳도 없습니다. 물론 이것도 브라우저 캐시 삭제 시 날라가긴 하지만, indexedDB는 별도의 저장 항목으로 취급하기 때문에 기본적으로 삭제 항목에 기본적으로 포함하지 않습니다. 물론 사용자가 고의적으로 체크하면 날라갑니다.

존버는승리 · Answer

컴포지트님 감사합니다 ㅠㅠ 작성해주신 정보 도움이 됐습니다. indexedDB를 찾아보겠습니다 !!

자바스크립트 localStorage API를 사용하면서 쿠키나 캐시를 삭제하면 특정 key 값이 빈배열로 나옵니다.

2개의 답변

#webapi 목록