인프런 커뮤니티 질문&답변

안녕하십니까. 강의 잘 듣고 있습니다. 이번에 따라 배우면서 2강. 회원가입 페이지 만들기 부분에서 뜬금없이 의문이 생겨서 질문드립니다. 

useCallback 함수 안에서 사용하는 상태 혹은 props 가 있다면 꼭, deps 배열안에 포함시켜야 된다는 것 입니다. 만약에 deps 배열 안에 함수에서 사용하는 값을 넣지 않게 된다면, 함수 내에서 해당 값들을 참조할때 가장 최신 값을 참조 할 것이라고 보장 할 수 없습니다. 라고 되어있는데 진짜로 변경될 수 있는 상태를 안 넣어주니 제대로 작동을 안하더라구요

  const onSubmit= useCallback(()=>{
    if(password !== passwordCheck)  {
       setPasswordError(true);
       return;
    }
    if(!term){
      console.log("대체 term 이 왜>>>", term); //왜??????
       setTermError(true);
       return;
    }
    console.log(id,nickName,password,passwordCheck, term);
  },[password, passwordCheck,passwordError]); //여기에 term이 들어가야지만 작동되는 이유가..

위에 보시면,  onsubmit 함수에 디펜더시 리스트에 term이 안 들어가면, 약관에 동의하는 부분이 정상적으로 작동이 되지 않는다. 하지만 콘솔에 찍어보면 막상 값은 잘 바뀌는데, 왜 useCallback 에는 작동이 안 되는지 그 원리가 궁금합니다. 

질문이 불친절할 수 있지만, 짧게나마 답변해주시면 감사드립니다!