[React] 리액트 렌더링 알아보기
·
JAVASCRIPT
들어가며리액트(React)는 현대 웹 개발에서 가장 널리 사용되는 라이브러리 중 하나로, 그 핵심은 효율적이고 직관적인 렌더링(Rendering)입니다. 이번에는 리액트 렌더링에 대해 기본 개념을 알아보겠습니다. 간단 키워드리액트 렌더링렌더링 발생 조건최적화 방법Reconciliation리액트 렌더링리액트에서 렌더링이란?리액트에서 렌더링은 컴포넌트의 상태(state)나 속성(props)이 변경될 때, UI를 갱신하기 위해 화면에 요소를 다시 그리는 과정을 의미합니다. 이 과정은 효율성을 위해 가상 DOM (Virtual DOM)을 사용합니다. 리액트는 변경 사항만 계산해 실제 DOM 업데이트를 최소화함으로써 성능을 최적화합니다. 가상 DOM가상 DOM은 실제 DOM의 가벼운 복사본으로, 메모리에 저장되어..