웹 브라우저(익스플로어) 오류 디버깅 F12 개발자도구

개발을 하다보면 화면단 즉, 웹 브라우저에서 오류가 발생하는 경우가 있다. 오류의 원인을 알아야 해결하기 때문에 원인 파악을 해야 한다.

그럴때 사용하는 것이 익스플로어의 F12 개발자 도구의 디버거 기능이다.

키보드의 F12 키를 눌러도 되고 Alt -> 상단메뉴의 도구 -> F12 개발자 도구를 클릭해도 된다.

F12 개발자도구를 켜고 웹브라우저를 다시 로딩(F5) 하면 에러가 났을경우 어디가 에러났는지 빨간색으로 표시해준다.

갑자기 잘 되던게 안되거나 나와야 될게 안나오는 경우 유용하게 사용할 수 있다.