상태관리를 할 수 없었던 함수형 컴포넌트에 추가된 것!!!!!!!!!!!! 짱
함수 내부에서 선언된 변수는 사라지니까
함수 내부에서 선언된 변수를 참조(선언된 환경을 기억)하고 있는 함수
setState(),()=>{}
state 상태가 변화했을 ㄸ ㅐ 콜백으로 받아서 실행했던 비동기 처리를 useEffect로 구현할 수 있따!!!
상태를 지켜보다가 변화가 생겼을 때 발생하는 함수이기 때문엥
useEffect(() => {if(조건){실행할 함수}}.[])
=componentDidmount 빈배열, 최초 한 번만
useEffect(() => {if(조건){실행할 함수}})
모든 상황에서 실행
useEffect(() => {실행할 함수}.[data])
=componentDidupdate 배열 안의 값의 상태에 따라 실행. 의존성배열
useEffect(() => {addEventListener; return removeEventListener}.[])
=componentwillunmount
-> document.addeventListener 함수 사용 시에 clean 해줘야햅햅햅