페이지를 새로 고칠 때 JavaScript 변수를 유지하는 방법

JavaScript에서 일반적으로 페이지를 새로 고치면 변수의 값이 손실됩니다. 그러나 변수를 지속성으로 만드는 기술이 있습니다.

이러한 기술 중 하나는 window.localStorage 또는 window.sessionStorage와 같은 웹 저장소 메커니즘을 활용하는 것입니다. LocalStorage는 브라우저 세션 이후에도 데이터를 유지하는 반면 sessionStorage는 현재 세션 내에서만 데이터를 유지합니다.

localStorage를 사용하여 변수를 저장하려면 다음을 사용합니다.

var someVarName = "value";
localStorage.setItem("someVarKey", someVarName);

저장된 변수를 검색하려면:

var someVarName = localStorage.getItem("someVarKey");

localStorage를 기억하세요. 문자열 값만 저장합니다. 다른 데이터 유형으로 작업하려면 JSON.stringify 및 JSON.parse 사용을 고려하세요.

자세한 정보와 호환성 옵션은 MDN의 DOM 저장소 가이드와 아래 참조 섹션에 제공된 기타 리소스를 참조하세요.