local storage

사용자 이름 저장하기 (local storage)

Window.localStorage - Web API | MDN

브라우저에서 공짜로 뭔가를 기억할 수 있게 해주는 api이다.

예를 들어 유튜브 볼륨을 조절하고 기억하는 기능 등이다. 자주 사용한다.

localStorage

console에 localStorage라고 입력하면 볼 수 있는데 이미 정의되어 있다.

또 개발자 도구(f12)에서 볼 수 있다. application > local storage

이곳에 저장했다 꺼내 쓸 수 있다.

localStorage.setItem("mylove", "Dalbong");
localStorage.getItem("mylove");
localStorage.removeItem("mylove");

localStorage.setItem("mylove", "Dalbong") - local storage에 저장되어 있는 걸 확인할 수 있다.

localStorage.getItem("mylove") - 꺼낼 수 있다.

localStorage.removeItem("mylove") - 제거할 수 있다.

key와 value만 설정해주면 된다.