React.js - useEffect

React.js는 아주 간단한 방법으로 작동된다.

state를 변화시킬 때 component를 재실행시키는 것.

모든 코드가 재실행 된다.

문제는, 어떤 코드들은 이렇게 계속 계속 실행되면 안될 수도 있는데,

useEffect을 통해 우리는 언제 코드를 실행할 지 선택권을 가질 수 있다.

이 이부분은 처음 렌더 시, 딱 한번만 실행하고 다시는 하지 말아라.

 

이 부분은 시작할 때랑 keyword변화 시에 실행,

 

이 부분은 시작할 때, counter 변화 시에 실행

 

이부분은 시작할 때랑 keyword나 counter 둘 중 하나가 변화 시에 실행하라는 말.

 

useEffect는 실행하려는 코드, dependecy로만 이루어져 있다.

If dependency exists, effect will only activate if the values in the list change. 해당 리스트의 값이 변화할 때만 실행된다.