이벤트 버블링

특정 화면 요소에서 이벤트가 발생했을 때 그 상위의 화면요소로 전달되는 과정을 의미

하위 요소를 클릭해도 상위요소를 실행시키기 위해 event.target을 event.currentTarget으로 변경하여 실행

function onClickEvent1(event){
	alert(event.target.id)
}

<div>
	<div id={writer} onClick={onClickEvent1}>
         <span>
           <input type="checkbox" />
         </span>
         <span}>{number}</span>
         <span}>{title}</span>
         <span}>{writer}</span>
     </div>
</div>