뉴비 디버깅 질문드립니다!!

Question

우선 개발한다고 하고 있지만 그냥 무지성이라고 생각해주세요.쪽팔리지만 궁금해서 글 작성합니다 ㅎㅎ... # vscode 사용하고 있습니다.# 웹팩 설정을 볼 줄 모릅니다..!(누군가 세팅해주신 거 사용해요... 이게 가장 큰 문제겠죠?) 백엔드 디버깅할 때는 javascript debugging terminal로 서버를 실행해서debugger for chrome이랑 같이 사용합니다.위와 같은 방식으로 프론트쪽 js 파일에 브레이크 포인트를 걸면 Unbound break point가 되더라구요 - 원래 빨간 원이 떠야하는데 가운데가 빈 중단점이 생깁니다.- 그래서 javascript debugging terminal 말고 일반 터미널로 서버를 키면 중단점이 빨간원으로 잘 떠요!- 근데? 백엔드쪽 파일이 unbound break point로 변합니다..? 원래 백이랑 프론트랑 같이 디버깅을 할 수 없는 구조인가요?매번 콘솔 찍어서 확인은 하는데 너무 일회성이고 제가 디버깅을 한다는 느낌이 잘 안 들어요.꼼곰하게 확인하고 싶은데 ;-;... 도움주시면 감사하겠습니다. 작성하고 보니까 살짝 핑프 느낌인데.. 웹팩이 너무 방대해서찾아봐도 방식이 너무 다양해서 혹시 간결한 방법이 있을까 싶어서요! :)

안전라이딩 · Accepted Answer

launch.json 에 디버거 설정을 front , back 용 만드시고 모두 실행하시면 됩니다.Multi-target debugging

Nine-dev · Answer

감사합니다..! 기초부터 다시 찾아볼게요 ㅠㅠ...** launch.json > debugger for chrome > sourceMapPathOverrides 경로가 잘못 됐었슴다.. 헐.. &#34;sourceMapPathOverrides&#34;: { &#34;webpack:///./src/*&#34;: &#34;${webRoot}/*&#34; }

뉴비 디버깅 질문드립니다!!

2개의 답변

Q&A 목록