componentWillUnmount()에서 이벤트 리스너를 제거하지 않으면 Note 엘리먼트를 제거한 후에도 그림 5-9와 같은 귀찮은 대화상자가 노출된다. 이것은 UX 면에서도 좋지 않고, 버그로 이어질 수도 있다. componentWillUnmount()를 이용하면 컴포넌트를 확실히 정리할 수 있다.

▲ 그림 5-9 사용자가 페이지를 벗어나려고 하면 대화상자를 노출한다.⁶