표 1-1 웹 브라우저가 사용하는 자바스크립트 엔진
|
웹 브라우저 |
자바스크립트 엔진 |
|
크롬, 엣지, 오페라 |
V8 |
|
파이어폭스 |
스파이더몽키 |
|
사파리 |
자바스크립트코어 |
엔진마다 조금씩 기능 차이가 있지만, 모든 엔진은 자바스크립트 표준(ECMA-262)에 맞춰 자바스크립트 코드를 실행할 수 있습니다. 크롬에서 사용하는 V8 엔진은 오픈 소스(소스 코드를 공개한 소프트웨어) 엔진으로, 다양한 최적화 기법을 적용해 자바스크립트 실행 속도를 획기적으로 끌어올렸습니다.
웹 브라우저에 ‘Hello, world!’를 출력해 보며 웹 브라우저에서 자바스크립트 코드를 어떻게 실행하는지 알아보겠습니다.
1. 크롬을 실행합니다. 웹 브라우저에서 자바스크립트 코드의 실행 과정을 보려면 콘솔을 열어야 합니다. 콘솔(Console)은 자바스크립트 명령어를 입력할 수 있는 도구로, 웹 브라우저의 개발자 도구에 있습니다. 크롬에 마우스 커서를 둔 상태로 키보드에서 F12를 누르면 개발자 도구가 열립니다. MacOS에서는 Option + Command + I를 누릅니다.