# localstorage

209개의 포스트

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()를 활용한 jqGrid 데이터 임시저장/불러오기

자료구조 개념을 적절히 활용한 에피소드

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

localStorage를 이용한 메모장

로컬스토리지 이용해서 메모장 만들기!

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

LocalStorage, SessionStorage, IndexedDB 알아보기

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

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

문제 해결 🛠 – vue

🔒 문제 상황 게시판의 임시저장 기능을 만들어보자. (style 은 다 제외했다.) > 1. Board.vue 에서 [글쓰기] 버튼을 누르면 컴포넌트가 보여진다. 2. 컴포넌트에서 input에 어떠한 글을 작성한다. 3-1. [임시저장] 버튼을 누르면 localS

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

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

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

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

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

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

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

localStorage cheatsheet

JSON.stringify(), JSON.parse()filter

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

쿠키, 로컬, 세션

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

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

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

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

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

토큰 인증 오류 (400 에러 - 토큰 만료)

토큰을 새로 받아 왔음에도 불구하고 토큰 만료로 400에러가 반복해서 발생보통 에러코드가 401로 오면 만료된 토큰 사용을 의미하며, 400으로 올 경우 요청이 잘못되었을 때 발생한다는 점에 착안하여 코드를 다시 검토해 봄해결 및 원인여기서 localstorage.ge

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

로그인 구현

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

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

[js] 브라우저 저장소 잘 사용하기 (localStorage, SessionStorage...)

📌 브라우저 저장소 웹 페이지를 제작하다보면 중요하지 않지만 저장해야하는 데이터들이 있는데, 이를 저장하기 위해 DB를 통하는 것은 큰 부담이 됩니다. 이럴 때는 브라우저 세션에서만 저장되는 브라우저 저장소를 사용하면 됩니다. 브라우저 저장소에는 localStor

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

Learn Cookie, Session, Local Storage

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

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

브라우저 저장소

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

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

Login form 만들기

input value 인풋의 유효성검사를 하기 위해서는 form안에 input이 있어야함 form 태그 안에서의 button은 제출하는 역할 button태그의 기본값인 submit으로 그냥 두어야 제출이 됨. console.dir(loginInput)으로 input

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

[TIL]23.04.05 localStorage, useContext

up-down Game만들기 useContext SWR

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

2023.04.04

그 동안 request에 실리는 데이터가 아니면, 원하는 생명주기에 맞춰서 sessionStorage나 localStorage를 사용하는게 낫다고 생각해왔다.그런데 한가지 간과한게있다. session/localStorage는 expireDate를 설정할 수 없다.만약

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