[React] VSCode React Debugging

1. VSCode Extension 설치 (JavaScript Debugger)

2. .vscode/launch.json 파일에 아래와 같이 설정

{
  "version": "0.2.0",
  "configurations": [
      {
        "type": "chrome",
        "request": "launch",
        "name": "Launch Chrome against localhost",
        "url": "http://localhost:3000",
        "webRoot": "${workspaceFolder}"
      }
  ]
}

3. yarn/npm 명령으로 프로젝트 실행 후 F5 클릭

• 새로운 크롬 페이지로 설정한 url 페이지가 열린다
• 이제 디버깅 포인트를 잡아 디버깅을 할 수 있다