브라우저 개발자 도구 사용하기

웹 개발은 쉽지 않습니다. 이는 웹 개발자들이 작업을 도와주는 수많은 도구를 사용하고 항상 우리의 도구 상자에 추가할 새로운 도구를 찾아 헤메는 이유입니다.

최신 브라우저에 대부분 탑재되어 있는 개발자 도구는 많은 개발자가 즐겨 사용합니다. 브라우저마다 다른 도구를 제공하지만 서로 같은 점이 다른 점보다 더 많습니다.

쓸모있는 도구 중 하나는 웹사이트 상의 어떤 요소든 오른쪽 클릭을 해서 해당 요소에 대해서 HTML을 검사하는 기능입니다. 다음은 크롬을 이용해 위의 작업을 하는 동영상입니다:

또다른 유용한 도구는 태그에 어떤 스타일이 적용되었는지 확인하는 데 사용하는 CSS 검사기입니다. 다음은 크롬에 내장된 CSS 검사기를 사용하는 동영상입니다:

이 도구들은 웹 사이트의 구조를 이해하는데 도움이 될 뿐만아니라 자신의 웹 사이트를 디버깅하는데도 도움이 됩니다.

물론 수많은 도구들이 있지만, 이 두 개의 도구가 더 나은 웹 개발자가 되는 과정의 좋은 시발점이 될 것입니다. 이 웹 페이지에 대해서 무엇을 확인할 수 있는지 검사해 보세요!