렌더링

우리가 인식하지 못할 뿐, 웹페이지는 미리 만들어진 것을 가져오는 게 아니라 실시간으로 그려지는 것에 가깝습니다. 실시간으로 웹사이트가 그려지는 과정, 이 과정을 웹 브라우저의 렌더링 과정이라고 말합니다.

렌더링이란 서버로부터 HTML 파일을 받아 브라우저에 뿌려주는 과정이다. 브라우저는 서버로부터 HTML 문서를 다운 받는다. 렌더링 엔진은 HTML 문서를 파싱해서 DOM 트리를 만든다.

리액트의 렌더링

  • 기본적인 리액트의 렌더링 개념은 루트 DOM부터 시작해 플래그가 지정되어 있는 모든 컴포넌트를 찾아서 렌더링을 진행하는 것을 말한다.

리렌더링

This line appears after every note.

Notes mentioning this note

React dom
ReactDOM은 UI를 실제로 브라우저에 [[렌더링]]할 때 사용하는 라이브러리입니다.
Useeffect
useEffect(()=> { console.log(‘[[렌더링]] 될 때 마다 실행.’); })

Here are all the notes in this garden, along with their links, visualized as a graph.