로컬 스토리지는 웹 스토리지 객체 중 하나다. 같은 웹 스토리지 객체인 세션 스토리지와의 차이점은 데이터 보존에 있다.
세션 스토리지 : 브라우저 닫거나 탭을 닫거나 하면 데이터 초기화
로컬 스토리지 : 브라우저를 닫아서 데이터가 남아 있음.
사용법
localStorage.setItem(key, value)
-> 로컬스토리지에 키&밸류 쌍을 저장한다
localStorage.getItem(key)
-> 로컬스토리지에서 key로 저장되어 있는 value를 받아온다
왜 쓰게 되었나?
1. 첫 로그인 시에만 모달창이 뜨는데, 유저가 창을 닫으면 그 값을 기억하고 두 번 다시 모달창을 띄우지 않아야 했음.
2. 서버에 해당 불린값을 저장해도 해결할 수 있었지만, 유저 수가 많을 때를 가정했을 때는 서버 비용이 나간다고 판단했음.
로그인한 유저의 uid를 key로 주고 모달창을 닫았을 때 해당 key의 value로 true를 주었음. 유저가 다시 로그인하면 로컬스토리지에서 해당 uid로 value를 가져오고 true이면 모달창을 띄우지 않도록 했음.
에러가 자꾸 생성된다... 벌레 색기들...