Language/Javascript

[Javascript] 코드 동작 확인 방법

TechNote.kr 2022. 6. 20. 00:01
728x90

Javascript 는 혼자서 동작하는 script 언어라기 보다 html, css 와 같이 동작하기에 자체적인 코드 확인이 쉽지 않아 방법을 확인해 보았다. 

  • JSFiddle
  • Node.js (with VS Code)

JSFiddle

JSFiddle - Code Playground

Javascript 뿐만 아니라 HTML, CSS 까지 모두 테스트할 수 있다. 

Javascript 만으로도 코드를 작성한 후 Run 을 누르면 오른쪽 하단에 Console 창을 통해 코드 동작을 확인할 수 있다. 


Node.js

Node.js 설치 : [Node.js] 설치 및 버전 확인 (technote.kr)

가장 많이 쓰이는 Editor 인 VS Code 기준으로 코드 동작 확인은 다음과 같이 한다. 

1) 실행 후 File > Open Folder 를 선택하여 테스트 코드를 작성할 위치를 선택한다.

2) 테스트 코드를 작성하여 저장한다. 

3) CTRL + SHIFT + ` 을 눌러 terminal 을 실행하고, "node 코드파일명" 을 실행한다. 

> node main.js
1

 

728x90

'Language > Javascript' 카테고리의 다른 글

[Javascript] var, let, const 비교 분석  (0) 2022.07.03
[Javascript] 코드 동작 확인 방법  (0) 2022.06.20
javascript is eating the world.  (0) 2015.12.23
ajax POST debugging 방법  (0) 2015.12.12
ajax를 이용한 async post data 저장  (0) 2015.11.16
Slickgrid grid options  (0) 2015.11.16
Slickgrid example1-simple.html 분석  (0) 2015.11.16
ajax  (0) 2015.11.02
Closure - 클로저  (0) 2015.10.25