intellij에서 javascript을 테스트 하기 - html 디버그

2022-09-06 • infoqoch •

tools

•

다양한 환경에서 자바스크립트를 사용하기

자바스크립트의 경우 크롬에서 개발자 모드로 사용할 경우 테스트할 수 있다.
혹은 웹 에디터를 사용해도 좋다. 나는 다음 웹 사이트를 자주 사용한다. https://jsbin.com/?html,output
vs code를 사용하는 것도 편하다. node를 설치하고 js를 실행하는 빌드를 사용하면 된다.

html 파일을 debug하기

인텔리제이의 경우 적합한 방식을 찾지 못했다. html을 디버깅하는 방식으로 자바스크립트를 동작시켰다.
장점은 코드 변경을 실시간으로 반영한다. 인텔리제이 내부에서 개발자 모드의 콘솔을 사용할 수 있다.
html 파일을 다음과 같이 생성한다. 스크립트 블럭에 자바스크립트 코드를 작성한다.

<script>
    // 코드입력
</script>
<html><meta charset="utf-8"></html>

해당 파일을 디버그로 실행한다.
- html 파일을 오른쪽 클릭 -> debug xxxx.html 혹은,
- ctrl + f5