121. useEffect & 종속성

useEffect는 sideEffect를 처리하기 위해서 존재한다

 

sideEffect는 보통 http request 등을 말한다

키 입력을 listen 하고 저장하는 것 또한 sideEffect이다

유효성 검사 역시 그 중 하나이다

useEffect는 일반적으로 매우 중요한 훅으로, 무언가에 대한 응답으로 실행되는 코드를 다루는 데 도움이 된다

그 무언가는 로드되는 컴포넌트일 수도 있고, 업데이트되는 이메일 주소일 수도 있다

무엇이든 될 수 있습니다, 어떤 액션에 대한 응답으로 실행되는 액션이 있다면 그것이 사이드 이펙트(Side Effect)이다

 

  useEffect(() => {
    setFormIsValid(
      enteredEmail.includes('@') && enteredPassword.trim().length > 6
    );
  }, [enteredEmail, enteredPassword]);