# local storage

56개의 포스트

Web Storage(Local Storage, Session Storage) 와 Cookie

웹사이트에 최적화된 로그인 기능을 구현하기 위해서, 토큰들을 어떻게, 어디에 저장할 것인지, access token 과 refresh token을 어떻게 관리할지를 결정할때, 웹스토리지와 쿠키에 대한 이해가 필요하다. 특정 데이터를 서버가 아닌 클라이언트 웹브라우저에

약 7시간 전
·
0개의 댓글
·
post-thumbnail

Cookie, Session, Local Storage

Cookie, Session, Local Storage

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

Cookie, Local Storage, Session Storage

: 쿠키의 단점을 보완해서 만든 기술이다. key, value로 이루어진 데이터 파일이다. 서버의 자원이 사용하므로 서버의 공간이 필요하다. 기기마다 차이는 있으나 모바일 2.5MB, 데스크탑 5MB~10MB정도 저장 가능하다. 쿠키 보다 보안이 우수하며 많은

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

main-프로젝트/로컬스토리지, 세션스토리지, 쿠키

Local Storage, Session Storage, Cookie가 있다server-side Storage와는 달리, JavaScript API를 통해 클라이언트에 정보를 저장하고 필요 시 가져다 쓸 수 있다. server-side Storage와 비교했을 때 정보

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

[JS] 로컬 스토리지에 배열 데이터 넣기/가져오기

JSON.stringify : 자바스크립트 객체(객체, 배열..)를 JSON이 읽을 수 있는 데이터(문자열)로 변환해준다.localStorage.key이름은 JSON.stringify(데이터) (아직 배열의 모습을 가진 문자열이다.)JSON.parse : JSON이 읽

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

Cookie🍪 와 Web Storage

Cookie와 Web Storage (Local Storage, Session Storage)는 왜 말로 설명만 하려고 하면 헷갈릴까? 이번 기회에 다시 정리해보자!

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

Cookie, Session, Local Storage

localStorage는 window 객체에 있어 브라우저에 데이터를 간단하게 저장할 수 있으며, 브라우저를 종료해도 데이터가 날아가지 않는다. 데이터를 브라우저에 영구 보관 할 수 있다! > #### 로컬스토리지에 데이터 저장하기 localStorage.set

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

Session & Token

웹 환경에서 사용자와 시스템 간에 데이터를 교환하기 위해 HTTP 방식을 사용한다. HTTP 통신은 요청과 응답에 의해 동작하며 가장 중요한 특징은 Stateless다. 문자 그대로 번역하면 State(상태) + less(없음) 을 의미한다.각각의 HTTP 통신(요청/

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

Cookie, Local Storage, Session Storage

Cookie, Local Storage, Session Storage... 등으로 이렇게 무작정 나열해 놓으면 진짜 뭐 하자는 거지 싶을 때가 있다. 막상 무엇인지 알려고 들어도 머릿속에 정리가 되지 않아 개념 자체도 모를 때를 위해 Cookie, Local Stora

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

Local storage , Session storage , Cookie

HTML5에는 웹 사이트의 데이터를 클라이언트에 저장할 수 있는 새로운 자료구조인 WebStorage 스펙이 포함되어있다.Web Storage의 개념은 키/값 쌍으로 데이터를 저장하고 키를 기반으로 데이터를 조회하는 패턴이다.그리고 영구저장소(LocalStorage)와

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

Web Storage API

web storage에는 localStorage와 sessionStorage가 있다. 두 개의 차이점은 데이터를 얼마나 보존되느냐의 차이인데 sessionStorage는 웹 페이지의 세션이 끝날 때 즉, 사용중인 웹페이지가 종료될 때 데이터가 지워지게 된다. 반면에 l

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

[Web] Cookie, Session, Local Storage

from) https://saurabhchirde.hashnode.dev/browser-storagesCookies are small files sent to your browser from websites you visit. These files track

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

Cookie, Session, Local Storage

브라우저에 데이터를 저장할 수 있는 3개의 공간expiration data 는 각 테이터마다 설정된 기간동안으로 지정된다.4KB 이하의 저장공간을 가진다.Server-Side 에서 사용되는 데이터를 주로 저장한다.매 api 요청마다 함께 전송된다.httpOnly 플래그

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

Day-23,26 권한분기(Diffing, Hydration, HOC vs HOF)

로그인을 하고 새로고침을 하는 순간 정보가 사라지는 이유는 결론부터 말하면 토큰을 변수에 담아놨기 때문에 새로고침을 하는 순간 초기화가 되면서 프론트엔드에서 html, css, js까지 전부 처음부터 받아와지기 때문에 토큰도 사라지게 된다.

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

27) Cookie, Session, Local Storage

데이터베이스를 사용하지 않고 데이터를 입시적인 용도로 저장 할 때 사용한다.대부분의 데이터는 데이터베이스에 저장하고 해당하는 사용처에 따라 쿠키, 세션스토리지, 로컬스토리지를 적절히 사용해야한다.대부분 임시적인 용도의 데이터나 캐시, history 기능을 위해 사용한다

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

Cookie, Session, Local Storage

Web Storage HTMl5에는 웹의 데이터를 클라이언트에 저장할 수 있는 새로운 자료구조인 Web Storage 스펙이 포함되어 있다. Web Storage의 개념은 키/값 쌍으로 데이터를 저장하고 키를 기반으로 데이터를 조회하는 패턴이다. 그리고 영구저장소(LocalStorage)와 임시저장소(SessionStorage)를 따로 둬서 데이터의 지...

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

Cookie, Local Storage, Session Storage

Cookie클라이언트 로컬(하드)에 저장되는 key, value값이 들어 있는 데이터 파일이다.서버에 저장되는 것이 아니기 때문에 보안과 상관없는 정보들에 사용한다.재 요청 시 저장된 값을 참조, 재사용 한다.사용자의 하드에 저장되기 때문에 공공장소에서 해킹 등의 악용

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

[FE Study] Local Storage & Session Storage & Cookie

클라이언트 상에서 key/value 쌍을 저장value는 반드시 문자열동일 출처 정책(SOP, Same-Origin Policy)를 따르므로 다른 도메인에서 접근 불가XSS 공격에 취약동일 출처 정책은 어떤 출처에서 불러온 문서나 스크립트가 다른 출처에서 가져온 리소스

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