저번에 만든 것의 문제는
username을 기억할 수 없다는 것이다.
페이지에 들어올 때마다 로그인해줘야 한다.
이걸 영구적(?)으로 기억하려면 어떻게 해야 할까?
이 작업도 많이 사용되기 때문에 API가 존재한다. : localStorage
localStorage가 브라우저에 뭔가를 저장할 수 있게 해준다.
개발자 창에서 localStorage를 확인할 수 있다.
위에 창에서 Application을 선택하면 Local Storage가 보인다. Storage의 아래에 위치하는 다른 것들로도 정보를 저장할 수 있다. 그 중에서 Local Storage가 다루기 가장 쉽기 때문에 이걸 사용해보자.
아직은 Local Storage가 비어있는 상태이다.
localStorage는 다양한 함수를 제공한다.
setItem을 활용해서 local storage에 정보를 저장할 수 있다.
저장된 값을 불러올 수도 있다. getItem 활용
값 삭제하기
유저가 이름을 제출할 때 그 값을 저장해주자.
새로고침을 해도 저장된 정보는 사라지지 않는다.
'html + css + javascript' 카테고리의 다른 글
| [바닐라 JS로 크롬 앱 만들기] clock - setInterval / setTimeout (0) | 2023.06.28 |
|---|---|
| [바닐라 JS로 크롬 앱 만들기] Loading Username (0) | 2023.06.27 |
| [바닐라 JS로 크롬 앱 만들기] display (0) | 2023.06.24 |
| [바닐라 JS로 크롬 앱 만들기] link, preventDefault (0) | 2023.06.24 |
| [바닐라 JS로 크롬 앱 만들기] Input Values, forms (0) | 2023.06.24 |