Programming Language/React
[React] 리액트의 렌더링 과정, 그리고 useState
멋사에서 리액트를 공부하는 중에, 리액트에서 렌더링이 어떻게 이뤄지는지 익힘으로써, 앞으로 리액트에서 어떤 작업을 하더라도 설계한 대로 될 수 있도록 정리해보고자 한다. React에서의 렌더링 리액트의 렌더링 과정은 크게 세 단계(Trigger - Render - Commit)로 나뉜다. Trigger(Render Trigger) // main.jsx(or index.jsx) ReactDOM.createRoot(document.getElementById('root')).render( );위 코드를 실행하면서 리액트 렌더링 프로세스가 시작된다. 렌더링 트리거 단계에서는 애플리케이션에 변경사항이 발생할 때 새로운 렌더링을 시작하는데, 주요 트리거는 다음과 같다. 초기 렌더링: 컴포넌트 최초 생..
