Under the Sign of Saturn

  • 🔎 Home
  • ✨ Portfolio
  • 👀 Github

front-end-interview 1

브라우저에 데이터 저장하기 : WebStorage(localStorage와 SessionStorage) & Cookie #1

Vuex를 사용해서 로그인 정보를 state에 저장하고, 페이지가 전환되어도 그대로 유지되도록 하는 방법을 찾다가, vuex의 state를 localStorage로 자동으로 동기화해주는 라이브러리 vuex-persistedState를 사용해봤다. 이전 프로젝트에서도 사이드바에 유저 정보가 바로바로 반영이 안 되거나, 렌더링이 원하는 타이밍에 제대로 되지 않는 이슈가 있었는데, Vue.js가 아무래도 SPA를 기반으로 하다보니, 이런 상황이 앞으로도 자주 발생할 것 같다는 생각이 들었다. 브라우저에 데이터를 저장하는 대표적인 방법은 HTML5에 포함된 자료 구조인 Web Storage의 localStorage, sessionStorage가 있다. 쿠키와 개념이 비슷하지만, 쿠키에서 조금 더 개선점을 가지는..

👩‍💻/HTML5 2021.02.24
1
더보기
프로필사진

프론트엔드 개발자의 Today I Learnt

  • 분류 전체보기 (110)
    • 👩‍💻 (93)
      • JavaScript (22)
      • React Native (0)
      • React (11)
      • Vue (11)
      • TypeScript (3)
      • Java (4)
      • ruby & python (7)
      • CSS3 (9)
      • HTML5 (3)
      • Data Base (1)
      • Firebase (3)
      • Git (5)
      • Network (9)
      • Web (2)
      • Markdown (1)
      • KNOU (2)
    • 🛠 (15)
      • Blog (2)
      • Dev Tool (13)
    • 💎 (2)
      • books (0)
      • Log (2)
      • Private (0)

Tag

프로그래머스, coding test, vue, 리액트, Frontend, 루비, React, programmers, git, todolist, vue.js, CSS, github, ESLint, 프론트엔드, javascript, CRA, 파이썬, Typescript, techBlog,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바