[JavaScritp] click이벤트 방식

Question

안녕하세요.버튼 클릭 시 이벤트를 달아주고 싶은데 제가 생각했을때는 두가지 방법이 있는 것 같습니다.html태그에 onclick이벤트 달아주기js에서 addEventList addEventListener('click', functio(){~~ })대충 이런식일 것 같은데 두 방식 중 어느 방식이 더 좋은 방식인지 궁금합니다!여러 글들을 참고했을때는 js와 html을 나누는게 좋은 방식이라고 하셔서 2번 방식으로 개발했더니, 이벤트리스너가 많이 발생했을때, 어디서 발생했는지를 알기 쉽게 알 수가 없어 1번으로 개발하는게 좋다고 하셔서 헷갈립니다. 잘 알고 계신 분이 있으시다면 도움주셨으면 합니다! 감사합니다!

assign · Accepted Answer

2번을 사용하시기 바랍니다. 1번의 경우 두가지 단점이 있습니다.언급하신바와 같이 js 와 html 을 같이 사용해야함button 이 100개, 혹은 그이상인경우 버튼 100개에 모두 프로퍼티를 만들어야하고 이는 수정시에도 동일하게 적용됨 바꿔 말하면 개발에도 좋지 않지만, 유지보수에는 치명적인 방식임

assign · Answer

queryselector 메서드 이용하면 태그명 기반으로도 검색할수 있습니다.

샤르바니아 · Answer

그래서 이러한 문제들때문에 프로젝트 크기가 커져서 나온 개념이 리액트인가 싶습니다현재 리액트 공부중인데 초반부분에서 모든강의가 이런예시를 들더라구요

[JavaScritp] click이벤트 방식

3개의 답변

#clickevent 목록