ChromeDevTool을 사용하여 NodeJS 디버깅

환경

node (v8 이상)

명령

node 명령으로 --inspect 플래그를 사용합니다.

node --inspect index.js

이 때, --inspect-brk 를 사용하면 지정 파일의 1 행째에 브레이크 포인트를 설정한 상태로 할 수 있습니다. (대부분의 경우, 함께 사용하면 좋다고 생각한다)

node --inspect --inspect-brk index.js

--require 를 사용하면 Babel을 사용한 ESxxxx js에서도,

# npm i -D babel-register
node --inspect --require babel-register index.js

TypeScript에서도 디버깅할 수 있습니다.

# npm i -D typescript ts-node
node --inspect --require ts-node/register index.ts

ChromeDevTool 열기

위 섹션의 명령이 잘 실행되고 이런 로그가 나오면 준비 완료입니다.

# Debugger listening on ws://127.0.0.1:9229/e9aa838e-9711-4f7b-a52d-03cd37ff5f2e

이 때, chrome://inspect 에 액세스하면 아래와 같이 되어 있습니다.
원하는 타겟에서 'inspect'를 클릭하면 ChromeDevTool이 열리고 익숙한 느낌으로 코드를 보거나 조사할 수 있습니다.

위의 과정이 번거롭다.

그런 사람은 NIM(Node Inspector Manager) 가 추천! 이것을 사용하면(디폴트 설정으로), --inspect 했을 때, 자동으로 대상의 ChromeDevTool을 열어 줍니다!

----» やっぱりChromeDevToolが1番使いやすいです。😇