쭈링이.log 쭈링이.log

React useEffect dependency array useEffect 에서 두번째 파라미터를 옵션으로 dependency array값을 설정할 수 있다. useEffect 에서 dependency array 를 선언하면 useEffect가 mount된 후 선언된 배열속 값이 변경될때마다 실행하게된다. // useEffect 함수 useEffect(()=> { setTimeout(() => { setTemp(false); }, 2000); // dependecy array값으로 mount된 후 count의 값이 변경될때 실행된다. console.log('hello') }, [count]); count를 클릭 할 때마다 hello 로그가 찍힌다. dependency array에 값을 넣지않고 선언만 ..

React Lifecycle React Lifecycle 이란 컴포넌트들의 생명주기를 뜻하며 컴포넌트의 생성 부터 시작해 업데이트, 소멸이 되어 사라질 때 호출하는 메서드이다. 컴포넌트는 생성(mounting) -> 업데이트(updating) -> 제거(unmounting)의 순서에 따라 생명주기를 갖는다. useEffect useEffect 란 react lifecycle에 하나의 훅으로서 컴포넌트가 렌더링을 할 때 작업이 실행 되도록 리액트의 hook이다. useEffect를 사용하기위해 react에서 import를 해야한다. // useEffect 훅을 사용하기 위해 선언한다. import { useEffect } from 'react'; 컴포넌트속에 useEffect 함수를 선언하여 사용하면된다...