# Web Storage

30개의 포스트
post-thumbnail

쿠키, 세션, JWT - 인증방식의 진화

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

2023년 5월 15일
·
0개의 댓글
·
post-thumbnail

Cookie와 Web Storage의 각 저장소, 언제 사용하는 것이 좋을까?

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

2023년 5월 11일
·
0개의 댓글
·
post-thumbnail

[web] Web Storage와 Cookie

데이터를 브라우저에 저장하는 방식인 Web storage와 쿠키의 차이점에 대해서 알아보도록 하겠다.

2023년 4월 21일
·
0개의 댓글
·

쿠키와 웹 스토리지

클라이언트가 웹 서버로 데이터를 요청하고 서버는 요청받은 데이터를 보내준다. 2가지 통신 방식HTTP - 요청을 보낸 경우에만 응답하는 단방향 통신 응답 후 연결 종료 Socket - 서버와 클라이언트가 연결을 유지 실시간 데이터 (스트리밍, 게임)HTTP는 요청과 응

2023년 4월 5일
·
0개의 댓글
·
post-thumbnail

Web Storage

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

2023년 3월 31일
·
0개의 댓글
·
post-thumbnail

JSON

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

2023년 3월 19일
·
0개의 댓글
·
post-thumbnail

프론트엔드 (Event,JSON/WebStorage)

프론트엔드 - Event/JSON/WebStorage

2023년 3월 14일
·
0개의 댓글
·
post-thumbnail

[JavaScript] 웹 스토리지를 이용한 상태 유지

웹 스토리지가 무엇인지, 그리고 그 종류를 알아보고, 이를 이용해 상태 유지를 구현해보자.

2023년 2월 22일
·
0개의 댓글
·

브라우저 저장소

브라우저의 저장소는 크게 쿠키와 웹 스토리지가 있습니다.웹 스토리지는 로컬 스토리지와 세션 스토리지로 나뉘는데, 오늘은 이에 대해 알아보도록 합시다.브라우저 저장소의 용도세션 관리서버에 저장해야 할 로그인, 장바구니, 게임 스코어 등의 정보 관리를 위해 사용됩니다.개인

2023년 2월 19일
·
0개의 댓글
·

Web Storage(Local Storage, Session Storage) 와 Cookie

웹사이트에 최적화된 로그인 기능을 구현하기 위해서, 토큰들을 어떻게, 어디에 저장할 것인지, access token 과 refresh token을 어떻게 관리할지를 결정할때, 웹스토리지와 쿠키에 대한 이해가 필요하다. 특정 데이터를 서버가 아닌 클라이언트 웹브라우저에

2022년 12월 3일
·
0개의 댓글
·
post-thumbnail

DAY23

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

2022년 12월 1일
·
0개의 댓글
·
post-thumbnail

main-프로젝트/로컬스토리지, 세션스토리지, 쿠키

Local Storage, Session Storage, Cookie가 있다server-side Storage와는 달리, JavaScript API를 통해 클라이언트에 정보를 저장하고 필요 시 가져다 쓸 수 있다. server-side Storage와 비교했을 때 정보

2022년 10월 7일
·
0개의 댓글
·
post-thumbnail

Cookie🍪 와 Web Storage

Cookie와 Web Storage (Local Storage, Session Storage)는 왜 말로 설명만 하려고 하면 헷갈릴까? 이번 기회에 다시 정리해보자!

2022년 9월 9일
·
0개의 댓글
·

[WEB]LocalStorage / SessionStorage

Web Storage HTML5 부터 도입된 데이터를 브라우저에 저장할수 있는 저장소 키 / 값 쌍으로 데이터를 저장하고 키를 기반으로 데이터를 조회 상대적으로 덜 중요한 데이터를 보관 문자열(String) 타입만 지원(다른 타입을 넣어도 자동으로 문자열로 변환) 같은

2022년 8월 2일
·
0개의 댓글
·
post-thumbnail

브라우저 저장소 - LocalStorage, SessionStorage, Cookie

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

2022년 1월 7일
·
0개의 댓글
·
post-thumbnail

About Cookie & WebStorage

Cookie와 Local Storage, Session Storage의 개념과 그 차이에 대해 조사하고 공부해보았다.

2021년 12월 20일
·
0개의 댓글
·

Application panel

현재 로딩된 웹 페이지에서 사용된 리소스(이미지, 스크립트, 데이터)를 열람할 수 있는 패널웹 SQL 데이터베이스, 로컬 및 세션 스토리지, 쿠키, 어플리케이션 캐시, 이미지, 폰트, 스타일시트를 포함한 로딩된 모든 리소스를 검사한다.web storage(HTML 5에

2021년 12월 3일
·
0개의 댓글
·