# local storage

20개의 포스트
post-thumbnail

JavaScript | 로컬 스토리지 Local Storage

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

6일 전
·
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개의 댓글
post-thumbnail

[TIL] 프리온보딩 3

프리온보딩은 원티드 정승일님, 위코드 김예리 멘토님, 루트임팩트 이지현님과 함께하는 프론트엔드 실무 과정입니다. 💕 😎 3회차 수업 Class Component 알아야 하는 이유: Class 기반으로 만들어진 프로젝트가 많다. Life Cycle정도만 알고 있으

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

[Web] Cookie, Web Storage

Web Storage 종류 및 차이점 1. Session Storage 2. Local Storage Cookie ?? Local Storage key-value의 데이터 구조를 갖는 저장소. 쓰는 방법 1. 가져오기 2. 저장하기 주의할점 1. key : va

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

[TIL] 프리온보딩 2

프리온보딩은 원티드 정승일님, 위코드 김예리 멘토님, 루트임팩트 이지현님과 함께하는 프론트엔드 실무 과정입니다. 💕김예리 멘토님, 그리고 70명의 동료(?)들과 ZOOM으로 수업이 진행됐다.2회차 수업은 2시간동안 진행했고, 두번째 팀별 프로젝트를 받아 진행했다.나만

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

[React] Cola? Gola! 프로젝트 기록 (중간평가)

콜라? 골라! 프로젝트는 Doong-Ji 팀에서 진행하는 자바스크립트 런타임 기반의 node.js 와 react.js를 사용하는 개발자들이 서비스 배포를 위해 공부하고 작업하고 있는 소규모 프로젝트입니다.

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

로컬 스토리지와 세션 스토리지

😀 로컬 스토리지와 세션 스토리지를 알아보자!

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

Final Project 개발 일지 #1 (21.04.02 - 4일차)

✅ 반응형 nav bar 만들기✅ React Responsive✅ try...catch 구문✅ local storage✅ styled components✅ redux✅ router빨간색: 로고가 들어가는 div파란색: nav bar에 들어갈 요소초록색: 소셜 미디어 아

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

[JavaScript] Local Storage 사용하기

로컬스토리지 사용하기

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

Web(Browser) Storage

WEB STORAGE이란 웹의 데이터를 클라이언트에 저장할 수 있는 자료구조다. 키/값 쌍으로 데이터를 저장하고 키를 기반으로 데이타를 조회하는 패턴이다. 내부적으로는 영구저장소(LocalStorage)와 임시저장소(SessionStorage)가 분리되어 데이터 지속성

2020년 12월 21일
·
0개의 댓글

Web Storage - 로컬 스토리지, 세션 스토리지

웹 스토리지 객체 localStorage와 sessionStorage는 브라우저 내에 키-값 쌍을 저장할 수있다.localStorage는 sessionStorage와 비슷하지만, localStorage의 데이터는 만료지않고 sessionStorage의 데이터는 페이지세

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

15. LocalStorage & Event delegation

체크박스가 포함된 메뉴를 추가해서 메뉴판을 만드는 내용핵심은 페이지가 Refresh 되더라도, 입력한 메뉴 리스트가 사라지지 않고 local storage에 저장되도록 하는 것e.preventDefault(): html 에서 a 태그나 submit 태그는 고유의 동작이

2020년 12월 16일
·
0개의 댓글

TIL3

Application Panel Application Panel 의 기능 > 브라우저의 저장소. 브라우저에서 저장할 많은 저장소들과 캐시, 스토리지 들이 많이 있다. 로그인과 관련해서 유저정보에 대한 부분에도 많은 부분을 차지하기 때문에 꼭 알아두어야 할 패널이다.

2020년 11월 20일
·
0개의 댓글
post-thumbnail

[HTML] local storage VS session storage VS cookie

모두 클라이언트 상에서 key/value 쌍을 저장할 수 있는 매커니즘으로 value는 반드시 문자열 이어야 합니다. 또한 모두 동일 출처 정책(SOP)을 따르기 때문에 다른 도메인에서 접근할 수 있습니다.local storage VS session storage VS

2020년 10월 3일
·
0개의 댓글
post-thumbnail

TIL 12 day local storage, cookie, session storage

웹 저장소가 나오기 전에는 주로 쿠키를 사용했다. 하지만 HTML5가 웹 저장소를 새롭게 제공하면서 웹 저장소인 로컬 스토리지(local storage)와 세션 스토리지(session storage)를 사용 할 수 있게 되었다. 로컬 스토리지는 클라이언트측 컴퓨터에 데

2020년 9월 10일
·
0개의 댓글

Storage & Cookies

클라이언트의 정보를 저장하는 역할을 하는 것에는 storage와 cookies가 있다.storage는 key와 value가 쌍으로 저장되는 key-value storage이다.웹사이트에 의해 유저의 컴퓨터에 놓여지는 작은 텍스트 파일로 최대 4KB의 용량을 가진 매우

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