로컬 저장소 vs 세션 저장소 vs 쿠키: 차이점 [파티션 매직]

로컬 스토리지 및 세션 스토리지란 무엇입니까? 차이점은 무엇입니까 로컬 저장소 대 세션 저장소 대 쿠키? 혼란스럽다면 걱정하지 마세요. 이 게시물에서 이 사이트 파티션 마법사 localstorage vs sessionstorage vs 쿠키에 대한 자습서를 제공합니다.





이 페이지에서:

여러 가지 방법으로 브라우저에 데이터를 로컬로 저장할 수 있습니다. 쿠키 . 더 자세한 정보를 알고 싶으면 계속 읽으십시오.

로컬 스토리지란 무엇입니까?

로컬 저장소는 웹 브라우저에서 키/값 쌍의 형태로 클라이언트 컴퓨터에 데이터를 저장하는 데 도움이 되는 네트워크 저장소 방법입니다. 데이터는 사용자가 브라우저에서 수동으로 삭제하지 않는 한 로컬 저장소에 영구적으로 저장됩니다. 사용자가 창이나 탭을 닫아도 만료되지 않습니다.

브라우저의 데이터는 JavaScript 및 HTML5를 통해서만 액세스할 수 있습니다. 그러나 사용자는 브라우저 데이터/캐시 지우기 모든 로컬 저장소 데이터를 지웁니다. 설정, 검색, 삭제 및 삭제에 사용할 수 있는 네 가지 방법이 있습니다.



  • setItem() 메서드를 사용하여 로컬 저장소에 데이터를 설정할 수 있습니다. 이 메서드는 키와 값의 두 매개 변수를 사용합니다. 이 방법을 사용하면 localStorage.setItem(key, value) 키를 사용하여 값을 저장할 수 있습니다.
  • 여기에 저장된 데이터를 검색하려면 getItem() 메서드인 localStorage를 사용할 수 있습니다. getItem(키).
  • 메모리에 키에 대한 정보를 저장하는 removeItem() 메서드(localStorage)를 사용하여 데이터를 제거할 수 있습니다. removeItem(키).
  • clear() 메서드는 저장된 모든 데이터를 지우는 데 사용됩니다.

세션 저장소란 무엇입니까?

로컬 저장소와 매우 유사합니다. 그러나 주요 차이점은 현재 탭이 열릴 때까지 브라우저에서 지속되는 수명 주기입니다. 탭을 닫거나 종료하면 세션 저장소의 데이터도 손실됩니다. 또한 Local Storage 메소드와 유사하게 setItem() 및 getItem() 메소드를 각각 사용하여 데이터를 설정하고 검색할 수 있습니다. 예: sessionStorage. setItem(키, 값); sessioninStorage. getItem(키).

쿠키란 무엇입니까?

HTML5가 도입되기 전에 사용할 수 있는 유일한 옵션은 쿠키입니다. 따라서 이를 사용하여 데이터를 저장하는 것은 클라이언트 시스템에 데이터를 저장하는 전통적인 방법입니다. 고객 데이터를 저장하고 웹 사이트 사용자에게 개인화된 경험을 제공하는 데 도움이 됩니다. 이들은 요청과 함께 서버로 전송되고 응답으로 클라이언트로 전송됩니다. 따라서 요청이 있을 때마다 데이터가 서버와 교환됩니다. 서버는 쿠키 데이터를 사용하여 개인화된 콘텐츠를 사용자에게 보낼 수 있습니다.



지금은 쿠키, 로컬 저장소 및 세션 저장소에 대해 전반적으로 이해하고 계실 것입니다. 다음 섹션에서는 쿠키, 로컬 저장소 및 세션 저장소의 차이점에 대해 중점적으로 설명합니다.

이 섹션에서는 스토리지 제한, 접근성 및 만료 측면에서 localstorage vs sessionstorage vs Cookie에 대해 이야기합니다.



저장 한도

각 브라우저 저장 방법에는 특정한 최대 데이터 크기가 있습니다. 두 스토리지 모두 대용량 스토리지를 제공합니다. 보다 구체적으로 로컬 스토리지는 최대 10MB를 저장하고 세션 스토리지는 최대 5MB를 저장합니다. 반면 쿠키는 4KB의 매우 제한된 작은 저장 용량을 제공합니다. 따라서 쿠키에 많은 양의 정보를 저장할 수 없습니다.

접근성

접근성 관점에서 볼 때 웹 브라우저에 열려 있는 모든 창이나 탭에서 액세스할 수 있습니다. 세션 저장소는 특정 세션과 연결되어 있고 각 탭에는 세션이 있으므로 세션 저장소 데이터를 설정한 현재 탭에서만 데이터를 사용할 수 있습니다. 로컬 저장소는 모든 창이나 탭 또는 서버에서 액세스할 수 있습니다. 쿠키는 로컬 저장소와 다소 유사합니다.

만료

로컬 스토리지의 데이터는 수동으로 삭제할 때까지 만료되지 않습니다. 사용자가 브라우저에서 수동으로 삭제하지 않는 한 데이터는 로컬 저장소에 영구적으로 저장됩니다. 사용자가 창이나 탭을 닫아도 만료되지 않습니다.



세션 저장소가 탭을 닫거나 종료하면 세션 저장소의 데이터도 손실됩니다.

보관 위치

그들은 다르게 저장됩니다. 쿠키는 브라우저와 서버에 저장될 수 있습니다. 그리고 로컬 저장소와 세션 저장소는 브라우저에만 저장할 수 있습니다.