[자바스크립트]로컬스토리지

모멘텀 웹페이지를 만들며 localStorage를 이용하는 방법을 공부했습니다.
Window.localStorage
localStorage에 저장한 자료는 페이지 프로토콜별로 구분합니다.
키와 값은 항상 각 문자에 2바이트를 할당하는 UTF-16 DOMString의 형태로 저장합니다. 객체와 마찬가지로 정수 키는 자동으로 문자열로 변환합니다

첫번째로 이름을 저장하며

localStorage.setItem(username_key,username);

을 이용하였습니다

하지만 TODO 리스트를 저장하고 불러오기 위해서는 리스트와 id값을 이용하였습니다. 또한 문자열로 저장하기 위해 stringify를 사용합니다.

let TODOs=[];
const TODO_KEY="TODO"
const newtoDoObj={
        text:toDo,
        id:Date.now(),
    };
    TODOs.push(newtoDoObj);
    localStorage.setItem(TODO_KEY,JSON.stringify(TODOs));

모멘텀 깃허브