useEffect
![](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FnWYXe%2FbtsC2zpA4Ta%2FtKR9v8tKVzNdMD3C0wlxj0%2Fimg.jpg)
[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(()..