# localstorage

79개의 포스트
post-thumbnail

브라우저 저장소

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

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

[JS] sessionStorage를 사용한 언어 변경하기?

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

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

브라우저 저장소 - LocalStorage, SessionStorage, Cookie

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

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

웹 개발 정리 - LocalStorage, SessionStorage, Cookie

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

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

Vuex 복습노트 (TodoApp)

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

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

[KDT]FCFE - 5주3일 - JS DATA(export, import, lodash, storage, lowdb, omdbapi, axios)

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

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

[JS] About Cookie & WebStorage

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

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

localStorage 개념정리

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

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

Storage

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

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

todo를 localStorage에 저장하기-JSON.stringify() 와 JSON.parse()

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

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

localStorage통해 정보유무에 따라 띄우는 창 다르게 하기

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

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

value 저장하기-localStorage

localStorage를 통해 정보를 기억하기

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

[JWT 토큰] Cookies vs Localstorage

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

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

브라우저 저장소

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

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

[TIL] Movie Seat Booking project

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

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

localStorage SessionStorage Cookie의 차이

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

2021년 11월 26일
·
0개의 댓글

Javascript - value save 방법

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

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

to do list save, delete

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

2021년 11월 15일
·
0개의 댓글

브라우저 로컬/세션 저장소 JSON

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

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