React.Component 클래스에서 확장 된 새로운 JavaScript 클래스를 정의하고 있습니다. 우리 수업에서는 React.Component가 이미 제공 한 것에서 빌드 할 몇 가지 속성과 메서드를 정의 할 것입니다. 이 메소드들 중 가장 중요한 것은 render라고 불리며 결국 HTML로 렌더링 할 React 컴포넌트 트리를 반환합니다. <div> 태그는 실제 DOM 노드가 아닙니다. React div 구성 요소의 인스턴스화입니다. 이를 React가 처리하는 방법을 알고있는 마커 또는 데이터 조각으로 생각할 수 있습니다. React는 안전합니다. HTML 문자열을 생성하지 않으므로 XSS 보호가 기본값입니다. 기본 HTML을 반환 할 필요가 없습니다. 자신 (또는 다른 사람)이 구축 한 구성 요소 트리를 반환 할 수 있습니다. 이것이 React를 구성 가능하게 만드는 것입니다 : 유지 관리 가능한 프런트 엔드의 핵심 원칙입니다. ReactDOM.render ()는 루트 구성 요소를 인스턴스화하고 프레임 워크를 시작하며 마크 업을 두 번째 인수로 제공된 원시 DOM 요소에 삽입합니다. ReactDOM 모듈은 DOM 관련 메서드를 노출하는 반면 React는 다른 플랫폼 (예 : React Native)에서 React가 공유하는 핵심 도구를 가지고 있습니다.