[JavaScript] Event의 target과 currentTarget

Event 객체에는 Target과 currentTarget이 존재한다. 

 

const handleClick = (e) => {
  console.log(e.target);
  console.log(e.currentTarget);
};

<button onClick={handleClick}>
    <span>버튼</span>
</button>

target은 이벤트를 발생시킨 주체를 의미하고, currentTarget은 이벤트 핸들러를 가지고 있는 

요소를 나타낸다. 

필요에 따라 target 또는 currentTarget을 사용해서 이벤트 핸들링을 하면 된다.