로그인 시 로그인 한 아이디를 저장하여 다음번에 로그인 할때 비밀번호만 입력 할 수 있도록 추가 해 달라고 하셨다

이번엔 쿠키 대신 localStorage를 사용하기로 했다.

일단 local Storage(웹저장소)대해서 알아보자!

1. 브라우저를 종료하거나 리부팅해도 데이터가 영구적으로 보관된다.

2. 도메인당 5메가바이트의 저장소를 제공한다.

3. 저장된 데이터를 서버에 전송하지 않아 트래픽을 줄일수 있다.

4. 객체를 저장할 수 있다.

이제 사용방법을 알아보자!

LocalStorage에 있는 데이터 가져올때,

var value = localStorage.getItem("IDCheck_taxi");  //웹저장소에 키에 해당하는 데이터 가져옴.
if(value!=null){          // 데이터가 존재하면
   $("#webId").attr("value", value);   // 아이디 input box에 데이터 뿌려줌
   $('input:checkbox[id="IDSaveCheck"]').attr('checked', true);  // checkBox에 check 해줌
 }

LocalStorage에 데이터 입력할때,

if($('input:checkbox[id="IDSaveCheck"]').is(":checked")){ 

//로그인 버튼 클릭 시 아이디저장 체크박스에 체크가 되어 있는지 확인
   localStorage.setItem("IDCheck_taxi",formEl.webId.value); 

// 체크되어 있으면 아이디 스토리지에 저장해줌
}else{ 

  localStorage.removeItem("IDCheck_taxi"); 

//체크되어 있지 않으면 스토리지에 저장된 데이터 삭제
 }

※  localStorage.clear(); //이건 스토리지에 저장된 데이터 모두 삭제