디버깅3 NextJS를 vscode로 Debugging 하는 방법 .vscode/launch.json 생성 { "version": "0.2.0", "configurations": [ { "type": "node", "request": "attach", "name": "Next.js: debug full stack", "skipFiles": ["/**"], "port": 9229 } ] } package.json 수정 "scripts": { "dev": "cross-env NODE_OPTIONS='--inspect' next dev", ... }, 윈도우에서는 cross-env 설치 필요 npm i cross-env !!이제 환경 설정은 끝났음!! npm run dev 실행 후 vscode에서 Ctrl+Shift+D 클릭 해서 Run & Debug 로 이동 Next.js.. 2023. 4. 24. 크롬으로 Canvas 디버깅 하기 크롬으로 Canvas 디버깅 하기 URL : chrome://flags/ 개발자 도구 실험을 사용합니다. Mac, Windows, Linux, Chrome OS개발자 도구 실험을 사용합니다. 개발자 도구에서 설정 패널을 사용하여 개별 실험을 전환합니다. #enable-devtools-experiments 크롬 재시작 개발자 모드 실행(F12) -> Experiments가 생긴걸 확인 할 수 있음 -> Canvas inspection 선택->개발자 모드 닫기->개발자 모드 재실행->Profiles에 Capture Canvas Frame가 생긴걸 확인 할 수 있음(Enable 실행 후)->Profiles 메뉴 바로 밑에 있는 탭에서 Consecutive Frames로 선택->Start 클릭 2014. 5. 16. Visual Studio 에서 디버그(Debug) 중(Debugging) 변수 수정 Tool -> Options -> Debugging -> Edit and Continue -> Enable Edit and Continue Change Unchecked 도구 -> 옵션 -> 디버깅 -> 수정 후 계속? -> 수정 후 계속 가능 채크박스를 해제함 P.S 위 화면은 Visual Studio 2010 beta 입니다 2009. 5. 22.
