# sessionStorage

sju3358

웹/보안

kcj_dev96

사내 프로젝트 중 로그인을 구현하고 있다.로그인 유지 기능이 있어 구현을 해야하는데 조건은 다음과 같이 정의할 수 있다.체크시, 브라우저창을 닫거나 탭을 닫아도 다시 들어올 때에도 로그인이 유지되어야함.체크를 안할시, 브라우저창을 닫거나 탭을 닫으면 다시 들어왔을 때

rlaensk

웹 페이지의 세션이 끝나도 저장된 데이터 삭제되지 않음웹 페이지의 세션이 끝날 때 저장된 데이터가 삭제브라우저에서 같은 웹사이트를 여러 탭이나 창에 띄우면, 여러개의 세션 스토리지에 데이터가 서로 격리되어 저장되고, 각 탭이나 창이 닫힐 때 저장해둔 데이터도 함께 소멸

dy9495

Web Storage API는 브라우저에서 키/값을 쿠키보다 훨씬 직관적으로 저장할 수 있는 방법을 제공한다. Web Storage의 두 가지 방식은 sessionStorage와 localStorage가 있다.sessionStorage는 각각의 출처에 대해 독립적인 저

hameee

🌈 학습을 위해 Must-Know-About-Frontend에서 가져온 내용을 수정, 추가하여 작성한 글입니다. 기존 내용과 대부분 유사하며 Summary 부분은 추가하였습니다. Summary | | Cookie | localStorage | sessionStorage | | ------------- | ------------...

c65621

이전 포스트에서는 인증과 인가의 기본 개념과 세션과 JWT기반 인증에 관해 작성했습니다.이번 포스트에서는 JWT 저장위치에 대해서 설명합니다.JWT(JSON Web Token)를 사용하면 클라이언트가 서버에 요청을 보낼 때마다 서버로 토큰을 보내서 사용자를 인증할 수

hyeminpak

Cookie(쿠키) 도메인 단위로 저장 표준안 기준, 사이트당 최대20개 및 4KB로 제한 영구 저장 불가능 domain : 유효 도메인 설정 (도메인이 맞지 않으면 쿠키가 생성되지 않는다.) path : 유효 경로 설정 expires : 만료 날짜(UTC Date)

gingaminga

쿠키만 차단해야지😡

daekuenhan

LocalStorage, SessionStorage, Cookie는 비슷하지만 데이터의 성격에 따라 잘 선택해서 사용해야하는 저장소이다.정리하지 않으면 햇갈리는 경우가 있기때문에 한번 정리해보고자 한다.해당 도메인과 관련된 데이터들을 서버가 아닌 클라이언트(웹브라우저)

unhyif

데이터 저장과 관련된 개념들을 정리해 본다. HTTP는 stateless하므로, stateful한 동작을 구현하기 위해 cookie/session/token을 활용할 수 있음 Cookie > 브라우저에 저장되는 작은 기록 파일로, key:value 형식의 문자열 서버가 응답 헤더에 설정하여 클라이언트에 전달함 만료 시간을 명시할 수 있고, 만료 시간...

chhw130

  다음과 같이 다크 모드 적용을 위해 localstorage에 theme 저장 후 이 값을 가져와서 새로고침이 되더라도 theme를 유지하려 했다. 그런데 위와 같이 localStorage를 찾지 못하고 있어서 문제 해결에 어려움이 있었다. 왜 localStorage

a770418

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

haizel

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

strong-minsu

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

sebinn

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

upisdown

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

loopydoopy

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

yj05037

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

gkdis6

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

creyon0215

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