# localstorage

119개의 포스트

local storage vs session storage vs cookie

모두 클라이언트 상에서 key/value 쌍을 저장할 수 있는 메커니즘으로 value는 반드시 문자열이어야 한다. 또한 모두 동일 출처 정책(SOP)을 따르기 때문에 다른 도메인에서 접근할 수 없다. | | cookie | local storage | session storage | | --- | --- | --- | --- | | 생성자 | 클라이언트...

약 14시간 전
·
0개의 댓글

local storage VS session storage VS cookie

| | cookie | local storage | session storage | | --- | --- | --- | --- | | 생성자 | 클라이언트/서버 | 클라이언트 | 클라이언트 | | 지속시간 | 설정 여부에 따름 | 명시적으로 지울때까지 | 탭,윈도우 닫을때까지 | | 용량 | 5KB | 5MB / 10MB | 5MB | | 서버와의 통신 ...

5일 전
·
0개의 댓글

[FrontEnd] 팝업창 구현

처음엔 모달창으로 만들려고 했으나 기존의 윈도우 위에 생기고, 기존 창에 접근할 수 없음기존의 창과 구분되는 새로운 창이 열리도록 해야함 window.open을 사용window.open('path','popup창 이름', '화면 크기 및 위치'): 새로운 창을 띄움pa

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

로컬 스토리지 (LocalStorage)와 세션스토리지 (SessionStorage)

📁 로컬 스토리지(LocalStorage)와 세션스토리지 (SessionStorage)

2022년 6월 25일
·
0개의 댓글

웹 스토리지 (localStorage, sessionStorage)

자바스크립트로 웹 개발을 하다보면 아무리 간단한 애플리케이션이라도 데이터를 어딘가에 저장해야 할 일이 생깁니다. 보통 이럴 때 데이터베이스(DB) 서버나 클라우드(Cloud) 플랫폼에 데이터를 저장하거나 경우가 많을 것입니다.하지만 저장해야할 데이터가 별로 중요하지 않

2022년 6월 25일
·
0개의 댓글

locaStorage

개발자도구 -> application탭 여기에 정보를 저장할 수 있음 local sesseon : 키 verlue형탤 ㅗ index L 구조화된 대용량 데이터 저저아 cookie: 보통 로그인 정보 저장 cache html, css, js 파일 저장한느 곳 loca

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

코드캠프 FE 26일차 - TIL(Generic,Cookie/LocalStorage/SessionStorage,basket)

📔 학습목표1.타입 >> Generic2\. 브라우저에 저장 >> cookie/localstorage/sessionstorage3\. 비회원 전용 장바구니 >> basketany 어떤 타입이든 다 됌.unknown 도 any처럼 다 되는 any보다 안정성을 더 중요

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

26) 화요일

타입스크립트의 Generic 타입을 사용하면, 인자에 들어오는 타입을 그대로 사용 가능문자 타입숫자 타입애니 타입애니 타입2 (인자가 여러개일 경우)6\. 제네릭 타입2 (4번을 제네릭 타입으로 바꾸기) => 더 안전한 코드 작성 가능7\. 제네릭 타입3(실무형) 축약

2022년 6월 14일
·
0개의 댓글

LocalStorage vs Cookie

Access token : 짧은 수명 주기, 서버로부터 승인을 받아 인증이 필요한 모든 HTTP Request에 포함됌Refresh token : 긴 수명 수기, access token이 만료되었을 때 새로운 access token을 발급해주는 토큰localStora

2022년 6월 12일
·
0개의 댓글

세션스토리지(Session Storage), 로컬스토리지(Local Storage), 브라우저 쿠키(Cookie)

세션 스토리지(Session Storage) 데이터의 세션이 끝나면(브라우저 종료) 데이터가 지워진다.휘발성 데이터를 저장할 때 사용한다. session 기간에만 데이터를 저장한다. 즉, browser(또는 tab)이 꺼진다면 데이터는 소실된다. (보안 측면에서 유리

2022년 6월 9일
·
0개의 댓글

TIL - 1

🚀 TILlocalStoragelocalStorage를 사용해서 현재 하고 있는 프로젝트를 구성하고 마치 localStorage를 서버처럼 사용하는 것으로 바꿔볼 생각이다. localStorage를 사용한지 시간이 조금 지난 것 같아서 그에 대해서 정리도 하고 자유롭

2022년 5월 27일
·
0개의 댓글

Session과 JWT Token을 통한 로그인 방식

Session이 좋을까? JWT Token이 좋을까?

2022년 5월 26일
·
0개의 댓글

React 로그인 유지하기

next에서는 getServerSideprops를 통한 서버사이드렌더링을 하여 로그인 유지를 쉽게 할 수 있다.그렇다면 csr을 할때에는 어떤식으로 로그인을 유지해야 할까?어떤식으로 유지를 해야하는가에 대한 공부를 하기 위해서는 세션 or 쿠키에 대한 이해가 있어야 한

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

AtomEffects localStorage.

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

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

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

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

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