WIL 20230605 ~ 20230609

캠프에서 진행하는 팀 프로젝트가 마무리 되어 프로젝트 진행 중 어려웠던 점을 복습 해보자

 

 

Localstorage 란

브라우저에 Key-value 값을 storage에 저장이 가능하며 저장한 데이터는 세션간 공유가 가능하다.

세션이 바뀌어도 저장한 테이터 유지 가능.

 

(1) 데이터 저장하기(setItem)

localStorage.setItem('key', 'value');

 

(2) 데이터 불러오기(getItem)

localStorage.getItem('key');

 

(3) 데이터 삭제하기(removeItem)

localStorage.removeItem('key');

 

단 Localstorage 사용 시, 오직 문자형(string) 데이터 타입만 지원하기 때문에 숫자형 데이터를 로컬 스토리지에

쓰고 다시 읽어보면 본래 숫자가 아닌 문자 데이터를 반환해준다. 그러므로 JSON parse와 JSON stringify 를 활용하여

JSON 형태로 주고 받아 위에 문제를 해결할 수 있다.