VSCode에서 JavaScript 실행하는 방법

VSCode에서 자바스크립트 코드를 실행하는 방법을 알아보자.

 

 

 

 

1. Code Runner 확장 플러그인 설치

먼저 Extensions에 code runner를 검색하여 설치해준다.

다른 언어로 코드를 실행해보았다면 이미 설치되어있을 것이다.

 

 

 

 

 

2. 파일을 만들어준다.

 

 

math라는 폴더와 test라는 파일을 만들었다.

 

 

 

 

 

3. 파일에 코드를 작성한다.

 

console.log("hello");

 

 

hello를 출력하는 예시 코드이다.

 

 

 

 

4. vscode에 내장되어있는 터미널에서 bash를 클릭한다.

 

bash가 보이지 않으면 위쪽 우측에 있는 +버튼을 클릭하고 Git bash를 클릭하면 된다.

 

 

*터미널이 보이지 않는다면 vscode창의 가장 상단에서 terminal > new terminal을 클릭하면 된다.

 

 

 

 

5. bash에 "node 파일 이름"을 쓰면 실행이 된다.

 

 

 

 

---

 

 

※ 폴더 안에 있는 파일을 실행시킬 경우

 

math라는 폴더 안에 1000이라는 파일을 만들었다.

 

 

폴더 안의 파일을 실행시켜보면

 

 

다음과 같은 에러가 발생한다.

 

에러를 살펴보면 

Error: Cannot find module 'C:\Users\user\Study-JavaScript\1000'

라고 적혀있다. 현재 폴더의 위치에 1000이라는 파일이 없다는 것이다. 즉, 실행하는 파일의 위치가 잘못되어서 찾을 수 없어 에러가 난 것이다.

 

 

해결 방법은 매우 간단하다. 파일 경로를 변경해주면 된다. 현재 파일 경로가 ~/Study-JavaScript 폴더에 있다고 되어있다. 이 경로를 ~/Study-JavaScript/math로 변경해야 한다. 이때 쓰는 명령어는 cd이다. cd를 쓰고 ./math라고 쓰면 현재 파일 경로에서 math폴더로 이동한다는 뜻이므로 알맞게 변경이 된다. (절대 경로를 사용해도 상관없다.)

 

 

 

 

---

 

💡 참고: 터미널 경로 나타내는 표현

 

/

Root directory

 

~

현재 접속 중인 사용자의 Home directory

 

./

현재 사용자가 있는 경로

 

../

현재 경로에서 한 단계 위의 경로

 

 

ex) cd ../   이전 경로로 이동

 

 

 

 

 

---

 

 

 

참고한 글

 

 

https://poiemaweb.com/js-hello-world

Hello world | PoiemaWeb

 

 

https://macinjune.com/all-posts/mac/terminal/terminal%EC%97%90%EC%84%9C-cd-ls-command%EB%A1%9C-%EC%9E%90%EC%9C%A0%EB%A1%AD%EA%B2%8C-%ED%8F%B4%EB%8D%94-%EB%93%9C%EB%82%98%EB%93%A4%EA%B8%B0/

터미널 cd, ls 커맨드로 자유롭게 폴더 드나들기 - Mac In June