TIL #6

JavaScript

화살표 함수와 this

어제 TIL에 써뒀듯이 this는 화살표 함수에서 사용이 불가하다.

function listener((event) => {
  // this = element
});

element.addEventListener("click", listener);

onclick과 addEventListener(이벤트 덮어쓰기 vs 이벤트 누적)

Reference

• onclick
  이벤트를 여러개 적용하는 것이 불가능하다.
  이미 사용한 상태에서 새로운 onclick 이벤트를 추가했다면 이후에 추가된 이벤트가 기존의 이벤트를 덮어쓴다.
• addEventListener
  여러 이벤트를 추가하여도 누적되어 모든 이벤트가 동작
  HTML 요소 뿐만 아니라 모든 DOM 요소에 대해 동작
  캡쳐링/ 버블링과 같은 이벤트 리스너에 대한 옵션을 지정하여 더욱 세밀한 제어가 가능

Hmmmm

이력서 작성하고, 회사 구인공고 보다보니 다른걸 공부할 시간이 거의 없었다. 강의까지 듣고 실습도 진행해서 더 그런것 같다. 어제 어색했던 DOM은 어제 고생한만큼 좋은 결과물을 내준거 같다. 오늘 실습에서는 그래도 쉽게 쉽게 푼거 같아서 다행이다. 역시 코딩은 재밌다.