까먹을까봐 블로그에 정리해둔다..

  1. 먼저 VS 코드 확장도구 중에 debugger for chrome 이 도구를 받는다.

Screen Shot 2019-04-19 at 2.12.25 AM.png

  1. 명령어 팔레트를 띄워 launch.json을 검색한다.
    • launch.json에서 localhost의 포트번호를 내 리액트 구동 포트번호와 일치시킨다.

Screen Shot 2019-04-19 at 2.14.04 AM.png

  1. VS코드 디버그 탭에 가서 재생버튼을 누른다.

Screen Shot 2019-04-19 at 2.14.29 AM.png

  1. 브레이크 포인트가 걸리면 디버그 탭에서 각종 변수들의 내용 등을 볼 수 있다.

Screen Shot 2019-04-19 at 2.15.07 AM.png

Screen Shot 2019-04-19 at 2.15.01 AM.png