개발자 도구란? 개발자도구는 브라우저에 제공하는 하나의 Tool이다. 개발 환경을 개선할 수 있고, 웹 사이트를 즉각적으로 수정하고 문제발생시 원인 파악하고 해결하기에도 좋다. 개발자 도구를 이용하면 HTML, CSS, JavaScript의 생산성을 극대화 할 수 있습니다. 개발자 도구에는 여러개의 패널 존재한다! 이 중에서 가장 자주 사용하게 될 패널들에 대해 알아보자! 1. Element Panel CSS(스타일 속성), 웹 페이지의 구성(DOM)을 확인하고 수정할 수 있는 패널이다. 수정한 내용을 실시간으로 확인할 수 있기 때문에 프론트엔드 개발자에게는 필수적이다. 💡 Styles 부분의 순서가 의미하는 것은? 하나의 element에도 여러개의 css가 적용될 수 있다. 예를 들면, div tag에..