[VSCODE] VSCODE에서 JavaScript 실행 결과 확인하기

Node.js란?

Node.js는 Chrome V8 JavaScript 엔진으로 빌드 된 JavaScript 런타임입니다.

즉, 노드를 통해 다양한 자바스크립트 애플리케이션을 실행할 수 있으며, 서버를 실행하는 데 제일 많이 사용된다.

• Node.js는 JavaScript를 서버에서도 사용할 수 있도록 만든 프로그램이다.
• Node.js는 V8이라는 JavaScript 엔진 위에서 동작하는 자바스크립트 런타임(환경)이다.
• Node.js는 서버사이트 스크립트 언어가 아니다. 프로그램(환경)이다.
• Node.js는 웹서버와 같이 확장성 있는 네트워크 프로그램을 제작하기 위해 만들어졌다.

설명 출처 : https://hanamon.kr/nodejs-%EA%B0%9C%EB%85%90-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0/

---

아래 사이트에서 Node.js 설치파일을 다운로드 받아 설치합니다.

 

https://nodejs.org/ko/download/ 

다운로드 | Node.js

 

Windows Installer(.msi) 64-bit 다운로드

 

옵션 변경없이 쭉 진행해 설치를 완료합니다.

 

확장에서 code runner 를 설치해줍니다.

 

 

자바스크립트와 html 파일을 생성합니다.

TEST 폴더를 만들고 그 안에 html폴더, js폴더를 생성해줍니다.

html폴더에는 index.html / js폴더에는 text.js 파일을 만들어주었습니다.

 

test.js를 작성한 후, 버튼을 눌러 실행해봅시다.

 

하단 OUTPUT창에서 입력 결과가 나오는 것을 확인 할 수있습니다.

 

index.html 파일도 작성해줍니다.

 

확장에서 Live Server를 설치합니다.

 

html 문서에서 오른쪽 클릭으로 Open with Live Server를 선택해 실행해줍니다. 

 

아래 이미지와 같이 결과를 확인 할 수있습니다.