> 웹 프론트엔드 > 프런트엔드 Q&A > localstorage는 무엇을 저장하나요?

localstorage는 무엇을 저장하나요?

百草
풀어 주다: 2023-12-14 14:15:22
원래의
1495명이 탐색했습니다.

LocalStorage는 문자열, 숫자, 부울 값, 객체, 배열 등을 포함한 다양한 유형의 데이터를 저장할 수 있습니다. LocalStorage는 사용자의 여러 브라우저 세션에서 지속되는 데이터가 사용자의 브라우저에 저장될 수 있도록 하는 웹 저장소 메커니즘입니다. LocalStorage는 쿠키에 비해 저장 공간이 크고 유효 기간이 길기 때문에 대용량 데이터나 장기 데이터를 저장하는 데 더 적합합니다.

localstorage는 무엇을 저장하나요?

이 튜토리얼의 운영 체제: Windows 10 시스템, DELL G3 컴퓨터.

LocalStorage는 문자열, 숫자, 부울 값, 객체, 배열 등을 포함한 다양한 유형의 데이터를 저장할 수 있습니다. LocalStorage의 저장 메커니즘은 JavaScript의 String 유형을 기반으로 하지만 몇 가지 트릭과 방법을 통해 다른 유형의 데이터도 저장할 수 있기 때문입니다.

LocalStorage는 사용자의 여러 브라우저 세션에서 지속될 수 있는 데이터를 사용자 브라우저에 저장할 수 있는 웹 저장소 메커니즘입니다. LocalStorage는 쿠키에 비해 저장 공간이 크고 유효 기간이 길기 때문에 대용량 데이터나 장기 데이터를 저장하는 데 더 적합합니다.

LocalStorage에서는 setItem() 메서드를 사용하여 키-값 쌍으로 데이터를 저장하고, getItem() 메서드를 사용하여 저장된 데이터를 가져오고, RemoveItem() 메서드를 사용하여 데이터를 삭제하고,clear() 메서드를 사용할 수 있습니다. 저장된 모든 데이터를 삭제하려면 이러한 메소드는 JavaScript Storage 인터페이스를 기반으로 구현됩니다.

LocalStorage의 데이터는 키-값 쌍의 형태로 저장된다는 점에 유의하세요. 각 키-값 쌍에는 고유한 키 이름과 해당 값이 있습니다. 키 이름과 값은 모두 문자열 유형이지만 일부 트릭과 방법을 통해 다른 유형의 데이터도 저장할 수 있습니다. 예를 들어, JSON.stringify() 메서드를 사용하여 개체 또는 배열을 저장용 문자열로 변환한 다음 JSON.parse() 메서드를 사용하여 문자열을 읽기용 개체 또는 배열로 다시 변환할 수 있습니다.

또한 LocalStorage의 데이터는 영구적이므로 브라우저를 닫거나 컴퓨터를 다시 시작해도 손실되지 않습니다. 그러나 LocalStorage는 브라우저 기반 저장 메커니즘이므로 브라우저 제한 사항 및 보안 정책의 영향을 받을 수 있다는 점에 유의해야 합니다. 예를 들어 일부 브라우저는 LocalStorage 저장 공간을 제한하거나 암호화할 수 있습니다.

쿠키와 LocalStorage는 다음과 같은 측면에서 다릅니다.

1. 저장 크기: 단일 쿠키의 최대 저장 크기는 4k입니다. 4k보다 크면 저장이 실패하고 해당 쿠키 정보를 브라우저에서 찾을 수 없습니다. ; LocalStorage의 최대 저장 크기는 5m입니다. 이 최대 제한보다 크면 브라우저에 오류 메시지가 표시됩니다.

2. 유효 기간: 쿠키는 기본적으로 세션 수준 저장소이며(탭 페이지와 공존) 만료 시간을 설정할 수 있습니다. LocalStorage는 적극적으로 삭제되지 않는 한 영구 저장소입니다.

3. 작동성: 쿠키는 데이터를 저장할 뿐만 아니라 작동 및 설정에 대한 다른 많은 속성도 가지고 있습니다. 예를 들어 도메인과 경로가 함께 쿠키의 범위를 결정하면 쿠키는 다음 작업만 수행할 수 있습니다. https 프로토콜을 사용하면 LocalStorage는 데이터를 저장하기만 합니다.

4. 이식성: 쿠키는 요청 시 전달되지만 LocalStorage는 전달되지 않습니다. 동일한 출처의 쿠키 정보는 요청 헤더의 일부로 서버에 자동으로 전송됩니다. 쿠키를 너무 많이 설정하면 통신 부하가 증가합니다. LocalStorage에는 이 문제가 없으며 항상 브라우저 측에 존재합니다.

간단히 말해서 LocalStorage는 사용자 브라우저에 다양한 유형의 데이터를 저장하는 데 도움이 되는 매우 유용한 웹 저장 메커니즘이며 이러한 데이터는 사용자의 여러 브라우저 세션에서 지속될 수 있습니다. 그러나 LocalStorage는 브라우저 기반 저장 메커니즘이므로 브라우저 제한 사항 및 보안 정책의 영향을 받을 수 있다는 점에 유의해야 합니다. 따라서 LocalStorage를 사용할 때는 적합성과 보안을 신중하게 고려해야 합니다.

위 내용은 localstorage는 무엇을 저장하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿