useEffect

[react] useEffect - Lifecycle 제어하기

react에서 Lifecycle이라고하면 mount, update, unmount로 나눌 수 있다. mount - 화면에 나타남 update - 업데이트, 리랜더 unmount - 화면에서 사라짐 useEffect함수는 react hook으로 클래스형 컴포넌트에서 사용할 수 있었던 생명주기 메소드를 함수형 컴포넌트에서 사용할 수 있게한다. useEffect(function, deps) 형태로 1. mount 시점에 실행 useEffect(() => { console.log("mount!"); },[]); - deps가 빈 배열 일 경우 mount 시점에 콜백함수 실행 2. update 되는 순간 실행 useEffect(() => { console.log("update!"); }); useEffect(()..