JavaScript에서 localStorage에 구조 저장하기
로컬 스토리지에는 문자열만 저장할 수 있습니다. 하지만, 배열과 객체도 저장하는 것이 가능합니다. 이를 위해서는 단순히 JSON 형식을 사용하면 됩니다.
배열을 저장해 봅시다:
let arr = [1, 2, 3, 4, 5];
localStorage.setItem('arr', JSON.stringify(arr));
이제 다시 가져와 봅시다:
let str = localStorage.getItem('arr');
let res = JSON.parse(str);
console.log(res);
입력 필드들과 버튼이 주어져 있습니다. 버튼을 클릭하면 모든 입력 필드의 텍스트를 배열 형태로 얻어 이 배열을 로컬 스토리지에 저장하세요.
이전 문제를 수정하세요. 다음에 페이지에 접속했을 때 입력 필드에 로컬 스토리지에 저장된 값들이 표시되도록 만드세요.
