SlideShare a Scribd company logo
손발이 편한
크롬 개발자 도구
   전용우
about.me/mixed
TOC

• Event Listener
• DOM Monitoring
• Dynamic Script Edit
• Timeline
Event Listener
엘리먼트에
할당된 이벤트를
 알고 싶을 때
Devfest
Devfest
Devfest
before


• 엘리먼트를 찾기
• 소스코드에서 해당 아이디 찾기
after
Devfest
DOM Monitoring
특정 엘리먼트가
변경되는 시점에
   디버깅
Devfest
before


• 엘리먼트를 찾기
• 소스코드에서 해당 아이디 찾기
after
Devfest
Dynamic Script Edit
코드 수정하면서
 디버깅 할 때
Devfest
before


• 코드 수정 -> refresh -> 코드 수정 ....
after
Devfest
Timeline
성능 개선할 때
DOM   Network
Reflow
Devfest
Devfest

More Related Content

PPTX
모바일 디버깅
PDF
Web component
PDF
EcmaScript6(2015) Overview
PPTX
Web Components 101 polymer & brick
PDF
2016 W3C Conference #4 : ANGULAR + ES6
PDF
안정적인 서비스 운영 2013.08
PDF
2016 W3C Conference #1 : 웹 개발의 현재와 미래
PDF
deview2014
모바일 디버깅
Web component
EcmaScript6(2015) Overview
Web Components 101 polymer & brick
2016 W3C Conference #4 : ANGULAR + ES6
안정적인 서비스 운영 2013.08
2016 W3C Conference #1 : 웹 개발의 현재와 미래
deview2014

More from yongwoo Jeon (10)

PDF
Web notification
PPTX
Html5 시대의 웹앱 프로그래밍 방식의 변화
PDF
asm.js
PPTX
Html5 앱과 웹사이트를 보다 빠르게 하는 50가지
PDF
CoffeeScript
KEY
Html5 use cases
KEY
Html5 performance
PPTX
Client side storage in html5
PDF
Scriptable cache
PPTX
Whats jindo
Web notification
Html5 시대의 웹앱 프로그래밍 방식의 변화
asm.js
Html5 앱과 웹사이트를 보다 빠르게 하는 50가지
CoffeeScript
Html5 use cases
Html5 performance
Client side storage in html5
Scriptable cache
Whats jindo
Ad

Devfest

Editor's Notes