Code Runner

VS Code의 터미널에서 자바스크립트 또는 여러 언어로 구현된 코드를 실행하기 위해 설치한다.

 

1. VS Code Extension 설치

- VS Code 의 [Extensions] 항목을 선택하고 "Code Runner"를 검색하여 설치한다.

그림1. Code Runner 검색

- 검색 후 Code Runner 항목의 [Install] 버튼을 클릭하여 설치한다.

 

2. 코드 테스트

- 작성한 코드

console.log('Hello Javascript!'); let a = 1; console.log(a); console.log('----'); a = a + 10; console.log(a);

 

- 코드를 작성한 후 코드 영역에서 마우스 오른쪽 버튼을 눌러 [Run Code] 버튼을 클릭하거나 단축키 [Ctrl + Alt + M](macOS는 control + option + N)을 눌러 코드를 실행한다.

그림2. 마우스를 이용해 코드 실행하기

- 위 그림에서 [Run Code] 버튼을 눌러 코드를 실행할 수 있다.

- 실행하면 결과는 다음과 같다.

그림3. 코드 실행 결과

 

 

자바스크립트의 경우 코드를 실행하기 위해서 브라우저의 개발자 도구나 Node.js를 설치하여 터미널의 REPL을 이용하는 방법도 있지만, VS Code의 Code Runner를 이용해 간편하고 빠르게 자바스크립트의 코드를 실행해 볼 수 있다.

다만, 터미널을 이용하다 보니 DOM 관련 API는 사용할 수 없으며, DOM 관련 부분은 브라우저의 개발자 도구를 이용하여 코드를 테스트할 수 있다...