localStorage 대 sessionStorage 대 쿠키
사용자가 로그인하는 동안 일부 데이터를 유지해야하는 앱에서 작업 중이며 localStorage, sessionStorage, 쿠키의 차이점은 무엇입니까?
나는 사용자가 페이지를 새로 고침해도, DOM의 일부 데이터를 유지하기 위해 사용할 수있는 내가 요구 한, 어떤 사람들은 말한다 : 사용 sessionStorage, 또는 로컬 스토리지, 다음, 누군가가 사용의 아이디어를 내놓았다 ngCookies 가 작동하기 때문에 모든 브라우저,하지만 어떤 브라우저를 사용해야합니까?
localStorage 와 sessionStorage 는 모두 소위 WebStorages 이며 HTML5의 기능입니다.
localStorage 는 사용자가 정보를 삭제하지 않는 한 정보를 저장합니다.
sessionStorage 는 세션이 진행되는 동안 정보를 저장합니다. 일반적으로 사용자가 탭 / 브라우저를 닫을 때까지.
쿠키 는 단순히 쿠키로, 이전 브라우저에서 지원되며 일반적으로 위에서 언급 한 WebStorages 를 사용하는 프레임 워크의 대체품 입니다.
대조적으로 쿠키는 WebStorages보다 적은 정보를 저장할 수 있으며 WebStorages의 정보는 서버로 전송되지 않습니다.
EU에는 웹 사이트에서 사용자에게 쿠키 사용에 대해 알리도록 요구하는 규정이 있습니다. 이것이 WebStorages에도 적용되는지 모르겠습니다.
sessionStorage 개체 : sessionStorage 개체는 세션에 대한 데이터 만 저장합니다. 즉, 브라우저 (또는 탭)가 닫힐 때까지 데이터가 저장됩니다. 파일이 로컬로 실행되는 경우에는 사용할 수 없습니다.
sessionStorage 개체에 저장된 데이터는 처음에 데이터를 저장 한 페이지에서만 액세스 할 수 있습니다. 그래서 이것은 당신의 요구 사항을 충족하지 않습니다
localStorage 객체 : localStorage 객체를 사용하여 저장된 데이터는 JavaScript를 통해 특별히 제거되거나 사용자가 브라우저의 캐시를 지울 때까지 유지됩니다.
localStorage 개체에 저장된 데이터는 처음에 데이터를 저장 한 도메인에서만 액세스 할 수 있습니다.
귀하의 경우에는 쿠키 또는 세션 사용에 대해 고려해 보시기 바랍니다. 참고 쿠키는 서버 당 4K 크기 제한이 있습니다.
다른 답변에 추가하여 WebStorages는 하위 도메인 및 / 또는 상위 도메인에 액세스 할 수 없습니다.
localStorage : 1. 데이터 제한 : 5MB 2. 모든 http 요청에 대해 전송 된 데이터 : 아니오
sessionStorage : 1. 데이터 제한 : 5MB 2. 모든 http 요청에 대해 전송 된 데이터 : 아니요 3. 창 또는 탭이 닫히면 데이터가 지워집니다.
데이터가 민감하지 않은 경우 localstorage / sessionStorage를 사용하고 그렇지 않으면 쿠키를 사용합니다.
LocalStorage- 만료 날짜없이 데이터를 저장하고 JavaScript를 통해서만 지워지거나 브라우저 캐시 / 로컬에 저장된 데이터를 지 웁니다. 저장 한도는 세 가지 중 최대 값입니다.
SessionStorage -sessionStorage 개체는 세션에 대한 데이터 만 저장합니다. 즉, 브라우저 (또는 탭)가 닫힐 때까지 데이터가 저장됩니다. 데이터는 서버로 전송되지 않습니다. 저장 용량 한도가 쿠키보다 큽니다 (최소 5MB).
쿠키 -후속 요청과 함께 서버로 다시 보내야하는 데이터를 저장합니다. 만료 기간은 유형에 따라 다르며 만료 기간은 서버 측 또는 클라이언트 측 (일반적으로 서버 측)에서 설정할 수 있습니다. 쿠키는 주로 서버 측 읽기 용이며 (클라이언트 측에서도 읽을 수 있음) localStorage 및 sessionStorage는 클라이언트 측에서만 읽을 수 있습니다. 크기는 4KB 미만이어야합니다. 쿠키에 대해 httpOnly 플래그를 true로 설정하여 쿠키를 안전하게 만들 수 있습니다. 이는 해당 쿠키에 대한 클라이언트 측 액세스를 방지합니다.
쿠키는 4kbs 데이터를 만료 시간으로 보관합니다.
localStorage는 사용자가 캐시를 지울 때 삭제되는 4MB의 데이터를 보유하는 영구 쿠키입니다.
참조 URL : https://stackoverflow.com/questions/29960037/localstorage-vs-sessionstorage-vs-cookies
'programing tip' 카테고리의 다른 글
| 정확한 문자 수와 일치하는 정규 표현식? (0) | 2020.12.24 |
|---|---|
| iTunes Testflight 베타 테스트에서 내부 테스터와 외부 테스터의 차이점은 무엇입니까? (0) | 2020.12.24 |
| 백업 슬라이드에서 페이지 번호 무시 (0) | 2020.12.15 |
| operator <<를 오버로딩 할 때 std :: endl은 알 수없는 유형입니다. (0) | 2020.12.15 |
| jQuery를 사용하여 Span의 내용을 변경하는 방법은 무엇입니까? (0) | 2020.12.15 |