개발자 도구의 console에서 javascript를 사용할 수 있는 이유

 

왜 되지?

 

위 스크린샷처럼 개발자 도구의 콘솔 탭을 열고 javascript 코드를 작성하면 잘 작동하는 모습을 볼 수 있습니다. 모든 프로그래밍 언어가 그렇듯 javascript도 실행되려면 프로그래머가 작성한 javascript 코드를 기계가 해석할 수 있게 만드는 과정을 거쳐야 할텐데 브라우저에서 이게 왜 바로 실행되는걸까요?

 

javascript 엔진

정답부터 말씀드리자면 브라우저에 javscript 엔진이 내장되어 있기 때문입니다.

 

 

파싱과 JIT 컴파일이 가능한 머신을 제공하는 javascript 엔진은 여러 종류가 있는데 각 브라우저에 내장되어 있는 javascript 엔진의 목록은 아래와 같습니다.

• Chrome - Google v8
• 넷스케이프 - Spider Monkey
• Edge - Chakra
• Safari - Javascript Core(JSC)

이처럼 javascript 엔진이 브라우저 자체에 내장되어 있기 때문에 파일로부터 로드된 javascript 코드뿐만 아니라 console에서 직접 작성하는 javascript 코드도 실행가능한 것입니다.

 

javascript 실행환경

그러나 javascript 실행환경 (Runtime Environment) 이 항상 브라우저에 종속되어 있는 건 아닙니다. 과거의 javascript는 브라우저에 갇혀있었지만 javascript를 브라우저 밖, 즉 내 컴퓨터에서 다양한 용도로 확장하기 위해 개발된 javascript runtime인 Node.js의 등장으로 인해 현재 javascript는 java나 python처럼 브라우저 밖에서도 사용이 가능해졌습니다.

 

참조

자바스크립트 엔진(JavaScript Engine)과 자바스크립트 런타임(Javascript Runtime)의 차이
Node.js란 무엇인가?
JavaScript 엔진 톺아보기 (1)