Hello_coding

  • 홈
  • 태그
  • 방명록
  • front-end

이벤트하나만등록하고하위요소제어하기 1

[JS] 이벤트 위임

코딩을 하던중 아이템이 클릭 이벤트에 반응하도록 등록을 하고 싶어 for문을 이용하여 addEventListener을 등록해주었다. 하지만 이렇게 하나하나 등록하는것은 부적합한 코드인것 같아 알아보니 '이벤트 위임'을 알게되었다. (사실 이미 배웠던거지만 생각이 안났던 ㅜㅜ..) 실제로 DOM요소에 이벤트 핸들러를 많이 등록할 수록 성능저하의 원인이 된다. 그렇기에 DOM요소에 여러개의 이벤트 핸들러를 등록할 필요 없이 이벤트 위임을 통해 접근하는 방법을 알아보자. 이벤트 위임 - 이벤트 위임을 사용하면 각 요소마다 핸들러를 할당하지 않고 요소의 공통 조상에 이벤트 핸들러를 하나만 할당해도 여러 요소를 한꺼번에 다룰 수 있다. - event.target을 이용해 실제 어디서 이벤트가 발생했는지 알 수 있..

FE/JavaScript 2022.05.22
이전
1
다음
더보기
프로필사진

Hello_coding

  • 분류 전체보기
    • FE
      • JavaScript
      • HTML,CSS
      • REACT
      • Redux
      • TypeScript
      • Pattern
    • BE
      • HTTP
      • Node
      • AWS
    • 개발자가 꼭 알아야할 지식
    • 코딩테스트
      • 프로그래머스
    • 멋쟁이사자처럼
    • 독서
    • Git , Github
    • FE필수개념
    • 에러해결하기

Tag

프론트엔드스쿨, 리덕스, useEffect, 프론트엔드, react, CSS, 코딩테스트, 멋쟁이사자처럼, 프로그래머스, TpyeScript, 자바스크립트, JS, HTML, http, TypeScript, 리액트, spa, node.js, 프론트엔드스쿨2기, 리덕스툴킷,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바