[Redux] useEffect

useEffect

렌더링도리 때, 특정한 작업을 수행해야 할 때 설정하는 훅!!!

ex) 화면에 뭐가 떴을 때 실행하고 싶다면??

 

1) input에 값을 입력
2) value, 즉 state가 변경
3) state가 바뀌었기 때문에 ➡️ App 컴포넌트가 리렌더링
4) 리렌더링 ➡️ useEffect( )가 다시 실행
5) 1~4번 반복

 

---

 

⭐input에 값을 입력할 때마다 렌더링되고 있다.

➡️ 계속 렌더링되는 것을 해결하기 위해!!!

 

Dependency Array
(의존성 배열)

이 배열에 값을 넣으면, 그 값이 바뀔 때만 useEffect가 실행된다.

useEffect( () => {
},[])

✅ 어떤 값도 들어가지 않았기 때문에 화면에 처음 로딩된 결과만 나온다.