개발자모드 썸네일형 리스트형 내일배움캠프 사전캠프 TIL/9일차 웹개발 크롬 DevTool 활용 들어가기사전캠프에서 제공하는 웹 개발 강의에 들어가기전에 알면 도움되는 크롬 개발툴에 대해 간단한 사용법을 정리했다크롬 개발자툴웹개발을 할 때 많이 도움되는 크롬 기능이다 불러오는 방법은1. 우클릭 후 검사2. F12 누르기 2가지 인데 1번은 우클릭 막힌 경우도 있고 F12가 훨 편해서 F12 사용했다 > 개발자툴 > 위치 조정 2번 항목에서 팝업,오른쪽 배치 등등 위치를 조정 가능하다 > 요소 찾기 저걸 클릭 하면 마우스가 위치한 곳의 요소들이 가진 영역이 보이고 클릭하면 클릭한 요소들의 구조와 적용된 css을 볼 수있다 > 예시 화면 1번은 내가 클릭한 부분의 구조를 볼 수 있다2번은 내가 클릭한 부분의 css가 나온다 저 부분에서 직접 css를 수정하고 우클릭 -> copy rule해서 내가 만들.. 더보기 이전 1 다음