본문 바로가기 메뉴 바로가기

김도리의 개발자로서 성장기

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

김도리의 개발자로서 성장기

검색하기 폼
  • 분류 전체보기 (59)
    • 인프라 (31)
    • server (4)
      • SpringBoot (1)
      • node.js (3)
    • 탐방 (5)
    • Web (18)
    • iOS (1)
  • 방명록

브라우저에 데이터 저장 (1)
[React] localStorage로 데이터 저장하기

localStorage 브라우저가 가지고 있는 임시 저장 공간 새로고침을 하면 JS 파일들은 모두 처음부터 다시 읽어들이기 때문에 당연하게 모든 state의 데이터는 초기화 됨 state에 저장된 데이터가 초기화되는 것이 싫다면 모두 DB에 저장하면 되는데 별도의 서버나 DB가 없다면 localStorage에 저장하는 방법이 있다. localStorage는 브라우저에 몰래 정보를 저장할 때 사용할 수 있는 공간이다. localStorage 확인 크롬에서 개발자도구를 켜서 Application 탭에 들어가면 좌측 Storage 하위 목록인 Local Storage를 확인할 수 있다. 문법 // 데이터 추가 localStorage.setItem('키값', '데이터'); // 데이터 조회 localStorag..

Web 2022. 10. 27. 14:44
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • subnet
  • 인프라
  • RDS
  • Grafana Alert
  • Hook
  • CSS
  • 로깅
  • SG
  • github action
  • springboot
  • Service
  • VPC
  • LOKI
  • Grafana
  • Docker
  • ECS
  • ci/cd
  • 모니터링
  • ALB
  • redux
  • html
  • EC2
  • 서버
  • ecr
  • js
  • 리액트
  • javascript
  • AWS
  • react
  • Workflow
more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.