본문 바로가기
개발일지

DOM 조작시 이벤트 할당 이슈 해결

OneEgg 2017. 7. 16. 04:14
20170715-1

날짜 : 2017. 7. 15(토)

목표 : DOM 변경시 이벤트 할당 해결 (부제 : observer pattern은 아니다.)

  • 생각하게 된 계기 : todolist에서 DOM 변경이 발생할때 이벤트 할당은 어떻게 해야 하는가?
    • 코드가 길어 지게 되면서 방법에 대한 의문이 발생.

수행결과 : DOM변경시 이벤트할당 바로 수행. 패턴은 지식이 부족.

  • 3곳의 예제 코드를 참고 하였다.

    • w3school : 해당 예제 에서는 list가 추가될때마다 리스트 전체의 이벤트를 재할당 한다.
    • todoMVC 1 : observer 패턴을 적용한 todolist 코드
    • todoMVC 2 : MVC 패턴을 적용한 todolist 코드

  • 다른 예제 코드 및 책을 읽어 보았지만, 당장의 궁금증은 패턴을 적용하지 않아도 해결할 수 있는 문제라고 생각이 된다.

  • 반대로 패턴을 읽었지만 그 패턴을 적용하게 된 계기 및 사용은 아직 깨닫지 못하고 있다. 그리고 이를 이해하기 위해서는 자바스크립트를 객체지향 적으로 능숙하게 사용할 필요가 있다는 것을 알게 되었다.

  • 다음 번에는 NameSpace를 고려하여 설계를 다시 해볼 생각 이다.

참고사이트