디버깅-HTML-CSS

• 들어가기 전에

프로그래밍에서는 디버깅이 꽤 중요하다. HTML/CSS를 개발하면서 생기는 문제를 어떻게 빨리 처리해야될까? 더 빠르고 정확한 문제를 해결하기 위한 HTML/CSS 디버깅 방법을 공부해보자.

• 학습 목표

1. HTML/CSS의 디버깅 방법을 이해한다.

• 핵심 개념

- debugging

- chrome developer tools

• 크롬 개발자 도구를 통해 쉽게 할 수 있는 일

- CSS Style을 inline 방식으로 빠르게 테스트 할 수 있다.

- 현재 엘리먼트의 값을 임시로 바꿀 수 있다.

- 최종 결정된 CSS 값을 확인할 수 있다.

- https://www.edwith.org/boostcourse-web/lecture/16679/