# sessionStorage

94개의 포스트

sessionStorage localStorage IndexedDB 각각의 차이에 대해

sessionStorage는 크롬을 기준으로 개발자 도구 -> 상단의 Application -> Storage에 sessionStorage로 로 들어가면 각 브라우저 탭별로 접근이 가능하다 이 저장소의 특징으로는휘발성 데이터여서 해당탭을 끄는 순간 데이터가 사라진다.각

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

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

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

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

Web Storage

localStorage & sessionStorage💡 성공은 당신이 하길 원하는 것을 할 때 따라온다. 이것이 유일한 성공의 비결이다. "Success follows doing what you want to do. There is no other way to do.

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

LocalStorage, SessionStorage, IndexedDB 알아보기

LocalStorage, SessionStorage, IndexedDB에 대해 알아보기

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

[FE] 브라우저 저장소(LocalStorage, SessionStorage, Cookie)

브라우저에는 크게 3가지 저장소가 있음LocalStorage, SessionStorage, Cookie클라이언트 측에서 데이터를 저장하는 데 사용됩니다.저장한 데이터는 서버나 브라우저가 닫혀도 유지됩니다.저장할 수 있는 데이터의 크기는 보통 5MB 정도입니다.모든 페이

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

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

웹 스토리지쿠키위의 두 가지 방식 중 사용할 수 있다.쿠키와 다르게 웹 스토리지는 네트워크 요청 시 서버로 전송되지 않음\-> 쿠키보다 더 많은 자료 보관 가능저장 형태: 쿠키는 문자열 / 웹 스토리지는 키(key)-값(value) 쌍데이터 저장 용량: 쿠키는 4KB

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

쿠키, 로컬, 세션

클라이언트에서 생성이 가능하고,서버에서도 생성이 가능하다.지속시간 설정이 가능하다.용량 4~5KB서버와 통신시 포함되어 날라갔다가 받아온다.XSS,CSRF 공격에 취약Expire - 날짜를 지정하며 만료 시간이 지나면 브라우저가 삭제합니다.Max-Age - 유효 시간을

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

웹 스토리지 (로컬 스토리지, 세션 스토리지)

자바스크립트로 웹 개발을 하다보면 데이터를 저장할 일이 생기는데, 보통 이럴 때 데이터베이스(DB) 서버나 클라우드(Cloud) 플랫폼, 세션, 쿠키 등에 데이터를 저장하는 경우가 많습니다.저장해야할 데이터가 별로 중요하지 않거나, 유실되어도 무방하거나 테스트를 위한

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

Learn Cookie, Session, Local Storage

state(변수) : 새로고침 시 초기화 로컬 스토리지는 HTML5부터 추가된 브라우저 저장소 기능으로, 사용자의 로컬 컴퓨터에 데이터를 저장한다. 로컬 스토리지에 저장된 데이터는 브라우저가 닫혀도 계속해서 유지된다. 로컬 스토리지는 쿠키와 세션보다 더 많은 데이터를

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

브라우저 저장소

해당 도메인과 관련된 특정 데이터를 클라이언트 웹 브라우저에 저장할 수 있도록 해주는 기능데이터를 명시적으로 지우지 않는 이상 영구적 보관 \- 브라우저 닫아도 유지브라우저 열려있는 한, 새로고침을 하여도 유지 \- 브라우저 닫거나, 탭 이동 시 삭제cookie는

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

[CS] 브라우저 저장소(local storage, session storage, cookie)

Cookie는 웹사이트 접속시 접속자의 개인장치에 다운로드 되고 브라우저에 저장되는 작은 텍스트 파일입니다.웹사이트는 쿠키를 통해 접속자의 장치를 인식하고, 접속자의 설정과 과거 이용내역에 대한 일부 데이터를 저장합니다.다시 보지 않음 팝업창 시에 사용할 수 있습니다.

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

[web] LocalStorage, SessionStorage, Cookies

LocalStorage, SessionStorage, Cookies

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

IndexedDB

보통 웹페이지를 구성할 때 정보들을 기억해야 할 때가 분명 존재한다. 간단한 텍스트부터 용량이 꽤 되는 파일까지 다양한 요소들이 있다. 이를 위해 당연히 외부 DB를 사용할 것이라고 생각하겠지만 간단한 정보를 위해 외부 DB에 접근해서 값을 찾아오는 것은 성능적인 부분

2023년 3월 13일
·
0개의 댓글
·

2/28 TIL

토이 프로젝트를 해오면서 사용자에게 할당 되는 필요한 정보를 전역 상태로만 관리할 수 있는게 아닌 브라우저에 저장할 수 있다는 걸 알게 된 후 공부하게 되었다.Window에 속해 있는 저장소로 HTML5부터 추가되었다.사용자가 데이터를 지우지 않는 이상 영구적으로 Wi

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

[React]LocalStorage / SessionStorage

데이터를 임의로 지우지 않으면 영구 보존됨.windows 전역 객체의 localStorage라는 컬렉션을 통해 사용됨ex) ID 저장하기, token 저장, 유저의 접속시간 저장SessionStorage는 브라우저의 탭을 닫으면 삭제됨.windows 전역 객체의 ses

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

[react] 로그인 상태 유지

웹사이트에서 권한이 필요한 동작을 하기 위해서는 로그인이 필요하다. 로그인을 하게되면 유지해야 되는 값 (ex: token) 들을 저장해서 가지고 있어야 하고 어떤 방식을 선택해야 할지 고민하게 되었다. 이번에 업무중 고민하면서 선택한 방법을 작성한다. 상황 먼저

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

브라우저 저장소

브라우저 저장소에 대해 설명 로컬스토리지, 세션스토리지, 쿠키 설명 로컬스토리지와 세션스토리지의 차이는 영구성이다 로컬스토리지의 데이터는 사용자가 지우지 않는 이상 계속 브라우저에 남아 있다 세션스토리지의 데이터는 윔도우나 브라우저 탭을 닫을 경우 제거 된다 지속적으로 필요한 데이너는 로컬 스토리지에 저장하고, 잠깐 동안 필요한 정보는 세션스토리지에 저...

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

Cookie, Local storage, Session storage

[ 4주차 ] 01. Cookie || 02. LocalStorage VS. SessionStorage || 여기서 의문점

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

[NextJS] localStorage 에러핸들링 -localStorage is not defined-

CSR과 SSR의 차이로 인한 에러!Next.js는 client-side 렌더를 하기전에 server-side 렌더를 수행한다.Next.js에서 제공하는 Server Side Rendering(SSR)에선 client-side에 존재하는 window, document

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

[JavaScript] 로컬 스토리지, 세션 스토리지, 쿠키

쿠키와 로컬 스토리지, 세션 스토리지는 모두 브라우저에서 데이터 저장소의 역할을 한다.웹에서 로그인을 하기 위해서는 토큰을 발급받아 API를 호출해야 한다. 하지만, 반복되는 작업을 계속 하게 되는 것이 비효율적이고, 이를 보완하기 위해 쿠키를 서버와 클라이언트에 생성

2023년 1월 11일
·
0개의 댓글
·