DOM으로 작동하는 웹앱 만들기

여러 시행착오를 통해 DOM으로 작동하는 웹앱을 만드는 방법론에 대해서 어느 정도 알게 된 것 같다.

 

만드는 순서

1) 다루고 싶은 부분을 정의

2) 이벤트 핸들러 안에 사용되어 여러가지 조건에 부합하는지 확인할 함수를 정의

3) 만든 함수를 이용하여 이벤트 핸들러에 조건을 부여함.

4) 이벤트 핸들러와 엘리먼트를 연결함

 

 

 

함수의 재사용

이벤트 핸들러 안에서 어떤 조건들을 지정하는 것보다는,

이벤트 핸들러 외부에서 조건을 부여하는 함수를 만드는 것이 

재사용 등에 훨씬 좋은 것을 알 수 있었다.

 

addEventListner

addEventListner는 인자로 들어간 함수에 어떠한 인자를 부여하는 것으로 보인다.

생활코딩에서 관련 부분을 잠깐 찾아보니

addEventListner는 인자로 전달한 event handler는 첫 번째 인자로 event 객체를 받는 것이라고 한다.