렌더링

Last updated on October 29, 2023

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

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

리액트의 렌더링

This line appears after every 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.