자바스크립트에서 localStorage를 사용하는 방법

자바스크립트에서 localStorage를 사용하는 방법

localStorage 메커니즘은 브라우저에서 데이터를 저장하고 검색할 수 있는 웹 저장소 개체 유형을 제공합니다. 만료 없이 데이터를 저장하고 액세스할 수 있습니다. 방문자가 사이트를 닫은 후에도 데이터를 사용할 수 있습니다.





일반적으로 JavaScript를 사용하여 localStorage에 액세스합니다. 적은 양의 코드로 점수 카운터와 같은 샘플 프로젝트를 빌드할 수 있습니다. 이것은 클라이언트 측 코드만 사용하여 영구 데이터를 저장하고 액세스하는 방법을 보여줍니다.





클릭 앤 드래그가 작동하지 않는 Mac

JavaScript에서 localStorage란 무엇입니까?

localStorage 객체는 대부분의 웹 브라우저가 지원하는 웹 스토리지 API의 일부입니다. localStorage를 사용하여 데이터를 키-값 쌍으로 저장할 수 있습니다. 고유 키와 값은 UTF-16 DOM 문자열 형식이어야 합니다.





객체나 배열을 저장하려면 다음을 사용하여 문자열로 변환해야 합니다. JSON.stringify() 방법. localStorage에는 최대 5MB의 데이터를 저장할 수 있습니다. 또한 동일한 출처를 가진 모든 창은 해당 사이트의 localStorage 데이터를 공유할 수 있습니다.

브라우저는 사용자가 닫더라도 이 데이터를 삭제하지 않습니다. 향후 세션에서 이를 생성한 웹사이트에서 사용할 수 있습니다. 그러나 같은 페이지에서 실행 중인 다른 스크립트가 액세스할 수 있으므로 민감한 데이터에 localStorage를 사용해서는 안 됩니다.



ps4 이름을 변경할 수 있나요

localStorage 대 sessionStorage

그만큼 localStorage 및 sessionStorage 객체는 키-값 쌍을 로컬로 저장하는 Web Storage API의 일부입니다. 모든 최신 브라우저는 둘 다 지원합니다. localStorage를 사용하면 사용자가 브라우저를 닫아도 데이터가 만료되지 않습니다. 이는 페이지 세션이 종료될 때 데이터를 지우는 sessionStorage와 다릅니다. 탭이나 창을 닫으면 페이지 세션이 종료됩니다.