javascript_jquery_basic_4_2

플러그인 구현 및 이벤트 위임

플러그인 만들기

참고 예제 : Material Design Hierarchical Display

• 어떤걸 만들까? 만드는 것에 대한 구체적인 생각

• 프로토타입의 구현 (https://goo.gl/JBPY5p)

  • 구현 방법에 대한 아이디어 도출
  • CSS 스타일링, HTML 구조
  • 어떠한 방식으로 플러그인을 사용하게 할 것인가? (객체 생성 방식으로)
  • jQuery에 추가하기

• 확장하기 (https://goo.gl/XijApM)

  • 랜덤의 추가

• 완성하기 (https://goo.gl/y9wu39)

  • 코드 정리하기
  • 외부 CSS 파일을 사용하여 많은 효과를 옵션으로 선택하도록 수정
  • animate.css : https://github.com/daneden/animate.css

이벤트 위임 적용하기

요소를 선택할 때마다 이벤트가 동작하도록 하고 싶을때는 어떻게 해야 할까?

일반적인 이벤트 할당 방식 vs. 이벤트 위임 방식
예제 : https://goo.gl/L7Fm1E

참조 : 이벤트 캡처링과 버블링