컴포넌트가 mount되고 unmount 된다는 건 어떤 의미인가?
컴포넌트가 "mount"되면(된다는 의미는),
- 해당 컴포넌트가 DOM에 삽입되어 브라우저에서 렌더링되는 것을 의미합니다. (컴포넌트가 화면에 나타날 때, 필요한 작업을 수행을 의미합니다)
- 이때, 리액트는 해당 컴포넌트의 constructor() 함수를 호출하고, 그 후에 componentDidMount() 함수를 호출합니다.
- 이 시점에서는 컴포넌트가 초기화되고, 이벤트 핸들러를 등록하고, 데이터를 가져오는 등의 작업을 수행할 수 있습니다.
컴포넌트가 "unmount"되면(된다는 의미는),
- 해당 컴포넌트가 DOM에서 제거되어 더 이상 렌더링되지 않는 것을 의미합니다.(컴포넌트가 화면에서 사라질 때, 정리작업을 수행할 수 있습니다)
- 이때, 리액트는 componentWillUnmount() 함수를 호출합니다.
- 이 시점에서는 등록된 이벤트 핸들러를 제거하고, 타이머를 멈추는 등의 작업을 수행할 수 있습니다.