처음 email, password, checkbox 값을 useRef를 통해 가져왔다.

const email = useRef();
const password = useRef();
const checked = useRef();

const handleLogin = (e) => {
    e.preventDefault();
    const emailValue = email.current.value;
    setEmailValue(emailValue);
    const checkedValue = checked.current.checked;
    const passwordValue = password.current.value;
    // if (emailValue === "") {
    //   alert("아이디를 입력하세요.");
    // }
    // if (passwordValue === "") {
    //   alert("비밀번호를 입력하세요.");
    // }
    localStorage.setItem(ID, JSON.stringify(email));
    localStorage.setItem(CHECKED, saveChecked);
  };

그러나 ref 특징은 값의 변화보다는 값을 가져오는 역할이라는 글을 보았다.

따라서 즉각 변화의 따라 다음 기능을 수행하는 경우에는 state가 적합할 것 같았다.

❌useRef