Devfest

646 views

Published on

크롬 개발자 도구

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
646
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Devfest

    1. 1. 손발이 편한크롬 개발자 도구 전용우
    2. 2. about.me/mixed
    3. 3. TOC• Event Listener• DOM Monitoring• Dynamic Script Edit• Timeline
    4. 4. Event Listener
    5. 5. 엘리먼트에할당된 이벤트를 알고 싶을 때
    6. 6. before• 엘리먼트를 찾기• 소스코드에서 해당 아이디 찾기
    7. 7. after
    8. 8. DOM Monitoring
    9. 9. 특정 엘리먼트가변경되는 시점에 디버깅
    10. 10. before• 엘리먼트를 찾기• 소스코드에서 해당 아이디 찾기
    11. 11. after
    12. 12. Dynamic Script Edit
    13. 13. 코드 수정하면서 디버깅 할 때
    14. 14. before• 코드 수정 -> refresh -> 코드 수정 ....
    15. 15. after
    16. 16. Timeline
    17. 17. 성능 개선할 때
    18. 18. DOM Network
    19. 19. Reflow

    ×