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()
가 설명되고 시연됩니다.
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2011-09-27(UTC)
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2011-09-27(UTC)"],[],[]]