Note > vscode에서 react debugger 설정

https://code.visualstudio.com/docs/nodejs/reactjs-tutorial

프로젝트 폴더/.vscode/launch.json 에

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

내용을 추가 하거나 launch.json파일을 visual studio code에서 열면있는 "add configureation" 버튼를 눌러서 생성합니다.

저 참조위치가면 영상이 있습니다.

이후 프로젝트에서 react를 실행 합니다.

npm start

그리고 나서 vscode에서 방금 설정한 "Launch Edge against localhost"를 실행합니다.

새창이 띄면서 react가 실행된 창이 보입니다.

"url": "http://localhost:3000",  이부분의 포트나 위치는 npm start 에서설정한 포트나 내가 보고 싶은 페이지 주소입니다.
"url": "http://localhost:8080/Memo",

0. build.gradle에

developmentOnly "org.springframework.boot:spring-boot-devtools"를 추가합니다.

1.터미널을 열어서

> gradle -t :back:bootJar

-t:"continuous build" 또는 "실시간 빌드" 모드를 활성화합니다. 

2. 다른 터미널을 열어서

> gradle :back:bootRun

를 수행합니다.

왜인지는 모르겠으나 갑자기 vscode에서 devtools 재시작 동작이 안돼서 느리기는 하지만 잠시 사용하기로했습니다.

id 'org.springframework.boot' version '3.1.5'

참고:gradle - Spring Boot bootRun with continuous build - Stack Overflow