React 생명주기 깊이 이해하기: Mount, Update, Unmount를 넘어 Effect의 생명주기까지

React를 처음 배울 때 우리는 보통 컴포넌트 생명주기를 다음 세 단계로 이해한다.Mount → Update → Unmount컴포넌트가 화면에 처음 나타나고, 상태나 props가 바뀌면서 다시 렌더링되고, 더 이상 필요 없어지면 화면에서 제거된다. 이 설명은 틀리지 않다. 하지만 현대 React를 실무에서 제대로 사용하려면 이 정도 이해만으로는 부족하다.특히 함수 컴포넌트와 Hooks 중심의 React에서는 생명주기를 단순히 componentDidMount, componentDidUpdate, componentWillUnmount에 대응시키는 방식으로 이해하면 오히려 코드를 잘못 설계하기 쉽다.React의 생명주기를 제대로 이해하려면 다음 질문으로 접근해야 한다.컴포넌트는 언제 다시 실행되는가?렌더링은..

2022.12.24