# local storage

35개의 포스트
post-thumbnail

로컬스토리지를 이용한 데이터 저장

리액트와 로컬스토리지를 이용한 데이터 저장 간단한 투두리스트를 이용해 알아보자 먼저 코드를 보자 onClick 함수 실행 시 setTodo를 이용해 데이터를 추가한 후 ref를 이용한 key값도 같이 localstorage에 보낸다. useEffect에서 key데

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

Cookie, Local Storage, Session Storage ?

Cookie, Local Storage, Session Storage ?

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

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

HTTP의 무상태성의 단점을 보완하는 클라이언트 사이드 데이터 저장 장치

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

Cookie, Session, Local Storage

Cookie Session Local Storage

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

local storage, session storage, cookies

local storage 영구적으로 저장. 껐다 켜도 남아있음 - 직접 삭제해야함 보안상 좋지는 않음 이렇게 local storage에 토큰 저장 에러 발생이유 프론트엔드 서버에서 프리렌더링하고 브라우져에 그려지게 되는데, 프리렌더링 할때는 웹에서 하는 것이 아니기 때문에 localStofage가 없어서 프리렌더링시 문제되는 코드를 방법 1. 여기는 ...

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

Cookie, Local Storage, Session Storage

우리는 종종 해킹 당하지 않으려면 쿠키를 자주 삭제하거나 아이디, 비밀번호를 자주 바꾸라는 말을 들은 적이 있을 것이다.cookie는 사용자 정보를 저장하기 위해, 사용자 디바이스에 저장하는 파일이다. 예를 들어 쇼핑몰에서 상품을 구매한다고 가정하면 물건 구매를 위해

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

Cookie, Web Stroage

Cookie🍪🍪🍪, Web Stroage

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

읽은 좋은 글들 (~22.3.12)

메일링, 블로그, 구글링 등을 통해 읽은 좋은 글들을 모아놓은 글이다.

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

Cookie, Session, Local Storage

1. Cookie 쿠키는 클라이언트에 대한 정보를 이용자의 PC 하드디스크에 보관하기 위해서 클라이언트의 웹브라우저로 전송해주는 정보이다. 웹 페이지에서 쿠키를 설정할 경우, 이후의 모든 웹에서의 요청은 쿠키정보를 포함하여 서버로 전송된다. 쿠기는 개수와 용량에

2022년 2월 18일
·
0개의 댓글

☁️ TIL 0218

[Generic] [Cookies] [Basket]

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

Web Storage API(웹 저장소)

Web Storage API는 브라우저에서 키/값 쌍을 쿠키보다 훨씬 직관적으로 저장할 수 있는 방법을 제공한다.각각의 출처에 대해 독립적인 저장 공간을 페이지 세션이 유지되는 동안(브라우저가 열려있는 동안) 제공한다.세션에 한정해, 즉 브라우저 또는 탭이 닫힐 때까지

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

About Cookie & WebStorage

Cookie와 Local Storage, Session Storage의 개념과 그 차이에 대해 조사하고 공부해보았다.

2021년 12월 20일
·
0개의 댓글

[react] 진짜 진짜 마지막 로그인 정리

이전 블로그에 정리했던 내용스크림도르 프로젝트를 시작했던 8월부터 4개월 내내 로그인 프로세스에 대해 고민했던 것 같다. 이제는 정말정말 마지막 최종 정리를 해보려고 한다. 위의 블로그에도 적어 놓았지만 로그인을 위해 여기저기 서치도 많이 하고 여쭤보기도 많이 했었다.

2021년 12월 20일
·
0개의 댓글

Application panel

현재 로딩된 웹 페이지에서 사용된 리소스(이미지, 스크립트, 데이터)를 열람할 수 있는 패널웹 SQL 데이터베이스, 로컬 및 세션 스토리지, 쿠키, 어플리케이션 캐시, 이미지, 폰트, 스타일시트를 포함한 로딩된 모든 리소스를 검사한다.web storage(HTML 5에

2021년 12월 3일
·
0개의 댓글
post-thumbnail

[JS30] - 15) LocalStorage

boolean값으로, required 속성이 있는 경우 양식을 제출하기 전에 사용자가 입력 값을 지정해야 한다.HTML 요소는 사용자 인터페이스 항목의 설명을 나타낸다. label을 input요소와 연결해 사용했을 때 장점screenreader는 form input

2021년 10월 31일
·
0개의 댓글
post-thumbnail

JavaScript | 로컬 스토리지 Local Storage

프론트엔드 프로그램을 개발할 때, 자바스크립트를 이용하여 사용자의 입력을 브라우저가 닫혀도 기억하고 싶은 경우가 있다. 이 때 자바스크립트에서 window.localStorage를 사용하면 사용자의 입력을 key/value 쌍으로 저장할 수 있다. 따라서 todo li

2021년 10월 19일
·
0개의 댓글
post-thumbnail

[Github] 로컬 저장소와 연동하기

기존에 실습을 진행했던 React 자료를 github 저장소에 업로드하기 위해서 로컬 저장소와 github을 연결했다. 1. github(깃허브) 란?🧐 git을 사용하는 프로젝트를 지원하는 웹 호스팅 서비스이다. git을 업로드 할 수 있어 공동 작업에 유용하다는

2021년 9월 25일
·
0개의 댓글
post-thumbnail

[React] Cola? Gola! 프로젝트 기록 (마무리)

🥂 cola? gola! 카카오 지도 API를 기반으로 한 유저 중심의 음료 정보 제공 사이트 🕰 작업 기간 21.05.17 - 21.08.19 🤷🏻‍♂️ 팀 소개 | 팀명 | cola? gola!

2021년 8월 23일
·
0개의 댓글
post-thumbnail

클라이언트 사이드 데이터 저장하기

cookie Local Storage Session Storage 에 대해 알아보자.

2021년 8월 18일
·
0개의 댓글