useEffect 란?

랜더링할때 무임승차 함수.

 

useEffect( 실행식, [ ] ) : 컴포넌트 처음에 랜더링될때 한번 하고 안함

• 뒤에 [ ] 없으면 계속 랜더링되서 꼭 써야함 !
• [ ] 로 빈 배열 쓰면, 컴포넌트 처음에 랜더링 될때 한번하고 안함.
• [ ] 자리에 useState의 변수가 자주 들어옴. useState랑 짝임 !

만약, useState 변수가 여러개인 경우, 그 변수들 마다 값 변화가 생길때 마다 그 변수가 포함된 컴포넌트 전체 랜더링을 무조건 해야만 함

그 지옥에서 벗어나기 위해서 useEffect( 함수, [useState 여러개 변수 중 하나] ) 를 사용.

( 저 변수값으로 랜더링 될때만 실행할께 )

 

useEffect 내에서 반환된 함수는 해당 컴포넌트가 언마운트되거나 다음 useEffect가 실행되기 전에 정리(clean-up) 작업을 수행합니다

.

결론 : useEffect는 useState와 다르게 useEffect 내부의 함수만 다시 랜더링함 ! 그리고 그걸 컨트롤하는게 useState의 변수다 !