[React] useEffect

함수형 컴포넌트의 생명주기 useEffect
함수형 컴포넌트에서의 생명주기관련 훅-> useEffect

useEffect(() -> {
console.log("마운트됨!!")
},[]) -> 여기서 대괄호는 의존성 배열

useEffect(()=> {
console.log("변경되고 나서 실행~")
},[]) ->배열안에 변수를 넣으면 그 값이 변경될 때 실행, []안에 아무 것도 작성하지 않으면 모든 변경에 대해 실행

useEffect(()=> {
return() => {
console.log("사라질 때 실행~")
}
})

useEffect에서 setState쓰면 무한 리랜더링 될 수 있기때문에 가급적
피하는게 좋음

useEffect의 실행 시점
-> 생명주기 메서드, 훅은 기본적으로 렌더(화면그리기) 이후에 실행됨
따라서 useEffect와 lifecycle 메서드는 렌더 이후에 실행됨