# sessionStorage

57개의 포스트

local storage vs session storage vs cookie

모두 클라이언트 상에서 key/value 쌍을 저장할 수 있는 메커니즘으로 value는 반드시 문자열이어야 한다. 또한 모두 동일 출처 정책(SOP)을 따르기 때문에 다른 도메인에서 접근할 수 없다. | | cookie | local storage | session storage | | --- | --- | --- | --- | | 생성자 | 클라이언트...

2일 전
·
0개의 댓글

local storage VS session storage VS cookie

| | cookie | local storage | session storage | | --- | --- | --- | --- | | 생성자 | 클라이언트/서버 | 클라이언트 | 클라이언트 | | 지속시간 | 설정 여부에 따름 | 명시적으로 지울때까지 | 탭,윈도우 닫을때까지 | | 용량 | 5KB | 5MB / 10MB | 5MB | | 서버와의 통신 ...

6일 전
·
0개의 댓글
post-thumbnail

코드캠프 FE 26일차 - TIL(Generic,Cookie/LocalStorage/SessionStorage,basket)

📔 학습목표1.타입 >> Generic2\. 브라우저에 저장 >> cookie/localstorage/sessionstorage3\. 비회원 전용 장바구니 >> basketany 어떤 타입이든 다 됌.unknown 도 any처럼 다 되는 any보다 안정성을 더 중요

2022년 6월 14일
·
0개의 댓글
post-thumbnail

26) 화요일

타입스크립트의 Generic 타입을 사용하면, 인자에 들어오는 타입을 그대로 사용 가능문자 타입숫자 타입애니 타입애니 타입2 (인자가 여러개일 경우)6\. 제네릭 타입2 (4번을 제네릭 타입으로 바꾸기) => 더 안전한 코드 작성 가능7\. 제네릭 타입3(실무형) 축약

2022년 6월 14일
·
0개의 댓글

로컬 스토리지/세션스토리지/쿠키

브라우저에 데이터를 저장할 수 있는 공간이다.로컬스토리지와 세션스토리지의 차이는 영구성이다.사용자가 직접 삭제하지 않으면 영구적으로 저장서로 다른 브라우저 탭이라도 동일한 로컬스토리지사용브라우저를 종료해도 저장사용 예 : 자동로그인탭 단위로 세션스토리지 저장소 생성그렇

2022년 4월 23일
·
0개의 댓글
post-thumbnail

26일) 그놈의 generic이 뭐에요ㅠ typescript 심화/Cookie/LocalStorage/SessionStorage / 장바구니를 브라우저 안에 담아줘보자 ! Code Camp FE 6기

우리가 배웠던 자바스크립트같은 any타입 ! 아무거나 넣어줘!비슷한.. 나는 모르겠어! 라고 말하는 unknown 타입\- 비회원 전용 장바구니가 있다구 ? localStorage 응용 Basket

2022년 4월 19일
·
0개의 댓글
post-thumbnail

[2022.04.12] Javascript Web Storage (LocalStorage, SessionStorage)

클라이언트에 데이터를 저장하는 방법으로 서버나 DB에 저장하지 않아도 되는 데이터를 저장할 때 사용한다. 최대 5MB까지(브라우저마다 차이 있음) 저장할 수 있다. 쿠키의 문제점을 극복하기 위한 저장공간이기도 하다.데이터가 유실되는 것을 방지하고자 사용된다. 웹 스토리

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

브라우저쿠키(Cookie),로컬스토리지(LocalStorage),세션스토리지(sessionStorage)

요약데이터베이스를 사용하지않고 데이터를 임시적인 용도로 저장 할 때 사용하는것 \-대부분의 데이터는 데이터 베이스에 저장하고 해당하는 사용처에 따라 쿠키,세션스토리지,로컬스토리지를 적절히 사용해야한다.\-대부분 임시적인 용도의 데이터나 캐시 , history 기능을 위

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

[TIL] 🍪Cookie와 📦WebStorage

웹사이트 접속시 접속자의 개인장치에 다운로드 되고 브라우저에 저장되는 작은 텍스트 파일.웹사이트는 쿠키를 통해 접속자의 장치를 인식하고, 접속자의 설정과 과거 이용내역에 대한 일부 데이터를 저장한다.쿠키는 key,value형태의 문자열들로 이루어져 있으면 4KB 이상

2022년 4월 6일
·
0개의 댓글
post-thumbnail

💻 TIL 12 | 쿠키 그리고 localStorage 와 sessionStorage

로컬 스토리지와 세션 스토리지 그리고 쿠키에 대해서 정리해보았습니다.

2022년 4월 4일
·
4개의 댓글
post-thumbnail

(렌더링 순서 + 모듈화)의 중요성

1) 리덕스 + sessionStorage 이번에 리덕스를 사용하면서 새로고침을 해도 redux state 가 유지될 수 있게 sessionStorage를 활용한 코드를 짰다. 유지되는 state를 이용해 새로고침 시에도 api 요청이 가능하게 짰다고 생각한 순간..

2022년 3월 23일
·
0개의 댓글

LocalStorage와 SessionStorage

웹의 데이터를 클라이언트에 저장할 수 있는 새로운 자료구조.Web Storage는 데이터의 지속성과 관련하여 두 가지 용도의 저장소를 제공한다. 각각 localStorage와 sessionStorage로, 그것들은 브라우저 내에 문자열로 이루어진 "키(key)-값(va

2022년 2월 25일
·
0개의 댓글

Day 26.

Generic . Cookie. LocalStorage. SessionStorage. Basket

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

Web Local Storage

사용자의 브라우저에 저장되는 데이터브라우저 창이 닫힌 후에도 지워지지 않는 만료 날짜가 없는 데이터브라우저 창이 닫힌 후 지워지는 데이터setItem() : 로컬 스토리지에 키, 값을 추가한다.getItem() : 키에 맞는 값을 찾는다.removeItem() : 키에

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

브라우저 저장소

기존의 쿠키에 대한 제약들을 해소하고 조금 더 다양하고 클라이언트에 다양한 기능을 넣고자 HTML5부터 등장하였습니다.쿠키의 제약4kb의 데이터 저장 제한매 HTTP 요청에 포함되어 웹이 느려지게 하는 원인이 될 수 있음같은 쿠키는 도메인 내의 모든 페이지에 같이 전달

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

[JS] sessionStorage를 사용한 언어 변경하기?

📚 sessionStorage를 사용한 웹 사이트 언어 상태 적용하기!

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

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

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

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

App.vue

f5를 누를때마다 홈으로 가버림.컴포넌트 채로 새로고침 됨.sessionStorage.setItem('activeIndex2', idx);를 사용해서 세션저장소에 현재 메뉴의 index값 저장sessionStorage.getItem('activeIndex2');를 사용

2021년 12월 23일
·
0개의 댓글
post-thumbnail

About Cookie & WebStorage

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

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

Storage

DevTools -> Application -> StorageLocal Storage : 창을 닫아도 계속 저장 Session Storage : 창을 닫으면 없어짐

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