프론트엔드 개발자 엄성준 블로그

  • 홈
  • 태그

event 1

효율적인 이벤트 관리

갑자기 운동을 하다가 효율적인 이벤트 관리에 대해서 생각해 보고 코드를 작성하게 되었다. 먼저 button 100개를 생성해서 bodyDOM에 추가해 주었다. 이후 두 가지 방법으로 접근을 하였는데 위에 주석처리 된 부분은 버튼 100개에 전부 addEventListener()을 추가해 주었다. 이렇게 했을 때 굉장한 메모리 손실이나 효율성이 떨어질 거라고 생각이 들었다. 그래서 click event가 발생한 bodyDOM의 요소만 출력할 순 없을까 생각하였고 아래의 코드와 같이 생각해냈다. bodyDOM.addEventListener("click", (e) => { console.log(e.target.innerText); }); 갑자기 이런 생각이 들어서 실습을 해보았다. ㅋㅋ

카테고리 없음 2023.06.22
이전
1
다음
더보기
프로필사진

꾸준함을 강점으로 삼고 있는 프론트엔드 개발자 엄성준 블로그입니다.

  • 카테고리 📂 (379)
    • 코딩 테스트 풀이 🛠 (232)
    • 지식 정리 📝 (75)
    • zero-base 프론트엔드 스쿨 ⛪️ (20)
    • 3월 협업 프로젝트(1석 4조) 👨‍👩‍👧‍👦 (19)

Tag

split(), 오토위니, 프론트엔드 개발자 엄성준, 프론트엔드 스쿨, 제로베이스, exceljs, join(), Number(), 프로그래머스, 프론트엔드, forEach(), next.js, autowini, 제로베이스 프론트엔드 스쿨, indexOf(), 프론트엔드 개발자, sort(), String(), 엄성준, react,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

방문자수Total

  • Today :
  • Yesterday :

꾸준함이 강점이자 자랑인 프론트엔드 개발자 엄성준 입니다.

  • Github
  • 📷 Instar
  • 🎨Portfolio

티스토리툴바