[Front-End] 브라우저 엔진과 렌더링 엔진의 차이는 뭘까?

https://web.dev/

 

웹 브라우저의 맥락에서 '브라우저 엔진'과 '렌더링 엔진'은 웹 페이지 렌더링을 담당하는 동일한 기본 구성 요소를 지칭하기 때문에 종종 같은 의미로 사용되기도 합니다. 하지만 두 용어 사이에는 미묘한 차이가 있을 수 있습니다:

브라우저 엔진: 레이아웃 엔진이라고도 하는 브라우저 엔진은 웹 콘텐츠 구문 분석 및 처리와 관련된 다양한 작업을 처리하는 웹 브라우저의 핵심 구성 요소입니다. 여기에는 렌더링 엔진이 주요 구성 요소 중 하나로 포함되어 있습니다. 브라우저 엔진은 렌더링 외에도 네트워킹(요청 및 응답 처리), HTML 및 CSS 구문 분석, JavaScript 실행 처리, 보안 프로토콜 관리, 사용자 상호 작용 처리 등의 작업도 관리합니다.

렌더링 엔진: 렌더링 엔진은 브라우저 엔진의 하위 집합입니다. 특히 HTML 및 CSS 구문 분석, DOM(문서 객체 모델) 트리 구성, 레이아웃 계산 수행, 웹 페이지의 시각적 표현을 화면에 그리는 작업을 담당하는 구성 요소를 말합니다. 렌더링 엔진은 웹 콘텐츠의 올바른 표시를 보장하는 브라우저 엔진의 핵심입니다.

 

출처

Chat GPT