# localstorage

107개의 포스트
post-thumbnail

AtomEffects localStorage.

recoil AtomEffects로 구현한 localStorage 동기화를 공부합니다.

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

[코딩애플 JS 기초] localStorage에 배열 데이터 저장, 수정, 추가, 삭제

브라우저에 데이터를 저장하는 방법으로 localStorage와 sessionStorage가 있다.문자 숫자를 저장할 수 있으며 최대 5MB 까지 저장 가능localStorage와 sessionStorage 차이점 정리참고: https://dev-syhy.tis

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

[무작정 따라하기] 너의 할 일은。React로 To Do List 만들기

ReactJS로 To Do List 만들기input 입력 값 15자로 제한하기To Do List 삭제하기To Do List 10개로 제한하기input창에서 onChange를 사용해 입력된 값을 toDo와 setToDo를 이용해 받는다. form 태그에 쌓여진 butto

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

#18.TIL | localStorage사용하여 DataGrid Column저장 & 로딩할때 props Column과 비교하여 업데이트해주기 (feat. storybook)

위 화면과 같이 DataGrid의 default column순서를 변경 시켜 내가 중요하다고 생각되는 정보의 순서만 보고 싶은데, 새로고침했을때 다시 default 순서로 돌아간다면 사용자에게 하여금 매우 불편한 경험을 느끼게 해준다.(매번 똑같은 정렬을 해야 하니)그

2022년 4월 30일
·
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개의 댓글

데이터저장-2. localStorage

클라이언트에서 데이터를 저장하는 방법 중 하나로 localStorage와 sessionStorage가 있다.두 객체는 브라우저 내에 데이터(키-값)을 저장할 수 있게 해준다.쿠키와 가장 큰 차이점은 서버가 아닌 브라우저내에만 저장된다는 것이다.localStorage는

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

24일) useQuery로 바로 안불러오고 useApolloClient로 axios처럼 원하는 위치에서 data 불러올래요! YUP! react HOOK! code camp FE 6기

오늘의 알고리즘 문제 ! 마지막에 갓범수님한테 int의 범위에 대해 듣게되고 맞추었다...!숫자의 타입 정리해놓차오늘 배울것요청과 그림을 그려주는 부분(리렌더링) 모두 자동 화면이 그려질때 요청이가고 , data로 받아오고 자동으로 그 데이터를 가지고 화면에 그리게 된

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

23일) 브라우저에도 저장공간이 있대!.. localStorage/Next.js 렌더링의 Diffing / Hydration/권한분기/Closure/HOC / HOF code camp fe 6기

'어려움' 문제를 내가 스스로 생각해서 처음 맞췄다!!!!!!!!!!!!!!!오늘 등원할때 궁둥이에 찝찝한게 묻어서 기분이 안좋았었는데 문제 잘푸려고 그랬나보다. 너무너무 행복하다 ! 알고리즘 풀이접근법을 잘 몰랐던 내가 이렇게 발전할 수 있는 이유는1.RunJS를 켜

2022년 4월 13일
·
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

local storage 사용법

오늘은 개발중에 데이터를 캐싱하여 새로고침시에도 페이지가 유지해야할때 많이 사용하였는데 간단하게 정리해보겠습니다.

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

[TIL] 🍪Cookie와 📦WebStorage

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

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

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

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

2022년 4월 4일
·
4개의 댓글

22.04.01 localStorage를 이용한 로그인 유지

클라이언트에서 localstorage를 사용하여 로그인을 유지하려고 하였는데, 너무 안 돼서 많은 시행착오 끝에 성공하였다.문제는 localstorage에 넣는 KEY가 문제였는데, 그냥 string으로 넣었더니 문제가 해결되었다.완벽한 해결법은 아닌 것 같으나, 일단

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

[Next js] ReferenceError: localStorage is not defined

CSR만 하던 나는,, Next 코드를 짜던 도중 충격적인 에러를 발견했다.두둥.. 로컬스토리지가 정의되지 않았다니?!생각해보니 당연했다.Next js에서 SSR을 의도했으면, server render 가 client render 보다 먼저 되기 때문에 localSto

2022년 3월 30일
·
0개의 댓글
post-thumbnail

[42byte] Recoil로 로그인 상태 관리하기

42byte는 42서울 학생들만 이용할 수 있는 커뮤니티다. 따라서 OAuth 프로토콜을 이용한 Access Token이 필요하다. 서버에서 url에 담아서 보내준 Access Token으로 로그인을 정보를 관리하는 방법에 대해 써보려고 한다.RecoilState를 사

2022년 3월 28일
·
0개의 댓글
post-thumbnail

jest test코드 작성시 마주하게 될 문제! - localStorage

1. 발생한 문제.. 😡 나만의 유튜브 강의실 미션중 마주한 문제이다... test 코드를 작성하고, 기능을 구현하고... 를 하던 중! 미션에서 사용중인 localStorage, fetch를 사용한 코드를 jest에서 test 하게 된다면.. 짠...! ReferenceError 코드를 보면 localStorage is not defined를 볼...

2022년 3월 19일
·
1개의 댓글

Recoil-persist로 state를 localstorage로 저장하기

atom.tsximport { recoilPersist } from 'recoil-persist';const { persistAtom } = recoilPersist({ key: 'TodoList',});키값은 사용자가 설정할 수 있다. 스토리지의 기본값은 로컬스토리

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

fetch와 localStorage의 조합

fetch 가져온것을 local에 담는게 너무 안됐었다.분명 각각에 대한 이론들을 다 알고 있는데.근데 정확히 아는게 아니였다. 왜 써야하는지를 알고 쓴것이 아니라써야하니까(?) 써왔던.뭔말야.

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