개발자 도구 정복하기

튜토리얼 출처: JavaScript30 튜토리얼 이름: Day 09 - Dev Tools Domination 튜토리얼 분류: 개발자 도구 튜토리얼 설명: 개발자 도구의 다양한 기능 알아보기 진행기간: 2020년 4월 20일 HTML 요소의 속성 변화를 구체적으로 확인하기 개발자 도구 > Elements 탭 > HTML 요소 선택 후 우클릭 > Break on > attribute modifications 속성이 변화하는 순간 Debugger가 작동, Sources 탭으로 전환되어 그 변화를 만든 코드 line을 화면에 표시함 콘솔 메시지에 스타일 입히기 형태: console.log('%c문자열', 'CSS 속성값'); 콘솔로 표현식 테스트하기 형태: console.assert(표현식, 코드); 첫 번째 ..

2020.04.20