[React/React Hook] useEffect(), useCallback()

useEffect()

// 컴포넌트가 마운트 됐을 때 (=componentDidMount)
useEffect(()=>{
	// code ..
},[]);

// 컴포넌트가 업데이트 됐을 때 (=componentDidUpdate)
const updated = useRef(false);
useEffect(()=>{
	if(!updated.current)
    	mounted.current = true;
	//code
}, [변경값]);

// 마운트 && 업데이트
useEffect(()=>{
	//code
}.[변경값]);

 

useCallback()

useCallback(callback, [변경되는 값]);