리액트에서 화면을 랜더링하는 과정에 대해 질문이 있습니다.

Question

일반적으로는, 브라우저에서 html문서를 받아 DOM 트리로 변형 후 화면에 랜더링되는 것으로 알고 있습니다.리액트에서는 JSX를 통해 문법을 작성하는데, 그렇다면 해당 JSX 코드는 html로 변환되어, 브라우저에서 랜더링이 일어나나요. 아니면, 바로 DOM 객체로 만들어지나요?jsx -> html -> DOM tree -> UIjsx -> DOM tree -> UI답변 부탁드립니다:)

Hee Sung Son · Answer

2번인데 가상돔트리 기반으로 리얼돔과 비교후 업데이트 합니다

장독깨기 · Answer

브라우저는 jsx 를 인식하지 못하죠.그러니, 기본적으로는 1번입니다.그리고, 자바스크립트로 DOM 을 조작할 수 있잖아요. 이걸 리액트가 대신해준다 생각하면 될 거 같습니다. 물론, 리액트는 가상 돔을 별도로 관리해 변경된 부분만 업데이트 합니다.

리액트에서 화면을 랜더링하는 과정에 대해 질문이 있습니다.

2개의 답변

#dom 목록