NODE_OPTIONS="--inspect-brk"로 디버깅 해보기

[sunmerrr]

--inspect-brk 는 Node.js 디버깅을 할 수 있는 명령어다.

NODE_OPTIONS="--inspect-brk" yarn dev

--inspect-brk 는 Next.js 에서 api 를 작업해야하거나(fullstack) 로컬 서버를 띄우고 개발을 해야하는 경우 사용해볼 수 있다. 또는 middleware 도 node.js 환경에서 돌아간다고 하니, 디버깅할때 사용해보면 좋을 것 같다.

실행 순서는 아래와 같다.

1. 터미널에 위 명령어를 실행한다.
2. 명령어를 실행하면 코드는 첫 줄에서 자동으로 중단(break) 되며, 디버거가 연결되기를 기다린다.
3. 크롬 chrome://inspect/#devices 로 접속하면 실행중인 디버거가 리스트에 올라와있다.(기본 포트 번호 9229)
4. 실행되어있는 디버거와 연결한다.(여기서 연결해주지 않으면 아무것도 이뤄지지 않는다.. 영원히..)
5. 이제 로컬호스트에 접속해 디버깅을 시작한다.

평소에 사용하던 vscode 디버거를 사용해도 될 것 같지만 프로젝트를 실행하기 전에 아예 첫번째 줄에서부터 멈추고 시작할 수 있다는 점이 달라서 상황에 맞게 사용해보면 될 것 같다.
나는 이것을 통해서 프로젝트가 컴파일되는 중에 메모리 사용량을 확이해보려고 했다. 결국 디버거도 같이 터져서 제대로 확인을 해보지는 못했지만 새로운 디버깅 방법을 알게 된 것 같다.

[al-bur]

오 한 번도 안써봤는데, 좋은 꿀팁 감사합니다