브라우저 개발자 도구 사용법 + 팁 브라우저에는 개발 편의성을 돕기 위한 개발자 도구라는 것이 있습니다.개발자 도구는 현재 페이지의 HTML, CSS, JS 등을 확인할 수 있는 코드 뷰어라고 이해하시면 편합니다.가장 기본적인 것부터 시작해서 간단한 팁 몇 개를 같이 소개해 드리겠습니다.개발자 도구 여는 법: F12키 클릭종종 F12키를 막는 웹 사이트가 있습니다. 그럴 땐 아래 방법을 사용해 보세요. Ctrl + Shift + C키위 단축키 사용 시 바로 HTML 요소를 클릭할 수 있습니다. (프론트 개발자 분들은 이 단축키에 익숙해지시면 무척 편합니다!)마우스 호버 시 나오는 파랑 박스를 클릭해 개발자 도구에서 바로 관련 HTML과 CSS 등을 확인할 수 있습니다.설정에서 직접 열기(크롬 기준) 우측 상단 점 3개 클릭 > 도구 더 보.. 2024. 12. 10.