MAENG.
NodeJS

Node.js 디버깅

VSCODE-NodeJS 디버깅 1. vscode의 디버깅 탭에서 create a launch.json file을 클릭합니다. .vscode 폴더에 launch.json 파일이 생성된다. 2. break 포인트를 걸어줍니다. 3. 디버깅 시작 F5 버튼을 누르면 디버깅이 시작됩니다. 4…

2021. 05. 23읽기 1분319자

VSCODE-NodeJS 디버깅

  1. vscode의 디버깅 탭에서 create a launch.json file을 클릭합니다.

    .vscode 폴더에 launch.json 파일이 생성된다.



  2. break 포인트를 걸어줍니다.



  3. 디버깅 시작

    F5 버튼을 누르면 디버깅이 시작됩니다.

  4. VARIABLES와 WATCH, CALL STACK을 확인할 수 있다.

    → watch를 이용해서 디버깅을 진행하면서 breakpoint로 디버깅이 멈춘 라인의 상태에서 원하는 변수의 값이나 상태 등을 확인할 수 있습니다.

Chrome-NodeJS 디버깅

  1. 크롬을 열고 F12를 눌러 개발자 도구를 엽니다.

    https://github.com/woowa-techcamp-2020/maeng2418-brightchul-0407chan-learn-node/raw/master/NodeStudy/img/%ED%98%84%EC%9E%AC%ED%8E%98%EC%9D%B4%EC%A7%80_%EA%B5%AC%EC%84%B1%ED%8C%8C%EC%9D%BC.png

  2. Sources 탭을 클릭합니다.

    https://github.com/woowa-techcamp-2020/maeng2418-brightchul-0407chan-learn-node/raw/master/NodeStudy/img/%ED%81%AC%EB%A1%AC_%EA%B0%9C%EB%B0%9C%EC%9E%90%EB%8F%84%EA%B5%AC.png

  3. 여기서 디버깅하고 싶은 js 파일을 선택해 디버깅을 진행할 수 있습니다.

도움이 됐다면 공유해 주세요.
X에 공유RSS 구독

이어서 읽기

AI News[AI News] 2026년 11월 1주차 AI 트렌드 리포트: Claude Code 프리뷰, NVIDIA Auto-Ontology와 REA 세이프가드 이슈지난 7일간 프론트엔드 및 풀스택 엔지니어링 생태계에서 공개된 주요 AI 라이브러리 릴리스, 터미널 자율 에이전트 도구, 그리고 실무 적용 패턴을 정리했습니다. 💡 이번 주 핵심 요약 (3줄 요약) 1. 터미널 에이전트와 REA 리버스 엔지니어링 논란: Anthropic Claude…2026. 11. 04읽기 5분
TypescripttypeRoots vs includetypeRoots typeRoots는 타입 정의 파일(.d.ts)들을 찾을 디렉터리를 지정하는 옵션입니다. 이 옵션은 TypeScript가 프로젝트의 전역 타입 정보를 인식할 때 사용됩니다. typeRoots는 nodemodules/@types와 @types 디렉터리를 포함하고 있습니다…2024. 09. 04읽기 3분