리액트를 다루는 기술을 참고하여 기술하였습니다.
useEffect는 리액트 컴포넌트가 렌더링 될 때 마다 특정작업을 실행할 수 있도록 하는 hook이다.
즉 렌더링 될때마다 side effect를 실행하기 위한 hook이다.
그냥 뭐 새로고침 될때마다 뭔가 실행되게 한다고 생각하면 좀 이해하기 쉽다.
아무튼 형태는 다음과 같다.
useEffect(function, deps)
*function = 수행하고자 하는 작업 (함수)
*deps = 검사하고자 하는 값 또는 배열
렌더링 될때마다 실행시
useEffect(function, [])
한번 렌더링 될때 처음 딱 한번 실행시 =배열에 아무것도 안넣음. 하지만 빈배열
useEffect(function, [])
특정 props 나 state가 변경될 때 실행시???, =특정값일때 실행
useEffect(function, [바뀌는값])여기에서 뭔말인가 싶은데
특정 props나 state가 변경될 때 라는 말은 그냥
저 바뀌는값이라는 배열에 들어가는 값이 변경될때! 마다 function을 실행하겠다는 것이다.
아무튼 그러하다.
Uploaded by N2T