YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Korean subtitles

← Anatomy of a jQuery Event Listener

Get Embed Code
15 Languages

Showing Revision 9 created 03/17/2016 by nc_translator2.

  1. 지금까지 여러분은 브라우저 이벤트를 찾아보고

  2. 로그가 기록되는 걸 지켜봤습니다
  3. 이제는 jQuery로 이벤트를 감지하고
    반응해 볼 시간이네요
  4. 그것들을 감지하고 반응하기 위해 세 항목이 필요합니다
  5. 감지할 대상 요소, 반응할 이벤트,
  6. 그리고 반응으로 취할 행동이죠
  7. 예를 보여드릴게요
  8. 먼저 jQuery가 이벤트를 위해 감지할 대상 요소가 필요하죠
  9. 그래서 저는 jQuery로 인풋 필드를 선택할게요
  10. 그리고 .on() 메소드를 호출했어요
  11. 이 .on() 메소드가 바로 마법이 일어나는 부분이죠
  12. jQuery가 이벤트 리스너를 설정하기 위해
    주로 쓰는 방법입니다
  13. on 메소드의 첫 번째 값은
    제가 감지해내고 싶은 이벤트입니다
  14. 이 예시에서는 keypress죠
  15. click이나 change 또는 mouseover 같은
    이름이 될 수도 있어요
  16. 마지막으로 반응으로서 취할 행동으로
    함수를 보내야 합니다
  17. 이 함수는 callback()이라고 불리죠
  18. on() 메소드에 보내진 callback() 함수는
  19. 그냥 일반적인 자바스크립트 함수죠
  20. 그래서 여러분이 원하는
    아무 자바스크립트 코드나 모두 포함할 수 있어요
  21. 페이지 컨텐츠 변경 코드부터 분석 코드까지요
  22. 페이지 색을 바꾸기 위해서 함수 내용을 바꿔 볼게요
  23. 테스트 해보면
  24. 짠, 괜찮네요
  25. 다음 퀴즈에서는 여러분이 직접
    이벤트 리스너를 만들어 보겠습니다