[Node.js_4기] Today_I_Learn : loacalstorage (24/01/10)

목차

 

1. 학습 내용

2. 내용 정리

3. 예제

4. 생각 정리

 

1. 학습 내용 

 

localstorage - key-value쌍을 웹브라우저에서 로컬 데이터로 저장하고, 불러와 사용할 수 있다.

(1) 저장(C and U)

(2) 불러오기(R)

(3) 삭제(D)

가능

새로고침을 하더라도, 값이 그대로 남아있다. 심지어 창을 끄더라도 그대로 남아 있다...

liveserver를 닫았다 새로 열어도 값이 남아있다. 제거해야 하는데...

 

2. 내용 정리 

 

(1) 저장

setItem('key','value') : key-value쌍을 추가

 

(2) 불러오기

getItem('key') : key-value쌍의 key를 기준으로 value값을 불러온다. 

 

(3) 삭제

 

 

3. 시도

 

마치기 직전에 review를 추가하는것 까지 수정했지만,

  const userName = document.getElementById("name").value;
  const userReview = document.getElementById("review").value;
  const userPW = document.getElementById("PW").value;
  console.log(userName, userReview, userPW)
  localStorage.setItem('name', userName)
  localStorage.setItem('review', userReview)
  localStorage.setItem('PW', userPW)

이전에 추가했던 key-value가 남은 상태입니다.

아마 내일은 update를 구현할 예정입니다.

 

4. 생각 정리 

 

간단한 정보는 db를 사용할 필요 없이 localstorage에 저장해뒀다가 꺼내쓸 수 있구나 라는 생각을 하게 되었습니다.

db가 없는 곳에서 이정도의 CRUD를...?!