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

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

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

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

문제 해결 🛠 – vue
🔒 문제 상황 게시판의 임시저장 기능을 만들어보자. (style 은 다 제외했다.) > 1. Board.vue 에서 [글쓰기] 버튼을 누르면 컴포넌트가 보여진다. 2. 컴포넌트에서 input에 어떠한 글을 작성한다. 3-1. [임시저장] 버튼을 누르면 localS
[FE] 브라우저 저장소(LocalStorage, SessionStorage, Cookie)
브라우저에는 크게 3가지 저장소가 있음LocalStorage, SessionStorage, Cookie클라이언트 측에서 데이터를 저장하는 데 사용됩니다.저장한 데이터는 서버나 브라우저가 닫혀도 유지됩니다.저장할 수 있는 데이터의 크기는 보통 5MB 정도입니다.모든 페이
쿠키, 로컬 스토리지, 세션 스토리지
웹 스토리지쿠키위의 두 가지 방식 중 사용할 수 있다.쿠키와 다르게 웹 스토리지는 네트워크 요청 시 서버로 전송되지 않음\-> 쿠키보다 더 많은 자료 보관 가능저장 형태: 쿠키는 문자열 / 웹 스토리지는 키(key)-값(value) 쌍데이터 저장 용량: 쿠키는 4KB
쿠키, 로컬, 세션
클라이언트에서 생성이 가능하고,서버에서도 생성이 가능하다.지속시간 설정이 가능하다.용량 4~5KB서버와 통신시 포함되어 날라갔다가 받아온다.XSS,CSRF 공격에 취약Expire - 날짜를 지정하며 만료 시간이 지나면 브라우저가 삭제합니다.Max-Age - 유효 시간을
웹 스토리지 (로컬 스토리지, 세션 스토리지)
자바스크립트로 웹 개발을 하다보면 데이터를 저장할 일이 생기는데, 보통 이럴 때 데이터베이스(DB) 서버나 클라우드(Cloud) 플랫폼, 세션, 쿠키 등에 데이터를 저장하는 경우가 많습니다.저장해야할 데이터가 별로 중요하지 않거나, 유실되어도 무방하거나 테스트를 위한
토큰 인증 오류 (400 에러 - 토큰 만료)
토큰을 새로 받아 왔음에도 불구하고 토큰 만료로 400에러가 반복해서 발생보통 에러코드가 401로 오면 만료된 토큰 사용을 의미하며, 400으로 올 경우 요청이 잘못되었을 때 발생한다는 점에 착안하여 코드를 다시 검토해 봄해결 및 원인여기서 localstorage.ge

로그인 구현
팀 프로젝트 진행시 로그인 구현에대한 고민을 적은 글이다. 문제상황 팀 프로젝트에서 회원가입 로그인 로그아웃 로직의 구현을 맡았다. 프로젝트 요구조건에 JWT를 통한 로그인 구현이 있었지만 다른 로그인 방식은 어떤게 있고 만일 더 좋은 방법이 있다면 다른 방식으로

[js] 브라우저 저장소 잘 사용하기 (localStorage, SessionStorage...)
📌 브라우저 저장소 웹 페이지를 제작하다보면 중요하지 않지만 저장해야하는 데이터들이 있는데, 이를 저장하기 위해 DB를 통하는 것은 큰 부담이 됩니다. 이럴 때는 브라우저 세션에서만 저장되는 브라우저 저장소를 사용하면 됩니다. 브라우저 저장소에는 localStor
Learn Cookie, Session, Local Storage
state(변수) : 새로고침 시 초기화 로컬 스토리지는 HTML5부터 추가된 브라우저 저장소 기능으로, 사용자의 로컬 컴퓨터에 데이터를 저장한다. 로컬 스토리지에 저장된 데이터는 브라우저가 닫혀도 계속해서 유지된다. 로컬 스토리지는 쿠키와 세션보다 더 많은 데이터를

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

Login form 만들기
input value 인풋의 유효성검사를 하기 위해서는 form안에 input이 있어야함 form 태그 안에서의 button은 제출하는 역할 button태그의 기본값인 submit으로 그냥 두어야 제출이 됨. console.dir(loginInput)으로 input
2023.04.04
그 동안 request에 실리는 데이터가 아니면, 원하는 생명주기에 맞춰서 sessionStorage나 localStorage를 사용하는게 낫다고 생각해왔다.그런데 한가지 간과한게있다. session/localStorage는 expireDate를 설정할 수 없다.만약