# Web Storage

23개의 포스트
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개의 댓글
·

LocalStorage

유저의 브라우저에 정보를 저장하고 싶을 때 쓰는 공간이다.사이트마다 5MB 정도의 문자 데이터를 저장가능object 자료랑 비슷하게 key/value 형태로 저장한다.유저가 브라우저 청소를 하지 않는 이상 영구적으로 남아 있다.❗️주의LocalStorage는 문자만 저

2023년 2월 23일
·
0개의 댓글
·
post-thumbnail

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

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

2023년 2월 22일
·
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개의 댓글
·

[js] localStorage vs sessionStorage vs cookie

Cookie vs Web Storage(localStorage, sessionStorage)

2021년 10월 21일
·
0개의 댓글
·

[JS] 웹 저장소(Web Storage)

#Web Storage #Cookie #localStorage #localStorage #token

2021년 10월 4일
·
0개의 댓글
·

LocalStorage & SessionStorage

LocalStorage와 SessionStorage 의 차이점, 간단한 사용법을 알아보자! "Uncaught QuotaExceededError: Failed to execute 'setItem' on 'Storage': Setting the value of 'key'

2021년 9월 17일
·
0개의 댓글
·
post-thumbnail

Cookie와 HTML5의 WebStorage (수정)

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

2021년 9월 4일
·
0개의 댓글
·
post-thumbnail

[Web] Cookie, Web Storage

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

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

LocalStorage / SessionStorage / Cookie

localStorage vs SessionStorage vs Cookie

2021년 1월 28일
·
0개의 댓글
·
post-thumbnail

Web(Browser) Storage

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

2020년 12월 21일
·
0개의 댓글
·