개발/Java Script

[Java Script] 자바스크립트 엔진, 렌더링 엔진 무슨 차이일까?

donggyu 2022. 11. 11. 17:54
반응형

자바스크립트 공부를 하다보면 엔진이라는 말이 자주 나온다

 

엔진이란?

무언가를 구동하는 것을 이야기하는데 그렇다면 자바스크립트를 구동하기 위해서는 엔진이라는 것도 자연스래 있다는 것을 알 수 있을 것이다.

 

이때 등장하는게 자바스크립트 엔진과 렌더링 엔진이다.

 

우선 자바스크립트 엔진에 대해서 먼저 알아보도록 하겠다.

 

자바스크립트 엔진이란?

앞서 말한 것 처럼 자바스크립트 코드를 실행하는 인터프리터 또는 프로그램이라고 볼 수 있다. 전형적인 인터프리터의 역할 및 JIT 컴파일 활용 및 많은 기능을 하고, 주로 웹 브라우저를 위해 사용된다.

대중적으로 알려진 자바스크립트의 엔진은 구글의 V8이다.

Node.js에서 사용되는 엔진이다.

여기서 주의해야할 점은 자바스크립트 엔진이 V8이 아니라, 잘알려진 자바스크립트 엔진이 V8이라는 점이다!

자바스크립트 엔진의 종류는 아래와 같다.

  • Rhino - 모질라
  • SpiderMonkey - 파이어폭스
  • V8 - 구글, 오페라
  • JavascriptCore - 사파리
  • Chakra - 익스플로러, 마이크로소프트 엣지

이제 그럼 렌더링 엔진에 대해서 알아보록 하자.

 

렌더링 엔진이란?

웹 렌더링 엔진(Web Rendering Engine) 또는 웹 브라우저 엔진(Web Browser Engine) 또는 웹 레이아웃 엔진(Web Layout Engine)이라고 불린다. 렌더링, 브라우저, 레이아웃 단어 그대로 웹 페이지에 대한 컨텐츠 및 데이터를 위해 동작하는 엔진이다. 렌더링 역할을 하는 엔진이 브라우저마다 다르기 때문에 같은 페이지가 다르게 보이는 경우가 있다.

렌더링 엔진의 종류는 아래와 같다.

  • Gecko - 모질라, 파이어폭스
  • Blink - 구글, 오페라
  • Webkit - 사파리
  • Trident - 익스플로러
  • EdgeHTML - 마이크로소프트 엣지

 

결론

자바스크립트 코드를 실행하는 것은 자바스크립트 엔진

렌더링 전반 적인 역할을 하는 것은 렌더링 엔진

 

반응형