반응형
배열을 localStorage에 그냥 setItem 으로 저장하면 텍스트 형식으로 저장돼서 불러올때 for문으로 돌리면 한글자씩 출력된다.
배열을 배열형태로 저장하기 위해 JSON.stringify() 로 감싸주었다.
<!-- 배열 형태로 localStorage에 저장 -->
array = [1,2,3]
localStorage.setItem('name',JSON.stringify(array));
<!-- localStrage에서 가져오기 -->
var todo = localStorage.getItem('name');
JSON.parse(todo);
아래 캡쳐에서보면, localStorage의 todo 라는 Key 에 값이 배열형태로 저장된걸 확인할 수 있다.
전체 코드
https://github.com/choihana/backendschool/blob/main/todolist.html
반응형
'Today I Learned > 웹' 카테고리의 다른 글
부트스트랩 활용해서 todoList 만들기 (0) | 2023.06.01 |
---|---|
pycharm 가상서버 구동하기 (0) | 2023.05.31 |
[javascript] 함수로 중복코드 제거하기 (0) | 2020.10.14 |
[Javascript] Dark Mode 만들어보기 (0) | 2020.10.13 |
VScode로 Git & Github 로 코드 버전 관리 시작하기 (0) | 2020.09.07 |