Cookie
- 쿠키는 클라이언트에 대한 정보를 이용자의 PC의 하드디스크에 보관하기 위해서 웹 사이트에서 클라이언트의 웹 브라우저에 전송하는 정보이다.
Cookie의 특징
-
웹 사이트에서 쿠키를 설정하면 이후 모든 웹 요청은 쿠키 정보를 포함하여 서버로 전송됩니다.
-
쿠키는 개수와 용량에 있어 제한을 걸어 두고 있습니다. 하나의 사이트에서 저장할 수 있는 최대 쿠키 수는 20개이며, 하나의 사이트에서 저장할 수 있는 최대 쿠키 크키는 4KB로 제한되어 있습니다
-
쿠키는 만료일자를 지정하게 되어 있어서 언젠가는 제거됩니다. 만료 일자를 지정하지 않으면 세션 쿠키가 됩니다.
Local Storage
-
로컬 스토리지는 window.localStorage에 위치하고 있습니다.
-
Key, Value값을 저장 할 수 있고 순서대로 작성하여 저장할 수 있습니다.
-
로컬 스토리지의 값들은 JavaScript를 통해서만 삭제가 가능하며 저장 용량 한도는 세션 스토리지, 쿠키보다 가장 높은 용량을 보유하고 있습니다.
-
로컬 스토리지의 데이터는 서버로 전송되지 않습니다.
Local Storage 장단점
👍 장점
-
서버에 불필요한 데이터를 저장하지 않습니다.
-
세션 스토리지, 쿠키보다 용량이 큽니다.
👎 단점
- 호환이 좋지 않다.
- 웹 스토리지는 HTML5 미만의 브라우저 환경에는 호환되지 못합니다.
Session Storage
-
SessionStorage는 세션 종료 시(브라우저를 닫을 경우) 클라이언트에 대한 정보가 삭제됩니다.
-
windows 전역 객체의 SessionStorage라는 컬렉션을 통해 저장/조회가 이루어 집니다.
SessionStorage의 특징
-
데이터가 지속적으로 보관되지 않습니다.
-
브라우저 기반 세션 쿠키와 그 성질이 비슷한데, 현재 페이지가 브라우징 되고 있는 브라우저 컨텍스트 내에서만 데이터가 유지됩니다.
어떤 상황에서 사용하는 지??
-
팝업창 : Cookie
-
자동로그인 : Local Storage
-
입력 폼 정보: Session Storage
-
비로그인 장바구니: Session Storage
