7분 동영상 - JavaScript 콘솔 도움말 및 새로운 DOM API

폴 아일랜드

최근에 우리 사무실의 편안한 빨간 의자에 앉아서 동영상을 녹화했어요. 몇 가지 유용한 정보를 얻으실 수 있을 겁니다.

Chrome DevTools의 JavaScript 콘솔에서 수준을 높입니다. XHR 요청을 확인하고, 이벤트를 모니터링하거나 객체를 더 효과적으로 탐색할 수 있는 콘솔 도우미 함수를 알아봅니다. 명령줄 API(console.time, $0, inspect(), $$, monitorEvents(), keys(), values(), copy())에서 모든 종류의 기능을 살펴봅니다.

여기서는 개발자의 편의를 위해 만들어진 우수한 브라우저 지원을 갖춘 최신 DOM API에 대해 미리 알려드립니다. HTML5 classList, dataset, matchMedia(), textContent, matchesSelector()에 대한 설명 및 데모가 나와 있습니다.