TIL - 220712(화)

오늘 한 일

• 프로젝트 중간 발표 준비
• 프로젝트 코드 분석
• 자바스크립트 공부

많은 걸 하지 못했던 하루다. 이번주는 프로젝트 코드를 좀 되돌아 보면서 다져가는 시간을 갖기로 했는데 대부분의 시간을 토요일에 있을 중간발표를 준비하는데 보냈다.
내일은 코드 분석하는데 시간을 더 보내야겠다.

오늘의 자바스크립트

addEventListener의 event객체에서 target과 current target의 차이점
target은 실제로 이벤트가 발생한 근원지에 위치한 element요소를 가리킨다.
currentTarget이라는 속성은 현재 발생한 이벤트가 실제로 등록된 DOM element 정보를 담고 있다.

let tbodyElement = document.querySelector('tbody');
tbodyElement.addEventListener('click', function (ev) {
	console.log(ev.currentTarget)
});
// 이렇게 하면 tbody가 콘솔에 출력된다. 이벤트가 실제로 등록된 곳이 tbody이기 때문