# Web Storage

쿠키, 세션, JWT - 인증방식의 진화
클라이언트가 웹 사이트에 접속할 때 서버가 클라이언트에 남기는 작은 데이터 조각입니다. 저장하고자 하는 정보를 response header에 저장하여 전달하며, key value 형식의 문자열로 구성되어 있습니다.

Cookie와 Web Storage의 각 저장소, 언제 사용하는 것이 좋을까?
HTTP는 요청과 응답으로 이뤄지는 하나의 사이클이 끝나면, 연결이 끊어지는 무상태성을 가져 클라이언트의 상태를 보존하지 않습니다.HTTP의 이러한 단점을 보완하고자 쿠키와 웹 스토리지를 통해 서버가 아닌 클라이언트의 사용자 정보 및 상태를 저장해두고 필요시마다 데이터

[web] Web Storage와 Cookie
데이터를 브라우저에 저장하는 방식인 Web storage와 쿠키의 차이점에 대해서 알아보도록 하겠다.
쿠키와 웹 스토리지
클라이언트가 웹 서버로 데이터를 요청하고 서버는 요청받은 데이터를 보내준다. 2가지 통신 방식HTTP - 요청을 보낸 경우에만 응답하는 단방향 통신 응답 후 연결 종료 Socket - 서버와 클라이언트가 연결을 유지 실시간 데이터 (스트리밍, 게임)HTTP는 요청과 응

Web Storage
프로젝트를 하면서 많이 사용해봤을 web Storage에 대해서 한번 얘기해보자.예를 들자면,보통 로그인을 하였을때 서버로 부터 token을 받게 되는데 이것을 context API,Redux,Recoil 등 전역상태관리를 사용하는 라이브러리를 사용하지 않을때, 임시적

JSON
DOM은 HTML과 XML문서의 구조를 정의하는 API 제공.문서 요소 집합을 트리 형태의 계층 구조로 HTML을 표현.HTML 계층 구조의 제일 위에는 document 노드가 있고 그 아래로 HTML 태그나 요소(element)들을 표현하는 노드와 문자열을 표현하는

[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에