● 컴포넌트 기반 아키텍처

리액트의 가장 큰 특징은 복잡한 UI를 작고 재사용 가능한 컴포넌트로 나누어 개발한다는 점입니다. 마치 레고 블록을 조립하듯이, 작은 컴포넌트들을 조립해 웹 페이지 하나를 완성할 수 있습니다. 이러한 방식은 코드의 재사용성을 높이고 유지보수하기 쉽게 만들어 줍니다.

그림 1-1 컴포넌트 기반 아키텍처의 추상화

● 가상 DOM

기존 자바스크립트나 jQuery 기반의 웹 개발에서는 화면에 표시하는 요소를 직접 DOM(Document Object Model)에 접근해 조작했습니다. 이 방식은 렌더링 비용이 매우 높다는 단점이 있었습니다.