최근 리액트로 개인 프로젝트를 하며 useRef와 useEffect를 활용해 애니메이션을 구현했었는데, 그 과정에서 알게 된 내용을 기존에 알고 있던 내용에 추가하여 정리해 보고자 한다. 일단 리액트의 component life cycle은 이러하다. 컴포넌트 생명 주기 (Component Life Cycle) 1. 마운트 (Mount) 마운트(Mount)는 DOM 객체가 생성되고 브라우저에 나타나는 것을 의미 2. 업데이트 (updatae) 컴포넌트가 업데이트되는 경우는 props 값 변경, state 값 변경, 부모 컴포넌트가 리렌더링 될 때, this.forceUpdate로 강제로 리렌더링 되는 경우 3. 언마운트 (UnMount) 컴포넌트가 DOM에서 제거되는 것. 호출되는 함수는 하나로 componentWillUnmount 함수. 해당 컴포넌트가 제거되기 직전에 호출됩니다. [참고](https://lktprogrammer.tistor