대답 1:

로컬 스토리지 :

  1. 웹 스토리지는 쿠키의 개선으로 단순하게 볼 수있어 훨씬 더 큰 스토리지 용량을 제공합니다. 사용 가능한 크기는 5MB로 일반적인 4KB 쿠키보다 훨씬 더 많은 공간을 처리 할 수 ​​있습니다. 모든 HTTP 요청 (HTML, 이미지, JavaScript, CSS 등)에 대해 데이터가 서버로 다시 전송되지 않으므로 클라이언트와 클라이언트 간의 트래픽 양이 줄어 듭니다 localStorage에 저장된 데이터는 명시 적으로 삭제 될 때까지 지속됩니다. 변경 사항은 저장되어 현재 및 향후 사이트 방문시 사용 가능하며 동일한 출처 정책에 따라 작동합니다. 따라서 저장된 데이터는 동일한 원본에서만 사용할 수 있습니다.

쿠키 :

  1. 각 쿠키의 만료 시간을 설정할 수 있습니다 .4K 제한은 이름, 값, 만료 날짜 등을 포함한 전체 쿠키에 대한 것입니다. 대부분의 브라우저를 지원하려면 이름을 4000 바이트 미만으로 유지하고 전체 쿠키 크기를 4093 바이트 미만으로 유지하십시오. 모든 HTTP 요청 (HTML, 이미지, JavaScript, CSS 등)에 대해 서버로 다시 전송되므로 클라이언트와 서버 간의 트래픽이 증가합니다.

sessionStorage :

  1. localStorage와 유사합니다. 변경 사항은 창 (또는 Chrome 및 Firefox와 같은 브라우저의 탭)마다 만 사용할 수 있습니다. 변경 사항은 현재 페이지와 동일한 창에서 나중에 사이트를 방문 할 때 저장 및 사용 가능합니다. 창을 닫으면 스토리지가 삭제됩니다. 데이터는 설정된 창 / 탭에서만 사용할 수 있습니다. 데이터는 영구적이지 않습니다. 즉, 창 / 탭을 닫으면 손실됩니다. localStorage와 마찬가지로 동일한 출처 정책에서 작동합니다. 따라서 저장된 데이터는 동일한 원본에서만 사용할 수 있습니다.

대답 2:

sessionStorage, localStorage 및 Cookies는 모두 클라이언트 측에 데이터를 저장하는 데 사용됩니다. 각각에는 자체 저장 및 만료 제한이 있습니다.

localStorage : 만료 날짜가없는 데이터를 저장하고 JavaScript를 통해서만 삭제되거나 브라우저 캐시 / 로컬로 저장된 데이터를 지 웁니다.

sessionStorage : localStorage와 유사하지만 브라우저가 닫히면 만료됩니다 (탭이 아님).

쿠키 : 후속 요청과 함께 서버로 다시 보내야하는 데이터를 저장합니다. 만료는 유형에 따라 다르며 만료 기간은 서버 측 또는 클라이언트 측 (일반적으로 서버 측)에서 설정할 수 있습니다.

쿠키는 주로 서버 측 읽기 (클라이언트 측에서도 읽을 수 있음), localStorage 및 sessionStorage는 클라이언트 측에서만 읽을 수 있습니다.

참조 : http : //stackoverflow.com/a/32208...http : //stackoverflow.com/a/19869 ...


대답 3:

기능면에서 쿠키를 사용하면 문자열 만 저장할 수 있습니다. sessionStorage 및 localStorage를 사용하면 JavaScript 프리미티브를 저장할 수 있지만 객체 또는 배열은 저장할 수 없습니다. 세션 스토리지는 일반적으로 서버 측 언어 / 프레임 워크에서 지원하는 기본 요소 나 객체를 저장할 수 있습니다.

localStorage와 sessionStorage는 비교적 새로운 API이며 지속성을 제외하고 거의 동일합니다 (API 및 기능 모두). sessionStorage는 브라우저 세션 기간 동안 만 사용할 수 있으며 탭이나 창이 닫히면 삭제됩니다. 그러나 페이지를 다시로드해도 살아남습니다.

localStorage 및 sessionStorage는 페이지 사이의 클라이언트 스크립트 내에서 중요하지 않은 데이터를 유지하는 데 적합합니다 (예 : 환경 설정, 게임 점수).

쿠키는 인증 및 사용자 데이터의 지속성을 위해 사용되며, 페이지에 유효한 모든 쿠키는 동일한 요청이있을 때마다 브라우저에서 서버로 전송됩니다. 여기에는 원본 페이지 요청, 모든 후속 Ajax 요청, 모든 이미지, 스타일이 포함됩니다 -시트, 스크립트 및 글꼴.

자세한 정보 :-로컬 스토리지, 세션 스토리지 및 쿠키의 차이점


대답 4:

웹 애플리케이션은 사용자 브라우저 내에 로컬로 데이터를 저장할 수 있습니다

HTML5 이전에는 모든 서버 요청에 포함 된 응용 프로그램 데이터를 쿠키에 저장해야했습니다. 웹 저장소는 더욱 안전하며 웹 사이트 성능에 영향을주지 않으면 서 대량의 데이터를 로컬에 저장할 수 있습니다.

HTML 웹 저장소는 클라이언트에 데이터를 저장하기위한 두 가지 개체를 제공합니다.

  • window.localStorage-만료없이 데이터를 저장합니다 datewindow.sessionStorage-한 세션에 대한 데이터를 저장합니다 (브라우저 탭을 닫으면 데이터가 손실 됨)

localStorage 객체 :

localStorage 객체는 만료 날짜가없는 데이터를 저장합니다. 브라우저를 닫을 때 데이터는 삭제되지 않으며 다음 날, 주 또는 연도에 사용할 수 있습니다.

// StorelocalStorage.setItem ( "lastname", "Smith");

// 검색

localStorage.getItem ( "lastname");

//없애다

localStorage.removeItem ( "lastname");

sessionStorage 객체 :

sessionStorage 객체는 localStorage 객체와 동일하지만 한 세션의 데이터 만 저장한다는 점이 다릅니다. 사용자가 특정 브라우저 탭을 닫으면 데이터가 삭제됩니다.