최근에 우리 사무실의 편안한 빨간 의자에 앉아서 동영상을 녹화했어요. 몇 가지 유용한 정보를 얻으실 수 있을 겁니다.
Chrome DevTools의 JavaScript 콘솔에서 수준을 높입니다. XHR 요청을 확인하고, 이벤트를 모니터링하거나 객체를 더 효과적으로 탐색할 수 있는 콘솔 도우미 함수를 알아봅니다. 명령줄 API(console.time
, $0
, inspect()
, $$
, monitorEvents()
, keys()
, values()
, copy()
)에서 모든 종류의 기능을 살펴봅니다.
여기서는 개발자의 편의를 위해 만들어진 우수한 브라우저 지원을 갖춘 최신 DOM API에 대해 미리 알려드립니다. HTML5 classList
, dataset
, matchMedia()
, textContent
, matchesSelector()
에 대한 설명 및 데모가 나와 있습니다.