1. 웹개발/1_3_2 Tip 검색 결과

해당 글 2건

[개발자 꿀팁] 크롬 개발자도구 알아보기

이번에는 크롬에서 개발자 도구를 알아보겠습니다. 단축키 F12를 이용하여 개발자 도구를 열어줍니다. 그러면 개발자 도구가 열리고 주요 패널들을 볼 수 있습니다. 주요 패널로는 Elements, Console, Sources, Network 패널이 있습니다. [ Elements ] 주로 디자인을 수정하는 용도로 사용하고 html 문을 확인할 수 있습니다. [ Console ] 로그를 확인할 수 있고, 스크립트 명령어를 입력하는 패널입니다. 브레이크 포인트를 건 시점을 기준으로 변수를 확인할 수 있고, 값도 바꿀 수 있습니다. [ Source ] 자바스크립트 디버깅을 주로 하는 곳입니다. 디버깅은 다음 글에서 자세하게 다루겠습니다. [ Network ] 현 페이지의 HTTP 요청과 응답 리스트와 타임라인 토..
1. 웹개발/1_3_2 Tip 2020. 5. 2. 16:52

[개발자 꿀팁] 이클립스 디버깅 방법

1. 브레이크 포인트를 지정합니다. 에러가 발생하는 라인이나 혹은 의심이 가는 변수를 추적할 라인 위치에 브레이크 포인트를 지정하고 프로그램을 디버깅하면, 해당 라인을 실행할 때 디버거가 작동하게 되고 브레이크포인트를 설정한 곳에서 부터 라인 별로 자세힉 관찰할 수 있습니다. 브레이크 포인트 설정 방법 빨간 박스 안에서 브레이크 포인트를 설정할 곳에 더블 클릭 혹은 마우스 우클릭하여서 [ Toggle Breakpoint ]를 선택합니다. (디버깅 도중에도 추가로 설정할 수 있습니다.) 브레이크 포인트 해제 방법 마우스로 다시 더블 클릭 혹은 마우스 우클릭하여 [ Disable Breakpoint ]를 선택합니다. 2. Debug View를 오픈해줍니다. [ Window - Show View - Debug..
1. 웹개발/1_3_2 Tip 2020. 4. 11. 16:42