# Web Storage

JSON
DOM은 HTML과 XML문서의 구조를 정의하는 API 제공.문서 요소 집합을 트리 형태의 계층 구조로 HTML을 표현.HTML 계층 구조의 제일 위에는 document 노드가 있고 그 아래로 HTML 태그나 요소(element)들을 표현하는 노드와 문자열을 표현하는
LocalStorage
유저의 브라우저에 정보를 저장하고 싶을 때 쓰는 공간이다.사이트마다 5MB 정도의 문자 데이터를 저장가능object 자료랑 비슷하게 key/value 형태로 저장한다.유저가 브라우저 청소를 하지 않는 이상 영구적으로 남아 있다.❗️주의LocalStorage는 문자만 저

[JavaScript] 웹 스토리지를 이용한 상태 유지
웹 스토리지가 무엇인지, 그리고 그 종류를 알아보고, 이를 이용해 상태 유지를 구현해보자.
Web Storage(Local Storage, Session Storage) 와 Cookie
웹사이트에 최적화된 로그인 기능을 구현하기 위해서, 토큰들을 어떻게, 어디에 저장할 것인지, access token 과 refresh token을 어떻게 관리할지를 결정할때, 웹스토리지와 쿠키에 대한 이해가 필요하다. 특정 데이터를 서버가 아닌 클라이언트 웹브라우저에

DAY23
쿠키는 클라이언트(브라우저) 로컬에 저장되는 키와 값이 들어있는 작은 데이터 파일사용자 인증이 유효한 시간을 명시할 수 있으며, 유효 시간이 정해지면 브라우저가 종료되어도 인증이 유지된다는 특징쿠키는 클라이언트의 상태 정보를 로컬에 저장했다가 참조클라이언트에 300개까

main-프로젝트/로컬스토리지, 세션스토리지, 쿠키
Local Storage, Session Storage, Cookie가 있다server-side Storage와는 달리, JavaScript API를 통해 클라이언트에 정보를 저장하고 필요 시 가져다 쓸 수 있다. server-side Storage와 비교했을 때 정보

Cookie🍪 와 Web Storage
Cookie와 Web Storage (Local Storage, Session Storage)는 왜 말로 설명만 하려고 하면 헷갈릴까? 이번 기회에 다시 정리해보자!
[WEB]LocalStorage / SessionStorage
Web Storage HTML5 부터 도입된 데이터를 브라우저에 저장할수 있는 저장소 키 / 값 쌍으로 데이터를 저장하고 키를 기반으로 데이터를 조회 상대적으로 덜 중요한 데이터를 보관 문자열(String) 타입만 지원(다른 타입을 넣어도 자동으로 문자열로 변환) 같은

브라우저 저장소 - LocalStorage, SessionStorage, Cookie
클라이언트(브라우저) 로컬에 저장되는 키(key)와 값(value)가 들어있는 데이터 파일서버와 클라이언트 간의 지속적인 데이터 공유(교환)를 위해 만들어졌다.사이트에서 방문한 페이지를 저장하거나 클라이언트에 유저의 정보를 저장하는 등 다양한 방법으로 사용된다.

About Cookie & WebStorage
Cookie와 Local Storage, Session Storage의 개념과 그 차이에 대해 조사하고 공부해보았다.
Application panel
현재 로딩된 웹 페이지에서 사용된 리소스(이미지, 스크립트, 데이터)를 열람할 수 있는 패널웹 SQL 데이터베이스, 로컬 및 세션 스토리지, 쿠키, 어플리케이션 캐시, 이미지, 폰트, 스타일시트를 포함한 로딩된 모든 리소스를 검사한다.web storage(HTML 5에
[js] localStorage vs sessionStorage vs cookie
Cookie vs Web Storage(localStorage, sessionStorage)
LocalStorage & SessionStorage
LocalStorage와 SessionStorage 의 차이점, 간단한 사용법을 알아보자! "Uncaught QuotaExceededError: Failed to execute 'setItem' on 'Storage': Setting the value of 'key'

Cookie와 HTML5의 WebStorage (수정)
HTTP 프로토콜의 특징으로 비연결성(Connectionless)과 무상태성(Stateless)이다. 즉, 서버와 클라이언트간의 통신할때 상태를 저장하지 않으며, 서버의 자원을 절약하기 위해 요청마다 연결과 해재를 반복한다. 이 두가지 특징으로, 서버의 자원은 많이

[Web] Cookie, Web Storage
Web Storage 종류 및 차이점 1. Session Storage 2. Local Storage Cookie ?? Local Storage key-value의 데이터 구조를 갖는 저장소. 쓰는 방법 1. 가져오기 2. 저장하기 주의할점 1. key : va

LocalStorage / SessionStorage / Cookie
localStorage vs SessionStorage vs Cookie

Web(Browser) Storage
WEB STORAGE이란 웹의 데이터를 클라이언트에 저장할 수 있는 자료구조다. 키/값 쌍으로 데이터를 저장하고 키를 기반으로 데이타를 조회하는 패턴이다. 내부적으로는 영구저장소(LocalStorage)와 임시저장소(SessionStorage)가 분리되어 데이터 지속성