# localstorage

51개의 포스트
post-thumbnail

브라우저 저장소

브라우저 저장소 웹스토리지는 HTML5부터 제공되는 기능이다 해당 할 수 있도록 제공하는 기능도메인과 관련된 특정 데이터를 클라이언트 웹브라우저에 저장 쿠키와 비슷한 기능 웹스토리지의 개념은 키/값 쌍으로 데이터를 저장하고, 키를 기반으로 데이터를 조회하는 패턴

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

Login -바닐라JS 크롬 앱 만들기 nomad coder

Log in 만들기 1.input / button 만들기 html 내에 2. js에서 input, button element불러오기 js 내에 3. event 추가하기 위와 같이 if문을 추가하는 대신, input의 유효성검사 기능을 통해 할 수도 있다. inp

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

[React] Next 환경에서 최근 검색어 저장 및 구현하기

localStorageJSON 정적 메서드 (JSON.stringify/ JSON.parse)Array.prototype.map()Array.prototype.filter()velog, 리액트로 최근 검색어 기능 구현해보기 🔥기존에 다른 벨로거 분이 공유해주신 코드를

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

javascript day2

오늘은 이벤트를 사용해서 특정 태그가 사라지는 효과를 넣어보자. 그리고 더 나아가 브라우저 내에 있는 localstorage를 이용해서 정보를 저장하고 불러내자.

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

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

서버가 아닌 클라이언트에 데이터를 저장할 수 있도록 해주는 HTML5의 새로운 기능이다.쿠키가 4kb 까지 밖에 저장 공간을 이용하지 못하지만, 웹 스토리지는 약 5MB까지 저장 공간을 이용할 수 있다.브라우저에 반영구적으로 데이터를 저장하고, 브라우저를 종료해도 데이

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

LocalStorage & SessionStorage

LocalStorage와 SessionStorage 의 차이점, 간단한 사용법을 알아보자! "Uncaught QuotaExceededError: Failed to execute 'setItem' on 'Storage': Setting the value of 'key'

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

브라우저에 데이터 저장하기

https://ko.javascript.info/data-storagehttps://ko.javascript.info/cookie

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

localStorage와 sessionStorage

쿠키는 브라우저에 저장되는 작은 크기의 문자열로, RFC 6265 명세에서 정의한 HTTP 프로토콜의 일부Reference: 모던자바스크립트 쿠키와 document.cookie쿠키는 주로 웹 서버에 의해 만들어 진다.서버가 HTTP 응답 헤더(header)의 Set-

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

[TIL #19] Cookie, LocalStorage, SessionStorage 란?

웹 개발을 하다보면 LocalStorage, SessionStorage, Cookie 중 하나라도 들어본 경험이 있을 것이다. 어렴풋이 개념정도는 알고 있었지만 정확히 어떠한 상황에 어떤걸 써야하는지, 차이가 무엇인지에 대해서 자세히 다뤄보자 🏃‍♂️Cookie란 사

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

브라우저 저장소

쿠키는 브라우저에 저장되는 작은 크기의 문자열이다. 쿠키는 주로 웹 서버에 의해 만들어지는데, 서버가 HTTP 응답 헤더의 Set-Cookie에 내용을 넣어 전달하면 브라우저는 이 내용을 자체적으로 브라우저에 저장하는데 이걸 쿠키라한다. 브라우저는 사용자가 쿠키를 생성

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

localStorage utils 함수

이번에는 로컬스토리지, 세션스토리지에 로직 처리를 위한 utils 공통 함수를 만들었습니다.productStorageControl 파일의 경우 명칭 그대로 상품 스토리지 관리를 위한 함수 모음으로 상품목록 화면에서 상품 상세 화면으로 이동하게 될 경우 상품 이력들을 하

2021년 7월 30일
·
0개의 댓글
post-thumbnail

🎀 Wedding-card #4. Main Page - 좋아요기능

Swiper하단에 빈하트버튼을 누르면 빨간하트로 바뀌면서 숫자가 올라가도록 하는 간단한 기능..이라고 생각했는데 아직도 간단한 기능도 어렵게 구현해내는 개발병아리...처음 기획으로는 사용자에 상관없이 새로고침을 하면 상태가 초기화되면서누를때마다 숫자는 서버에 저장되도록

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

[모던JS: 심화] 브라우저에 데이터 저장하기 (1)

본 포스팅은 여기에 올라온 게시글을 바탕으로 작성되었습니다.파트와 카테고리 동일한 순서로 모든 내용을 소개하는 것이 아닌, 몰랐거나 새로운 내용 위주로 다시 정리하여 개인공부 목적으로 작성합니다.중간중간 개인 판단 하에 필요하다고 생각될 시, 기존 내용에 추가로 보충되

2021년 7월 2일
·
0개의 댓글

노마드코더 JavaScript. Login

✅ login form 만들기 form 태그에 사용자 이름을 입력하고 엔터를 누르면 form 형식 사라짐. 1. HTML html에서 input을 form 태그 안에 위치시키면 엔터를 누를 때마다 자동적으로 submit이 된다. 이러면 매번 페이지가 새로고침 된다

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

DB없이 데이터 자정하기 localStorage1

새로고침해도 모든 state데이터는 리셋된다.왜냐하면 새로고침할 경우 JS파일들을 첨부터 다시 읽기 때문이다.그러면 장바구니에 추가했던 항목들도 모두 default로 리셋되버린다.이게 싫다면 state데이터를 DB로 저장하고나 아직 서버나 DB지식이 없으면 localS

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

[ LocalStorage vs SessionStorage vs Cookie ]

LocalStorage와 SessionStorage, Cookie의 차이점 및 주요 기능 설명

2021년 5월 31일
·
0개의 댓글

[CaseStudy]Window.localStorage로 데이터 가져오기.

페이지를 만들때 백엔드 팀에게 데이터 정보를 받아서 제작하게 된다. 프론트 단에서 정보를 받고 활용하는 방법에 대해서 알아본다.

2021년 5월 29일
·
1개의 댓글