TIL/FE 지식

8. 브라우저 저장소의 차이점 (LocalStorage, SessionStorage, Cookie)

반응형

 

Cookie와 Web Storage의 차이점: Cookie는 매번 서버로 전송된다. Web Storage는 저장된 데이터가 클라이언트에 존재할 뿐, 서버로 전송되지 않는다. 이것은 네트워크 트래픽 비용을 줄여주는 주요한 장점이 된다. 

Local Storage는 저장한 데이터를 명시적으로 삭제하지 않는 이상 영구적인 보관이 가능하다. 도메인마다 별도로 로컬 스토리지가 생성된다. 브라우저를 종료해도 데이터가 보관되어 다음번 접속에도 사용할 수 있다.

Session Storage는 데이터의 지속성과 액세스 범위에 특수한 제한이 존재한다. 데이터가 지속적으로 보관되지 않고 현재 페이지가 브라우징 되고 있는 브라우저 콘텍스트 내에서만 데이터가 유지된다. 브라우저가 종료되면 데이터도 같이 지워진다. 같은 사이트의 같은 도메인이어도 브라우저가 다르면 서로 다른 영역이 된다. 

 

SessionStorage 와 LocalStorage 차이점

WEB STORAGE WEB STORAGE란? HTML5 에는 웹 사이트의 데이터를 클라이언트에 저장할 수 있는 새로운 자료구조인 Web Storage 스펙이 포함되어있습니다. Web Storage의 개념은 키/값 쌍으로 데이터를 저장하고

kcizzang.tistory.com

728x90
반응형

'TIL > FE 지식' 카테고리의 다른 글

3. 클로저의 원리와 사용하는 이유  (0) 2023.02.21
33. Virtual DOM  (0) 2023.02.05
Front-end 지식 목록  (0) 2023.01.31