블로그 포스트 페이지 내에 Scroll Indicator를 개발하던 중 마주친 Warning과 해결 과정에 대해 남겨두려고 한다. 일단 문제의 그 빨간 글씨의 Warning은 아래와 같다. Unmounted 된 컴포넌트에 대해 상태를 업데이트할 수 없다 ! 해당 작업은 수행되지 않지만, 메모리 누수를 발생시킨다. 고치려면 useEffect의 cleanup function을 이용하라. React에서 window나 document에 addEventListener를 통해 이벤트를 추가할 때, 그냥 사용하게 되면 렌더링 시점이 구분되지 않아 에러가 난다. 따라서 useEffect를 통해 최초 로드 시 이벤트를 추가해 주어야 한다. useEffect(() => { window.addEventListener("sc..
