로컬스토리지 예제

웹 저장소에 저장된 정보는 모든 요청과 함께 서버로 데이터가 전송되는 쿠키와 달리 웹 서버로 전송되지 않습니다. 또한 쿠키를 사용하면 소량의 데이터(거의 4KB)를 저장할 수 있으므로 웹 저장소를 사용하면 최대 5MB의 데이터를 저장할 수 있습니다. 이 메서드는 호출할 때 해당 도메인에 대 한 모든 레코드의 전체 저장소를 지웁히습니다. 매개 변수가 수신되지 않습니다. 고마워, 크리스! 언제나처럼, 귀하의 사이트는 새로운 것을 학습에 올 때 내 주요 자원입니다! 로컬 스토리지는 절대적으로 굉장합니다! 공유 주셔서 감사합니다! LocalStorage는 자바 스크립트 웹 사이트와 앱이 만료 날짜없이 브라우저에서 바로 데이터를 저장하고 액세스 할 수있는 웹 스토리지의 유형입니다. 즉, 브라우저 창이 닫힌 후에도 브라우저에 저장된 데이터가 유지됩니다. 그러나 전체 저장소를 제거하려는 경우 localStorage.clear()와 같은 clear() 메서드를 사용합니다. clear() 메서드는 localStorage에서 모든 키/값 쌍을 한 번에 지우므로 사용하기 전에 신중하게 생각하십시오. 웹 저장소는 원본(도메인 및 프로토콜당)에 따라 다됩니다. 하나의 원본에서 모든 페이지는 동일한 데이터를 저장하고 액세스할 수 있습니다. 현재 원본의 로컬 저장소 공간에 액세스하는 데 사용할 수 있는 저장소 개체입니다. key() 메서드는 키를 반복해야 하는 상황에서 유용하며 숫자 또는 인덱스를 로컬 저장소에 전달하여 키 이름을 검색할 수 있습니다.

최종 사용자가 로컬 저장소에 액세스할 수 있습니까? 컴퓨터에 로그인 정보를 저장한 경우(공용일 수 있음) 다른 사용자가 액세스할 수 있는 것처럼 보입니다. 좋은 예 크리스. 저는 개인적으로 ColorZilla가 제가 만든 그라데이션을 „기억하는“ 방법을 좋아합니다. LocalStorage는 훌륭합니다, 나는 우리가 가까운 장래에 더 많은 것을 보게 될 것이라고 확신합니다. 따라서 이러한 예제(예: 로그인 양식 또는 CSS Lint 확인란)에서 쿠키를 통해 localStorage를 사용하는 이유는 무엇입니까? removeItem() 메서드키 이름을 전달 하면 저장소에서 해당 키가 제거 됩니다. 지정된 키와 연결된 항목이 없는 경우 이 메서드는 아무 것도 수행하지 않습니다. 웹 저장소의 한 유형으로 LocalStorage는 HTML5 사양입니다. IE8을 포함한 주요 브라우저에서 지원됩니다. 브라우저가 localStorage를 지원하는지 확인하려면 다음 코드 조각을 사용하여 확인할 수 있습니다: 텍스트 상자에 텍스트를 입력하고 단추를 클릭하는 보다 완전한 코드 예제가 있습니다. 그런 다음 텍스트가 LocalStorage에 저장되고 검색되어 div에 표시됩니다. 두 번째 문제: 사용자가 저장소 의 양을 제한하는 경우 첫 번째로 작동합니까? 웹 저장소를 사용하기 전에 localStorage 및 sessionStorage에 대한 브라우저 지원을 확인하십시오저장소: 브라우저 및 웹 사이트에서 사용할 수 있는 로컬 컴퓨터의 저장소를 제한하는 방법을 아는 사람이 있습니까? 우리에게 관심의 또 다른 방법은 removeItem () 방법입니다. 이 메서드는 로컬 저장소에서 항목을 제거 합니다 (나중에 로컬 저장소를 `비우는` 로컬 저장소에 대해 좀 더 이야기 합니다).

removeItem() 메서드는 키를 인수로 사용 하며 해당 키와 관련 된 값을 제거 합니다. MDC – DOM 스토리지 또는 W3C의 웹 스토리지 초안 (확인, 덜 데모 및 더 많은 설명)을 살펴보십시오. 그러나 API는 그렇게 거대하지 않습니다. 쿠키와 달리 저장 한도는 훨씬 더 크며(최소 5MB) 정보는 서버로 전송되지 않습니다. 웹 저장소를 사용하면 웹 응용 프로그램은 사용자의 브라우저 내에서 데이터를 로컬로 저장할 수 있습니다. 또한 localStorage.removeItem(키)과 같은 removeItem() 메서드에 키 값을 전달하여 저장소에서 특정 항목을 제거할 수도 있습니다. 라이브러리가 필요하지 않습니다, 그건 그냥 자바 스크립트입니다. 당신이 원하는 경우에 당신은 모더니즈를 사용하여 먼저 Modernizr.localstorage로 테스트 할 수 있습니다. HTML5의 웹 저장 기능을 사용하면 쿠키와 유사하게 사용자의 컴퓨터에 일부 정보를 로컬로 저장할 수 있지만 쿠키보다 빠르고 훨씬 낫습니다. 그러나 웹 저장소는 쿠키보다 더 안전하지 않습니다.

쿠키에 대한 자세한 내용은 PHP 쿠키에 대한 자습서를 확인하십시오.