도니 House 도니 House

React 렌더링Activity 컴포넌트를 이해하기 전에 먼저 React에서 상태 업데이트가 어떻게 이루어지고 왜 리렌더링이 발생하는지 이해할 필요가 있다.React 공식 문서에서는 Activity가 hidden 상태일 때 렌더링을 수행하지 않는다고 설명하고 있기 때문에, 이를 이해하기 위해 먼저 React의 기본 렌더링 과정을 살펴보았다.예를 들어 다음과 같은 코드가 있다고 하자.function App() {const [count, setCount] = useState(0);return ( setCount(count + 1)}>클릭);}버튼을 클릭하면 setCount가 호출되고 React는 다음과 같은 과정을 통해 UI를 업데이트한다.setState↓updateQueue에 update 추가↓render..