# localstorage

seokkitdo

기존의 쿠키에 대한 제약들을 해소하고 조금 더 다양하고 클라이언트에 다양한 기능을 넣고자 HTML5부터 등장하였습니다.쿠키의 제약4kb의 데이터 저장 제한매 HTTP 요청에 포함되어 웹이 느려지게 하는 원인이 될 수 있음같은 쿠키는 도메인 내의 모든 페이지에 같이 전달

jjhstoday

📚 sessionStorage를 사용한 웹 사이트 언어 상태 적용하기!

s_sangs

클라이언트(브라우저) 로컬에 저장되는 키(key)와 값(value)가 들어있는 데이터 파일서버와 클라이언트 간의 지속적인 데이터 공유(교환)를 위해 만들어졌다.사이트에서 방문한 페이지를 저장하거나 클라이언트에 유저의 정보를 저장하는 등 다양한 방법으로 사용된다.

smat91

뭐냐?웹 브라우저에서 제공하는 용도, 특성 등에 따른 저장 공간이다.왜 쓰냐? 웹 개발을 하게되면 페이지가 새로고침이 되어도 유지가 되어야하는 경우도 있고 웹 브라우저를 다시 켰을 때 남아있어야 하는 데이터도 있다. 이럴때를 대비해 용도, 특성 등에 따라 웹 브라우저

bbnerino

state를 전역 저장소로 관리할 수 있도록 지원하는 라이브러리state는 data 이며 해당 application의 핵심이 되는 요소(중앙에서 관리하는 모든 상태 정보)중앙 집중식 저장소(store)에 state를 모아놓고 관리규모가 큰 프로젝트에서 매우 효율적컴포넌

leedocs

JS DATA 내보내기, 가져오기 Default export 내보내기 > export default function test(num){console.log('test'+num+'번')}; 한파일에 한번만 할 수 있다. 가져오기 다른 js 파일에서 사용하기 이름은

songjy377

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

natural_min

[HTTP] HTTPS , Cache, Cookie, Proxy 위 포스팅 내용 중 쿠키에 대한 개념을 정리하면서 간단하게 web storage에 대해서도 언급을 했는데, ToDoList만드는 과정에서 localStorage에 데이터를 저장하는 법을 직접 실습하게 되었

aro9515

DevTools -> Application -> StorageLocal Storage : 창을 닫아도 계속 저장 Session Storage : 창을 닫으면 없어짐

dnjswn123

목표: newTodo 를 저장하고싶음 toDos 라는 배열을 만들고 그 안에 newTodo 를 push해놓고 싶다.하지만 문제는 'localStorage에 배열은 사용하지 못한다'는 것검사-Application-Local Storage 가보면 입력한 값들이 저장된 것을

dnjswn123

만약 local Storage에 찾는 정보가 없다면?콘솔창에이렇게 유저정보의 유무를 알아볼 수 있다.위와 같은 방식으로 '유저정보가 없다면 form을 보여주고, 있다면 인사말을 보여주는'코드를 작성해줄 수 있다.반복되는 string, 즉 문자열들은 대문자 변수로 지정해

dnjswn123

localStorage를 통해 정보를 기억하기

liam_jeon

팀원들과 로그인 구현에 대해 고민하며 JWT 토큰을 어디에 저장할지 의견이 나뉘었다. 지난번 로그인 방식에 대해 공부할 때 JWT vs Cookies&Seccsion 으로 구분하는 것으로 알고 있었기에 Cookies는 Session과 함께 사용하는 것이라고 생각을 했지

cksal4897

SessionStorageCookieLocalStorage 3개의 저장소 사용해보기 실습

hoje15v

강의 출처 : Udemy 20projects js - Brad Traversyoption tag? select, optgroup, datalist 요소의 항목을 정의한다.appearnce? 요소 자체 구성 요소 숨기는 기능 수행 가능 ex) select 화살표 제거p

parksangsoo

로컬 스토리지와 세션 스토리지는 HTML5에서 추가된 저장소이다 간단한 키와 값을 저장할 수 있고 키-밸류 스토리지의 형태이다.로컬 스토리지와 세션 스토리지의 차이점은 로컬 스토리지의 데이터는 사용자가 remove 지우지 않는 이상 계속 브라우저에 남아 있고 세션 스토

971126chr

브라우저에 뭔가를 저장할 수 있게 해준다.따라서 저장한 값을 나중에 가져다 쓸 수 있다.ex) 유튜브 볼륨을 내리거나 올리고 새로고침 시 그대로!로그인 후 새로고침 시 입력했던 값이 그대로 남아있는 상태!

ssxst31

브라우저 저장소

yhko1992

데이터 저장은 array를 하나 만들어서 차곡차곡 저장한다. 아래는 todolist.js 에 추가되는 코드들이다.그리고 데이터는 tuple 의 형태로(id:@@ ,text:@@) array 이에 저장되게 될 것이다.tuple위의 그림처럼 application 에 들어가

drv98

자바스크립트로 웹 브라우저의 저장소 local과 session에 데이터 저장가능두 스토리지 객체는 동일한 메서드와 프로퍼티를 제공합니다.세션은 페이지를 새로 고침해도 데이터가 남아있고, 로컬은 브라우저를 다시 실행해도 남아있음.setItem(key, value) – 키