반응형
Cleanup Function
-
[React.js] Hooks - useEffect()Front-End(Web)/React - 프레임워크(React, Next) 2020. 11. 28. 16:58
🤷 Rendering 후에 사용되는 코드들 컴포넌트가 렌더링된 후에 사용되는 코드들이 있다. 이러한 코드들이 쓰이는 이유는 다음과 같다. 백앤드 사이드에서 변경된 데이터를 패치 데이터의 변동을 확인하기 위함 Timers(setTimeout 등) 및 Intervals(setInterval) 의 운용 위 조건들에 따라 필요시 DOM에 변화를 주기 위해 useEffect() 역시 렌더링 후의 동작을 위해 사용되는 Hooks로, 클래스형 컴포넌트의 Lifecycle 중 componentDidMount(), componentDidUpdate(), componentWillUnmount() 의 기능을 담당한다고 생각하면 된다. 📒 useEffect() useState와 마찬가지로 React 라이브러리에서 import..