onClick vs addEventListner
이것도 역시 개발을 하다 의문이 생겨 공부하게 된 내용이다.
클릭 동작의 경우에 초창기에는 거의 onclick 으로 코드를 짰다. 하지만, 검색들을 통해 이것저것 알아보다 보니 많은 사람들이 addEventListner를 사용하길래 어떤 차이가 있나 알아봤다.
가장 큰 이유는 onclick은 하나의 event만 추가할 수 있고 addEventListner는 여러 이벤트를 누적해서 실행 시킬 수 있다. 사소한 차이가 있다면 onclick은 모든 브라우저에서 사용가능한데, addEventListner는 오래된 브라우저는 지원하지않는다. addEventListner는 저번에 배운 버블링, 캡쳐링을 적용할 수 있다.
이러한 점들을 고려해서 리팩토링 할때 모든 onclick 을 addEventListner를 변경하게되었다.
id vs class
html요소들을 선택하게 될때 findElement~ 를 이용하서 찾게 된다. 특정 요소들의 값들을 가져오기 위해 이를 해당 html에 파싱해서 저장해놨는데 이를 id로 둘지 class로 둘지 고민하게 되었다.
사용에 있어서는 각자 정의에 맞게 사용하면 된다.
id : 하나의 유일한 요소에 적용
class : 여러개의 요소에 동시에 적용
상황에 맞게 쓰면 되는것이다.
'프로그래밍 > 개발' 카테고리의 다른 글
| 자바스크립트 난독화 보안 (0) | 2023.10.23 |
|---|---|
| AJAX란? Async? Await? Axios? (0) | 2023.10.10 |
| 버블링과 캡처링 (0) | 2023.10.10 |
| 자바스크립트 싱글스레드 (0) | 2023.09.20 |
| 백엔드 오답노트 2 Test란? (0) | 2023.08.15 |