크롬 개발자 도구 썸네일형 리스트형 신입 개발자가 알면 좋을 크롬 개발자 도구 저는 입사 7개월 차인 신입 프론트엔드 개발자입니다.작업 전에 크롬 브라우저를 켜고 가장 먼저 하는 일이 F12를 눌러 개발자도구를 여는 일입니다.개발자도구를 활용하면 작업시간도 줄고, 작업효율도 높일 수 있습니다.오늘은 신입 개발자가 알면 좋을 크롬 브라우저의 기본적인 개발자 도구에 대해 소개해볼까 합니다. 1. 실시간 css 수정이 가능한 element styles element는 개발자 도구를 열면 가장 먼저 표시되는 도구입니다.그 중 styles 탭은 실시간으로 css 수정이 가능하고, css가 적용된 파일 경로를 확인할 수 있어 작업시간을 훨씬 단축할 수 있습니다. 상단 이미지에서 체크박스 옆의 텍스트들이 해당 요소에 적용된 css 입니다.체크박스를 해제하면 해당 css가 해제된 화면을 확인할 .. 더보기 이전 1 다음