로딩
요청 처리 중입니다...

React Native] 2. 각종 개념들 (1)

 React Native] 2. 각종 개념들 (1)

DOM과 랜더링 DOM은 Document Object Model이라고 해서, HTML에서의 단순한 구조가 아니라 실제 프로그래밍 Object들 처럼 상속 등에 의해 구현한 형태의 모델입니다. 웹 ReactNative HTMLDivElement의 Instance

HTMLHeadingElement의 Instance 단순히 Text(Mark Up)로 만들어진 것들이 아니라, 프로그래밍 언어처럼 특정 클래스의 instance를 생성해서 해당 Html Tag를 만들어내는 것 처럼 작동하는 형식입니다.

그런데 React Native Framework에서는 물리 DOM과 가상 DOM구조를 갖고 있습니다. 물리 DOM을 웹 브라우저에서 Js 코드가 생성하는 실제 DOM을 뜻합니다.

이와는 달리 가상 DOM의 경우에는 React 코드가 만든 자바 스크립트 구조체입니다. JIT 컴파일러처럼 중간 언어를 만들어낸 뒤에 이후 Renderer를 통해서 실제 물리적인 DOM을 만드는 형태...