local스토리지 vs session스토리지 vs 쿠키

local스토리지 vs session스토리지 vs 쿠키

사용자가 로그인하는 동안 데이터를 보관해야 하는 앱에서 작업하고 있는데 localStorage, sessionStorage, cookie의 차이점은 무엇입니까?

사용자가 페이지를 새로 고친 경우에도 DOM에 데이터를 보존하기 위해 무엇을 사용할 수 있는지 묻고 있었습니다. sessionStorage 또는 localStorage를 사용하면 모든 브라우저에서 작동하기 때문에 ngCookies를 사용할 수 있습니다. 그런데 어떤 것을 사용해야 할까요?

localStorage와 sessionStorage는 모두 소위 WebStorage이며 HTML5의 기능입니다.

local스토리지는 사용자가 삭제하지 않는 한 정보를 저장합니다.

세션 저장소는 세션이 진행되는 동안 정보를 저장합니다.보통 사용자가 탭/브라우저를 닫을 때까지입니다.

cookie는 단순히 cookie로, 오래된 브라우저에서 지원되며 일반적으로 위의 WebStorage를 사용하는 프레임워크에 대한 폴백입니다.

반면 쿠키는 WebStorage보다 훨씬 적은 정보를 저장할 수 있으며 WebStorage의 정보는 서버로 전송되지 않습니다.

EU에는 웹 사이트가 쿠키 사용에 대해 사용자에게 알려야 하는 규정이 있습니다.이것이 WebStorage에도 적용되는지 모르겠습니다.

sessionStorage 개체:sessionStorage 개체는 세션에 대한 데이터만 저장합니다. 즉, 브라우저(또는 탭)가 닫힐 때까지 데이터가 저장됩니다.파일이 로컬로 실행되는 경우에는 사용할 수 없습니다.

sessionStorage 객체에 저장된 데이터는 데이터를 처음 저장한 페이지에서만 액세스할 수 있으므로 요구 사항을 충족하지 못합니다.

localStorage 객체: localStorage 객체를 사용하여 저장된 데이터는 JavaScript를 통해 삭제되거나 사용자가 브라우저의 캐시를 클리어할 때까지 유지됩니다.

localStorage 개체에 저장된 데이터는 데이터를 처음 저장한 도메인에서만 액세스할 수 있습니다.

당신의 경우 cookie나 session을 사용하는 것을 고려한다고 생각합니다만, pls. cookie는 서버당 4K 사이즈 제한이 있습니다.

다른 답변과 더불어 WebStorages는 하위 도메인 및/또는 상위 도메인에 액세스할 수 없습니다.

LocalStorage - 만료 날짜 없이 데이터를 저장하고 JavaScript를 통해서만 삭제되거나 브라우저 캐시/로컬로 저장된 데이터를 지웁니다.스토리지 제한은 다음 세 가지 중 최대값입니다.

SessionStorage - sessionStorage 개체는 세션에 대한 데이터만 저장합니다. 즉, 브라우저(또는 탭)가 닫힐 때까지 데이터가 저장됩니다.데이터는 서버로 전송되지 않습니다.저장소 제한이 쿠키보다 큽니다(5MB 이상).

쿠키 - 후속 요청과 함께 서버로 다시 전송해야 하는 데이터를 저장합니다.유효기간은 유형에 따라 다르며 유효기간은 서버측 또는 클라이언트측(통상은 서버측)에서 설정할 수 있습니다.쿠키는 주로 서버 측 읽기용(클라이언트 측에서도 읽을 수 있음), localStorage 및 sessionStorage는 클라이언트 측에서만 읽을 수 있습니다.크기는 4KB 미만이어야 합니다.쿠키에 대해 httpOnly 플래그를 true로 설정하면 쿠키를 안전하게 보호할 수 있습니다.이것에 의해, 클라이언트측에서 그 쿠키에 액세스 할 수 없습니다.

localStorage: 1. 데이터 제한: 5MB 2. 모든 http 요청에 대해 전송된 데이터: no

session Storage : 1. 데이터 제한 : 5 MB 2. 모든 http 요청에 대해 전송된 데이터 : no 3.창 또는 탭을 닫으면 데이터가 지워집니다.

데이터가 중요하지 않은 경우 local storage/session Storage를 사용하거나 쿠키를 사용합니다.

쿠키는 4kbs의 데이터를 유효기간으로 유지합니다.

localStorage는 사용자가 캐시를 클리어할 때 삭제되는 4MB 데이터를 저장하는 영구 쿠키입니다.

언급URL : https://stackoverflow.com/questions/29960037/localstorage-vs-sessionstorage-vs-cookies