렌더링이란 무엇인가요? - Accuranker
무료 허브 리소스
렌더링은 일반적으로 로딩을 의미합니다.
웹페이지에는 두 가지 상태가 있습니다:
- 초기 HTML
- 렌더링된 HTML
렌더링은 두 상태 사이에서 일어나는 일입니다.
초기 HTML에는 HTML과 페이지를 작성하는 데 필요한 JavaScript, CSS, 이미지 등의 리소스에 대한 링크만 포함되어 있습니다. 웹페이지를 마우스 오른쪽 버튼으로 클릭하고 '소스 보기'를 선택하면 초기 HTML을 볼 수 있습니다.
렌더링된 HTML을 DOM(문서 객체 모델)이라고도 합니다. 이것은 초기 HTML에 자바스크립트 파일에 의해 변경된 내용을 더한 것입니다. 브라우저의 개발자 도구를 열고 콘솔 탭을 클릭하면 DOM을 볼 수 있습니다.