디버깅이란?
버그(오류)를 찾는 과정을 말한다.
버그는 언제든지 발생할 수 있다. 하지만 그 버그를 어떻게 디버깅 하여 수정하는지가 중요하다.
간단한 디버깅의 예시를 들어보면,
버튼을 클릭하면 버튼 아래에 "디버깅이란"의 문자열이 나타나는 코드를 한번 작성해 보았다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <!DOCTYPE html> <html> <head> <title>디버깅이란?</title> </head> <script> function show(){ document.getElementById("show").innerHTML = "디버깅이란"; } </script> <body> <input type="button" value="button1" onclick="show()"> <div id="show"> </div> </body> </html> | cs |
그럼 다음과 같은 버튼이 생기고, 버튼을 클릭하면 버튼 아래에 "디버깅이란" 의 문자열이 뜬다.
만약 내가 코드중 show()에서 일부러 닫는 괄호를 없애 보면,
다음과 같은 에러가 뜬다.
13번째 라인에 오류가 있는 것이다.
이런식으로 디버깅하여 수정을 해 주면 된다.
html 실행은 크롬으로 하였고,
혹시 모르는 분들이 있으실까봐,
위의 개발자 도구는 크롬의 오른쪽 상단에 점세개? 에서 도구 더보기에 보면 개발자 도구가 있으니 참고하시면 됩니다.
혹은 ctrl+shift+I(L 아님 i 대문자)
'잡지식' 카테고리의 다른 글
| 말 잘하는 법-나도 10분정도 카메라 앞에서 한주제로 자유롭게 말할수있다! (0) | 2019.01.29 |
|---|---|
| 티스토리 코드넣기! (0) | 2019.01.18 |
| 게임 개발자는 어떤 일을 할까? (0) | 2018.12.07 |