1) 디버깅 툴이란?
대표적인 브라우저인 인터넷 익스플로러, 크롬, 파이어폭스, 오페라, 사파리는 화면에서 CSS,HTML을 직접 수정하고 확인 할 수 있는 개발자 도구를 제공하고 있으며 이를 디버깅 툴이라고 합니다.
여기서는 그 중 가장 많이 사용하는 파이어폭스와 인터넷 익스플로러의 디버깅 툴 사용법을 설명합니다.
주의사항
디버깅 툴을 이용한 수정은 화면에서만 가상으로 보여지는 것이기 때문에 반드시 직접파일을 열어 소스를 수정해야만 최종수정이 반영됩니다.
개발도구를 이용해 수정 한 후 브라우저를 새로고침하면(F5키 클릭) 수정하기 전 화면으로 돌아갑니다.
2) 디버깅 따라하기
Internet Explorer 로 디버깅 하기 >>
Fire Fox로 디버깅 하기 >>
3) 실제 소스에 반영하기
