테스트 사이트 - 개발 중인 베타 버전입니다

자바스크립트 디버깅 어떻게 하는게 좋을까요? 채택완료

홈피공장장 4년 전 조회 1,521

안녕하세요

어제 반응형 문제는 도움받아서 잘 풀었습니다.

답변드린분께 감사를.. ㅠ

 

제 오랜 과제이기도 한걸 오늘 물어보려고 합니다.

 

저는 개발 시작때부터 그냥 맨땅에 헤딩으로 하다보니, 디버깅? 이런 고수분들 테크닉을 모르고 삽질을 했습니다.

 

그나마 css 경우에는 크롬 개발자도구 쓰면, 최소한 이 클래스가 모다.. 는 알수있는데요.

 

자바스크립트 문제

 

에를 들어, 특정 버튼이 안 돌아간다.. 이 버튼에는 어떤 js 파일에서 어떤 라인을 참조해라. 수정해라.. 이렇게 나왔으면 좋겟는데.. 아직까지 이런 툴을 찾지를 못하고 있습니다.

- 직관적으로 돼있느,ㄴ 코드는 바로 어느 부분을 참조하세요.. 이게 개발자도구에 나오는데

js 파일로 묶여있는 것들은 이게 안나오는 경우가 많더라구요.

 

고수분들은 이럴때 어떤 방법을 이용하시나요?

 

저같은 경우는 유지보수가 주 업이라, 내가 안한 다른 곳에서 만든 사이트를 많이 보다보니

이 디버깅에 어마어마한 시간을 쓰거든요. ㅠ

 

좋은 방법이 있을까요?

 

ps: 크롬에 확장프로그램을 이용한 팁이었으면 더 좋겠습니다...

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
4년 전

크롬이나 파이어폭스의 디버깅이 제일 편합니다.  javascript Breakpoint도 잡고..  변수도 프린트해서 보고

 

그리고 console.log를 사용해 열심히 뿌려주는 것이죠.

 

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

홈피공장장
4년 전
네. 모 역시.. 그거 외에는 없으려나요.. ㅎ
크롬 앱에 디버깅 종류도 설치해봤는데, 바라는 기능은 아니더라구요.

감사합니다. ^^

댓글을 작성하려면 로그인이 필요합니다.

4년 전

스크립트 에러도 콘솔에 에러 내용이 뜨니 일단 해당 부분 부터 차근차근 찾아보면 도움이 되지 않을까요?

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

홈피공장장
4년 전
답변 감사드립니다. ^^

모.. 하나씩 찾아봐야죠. ~~

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인