JavaScript

이벤트 위임이란? 버블링을 활용하여 하나의 이벤트 핸들러에서 다른 요소의 이벤트 동작을 다룰 수 있는 패턴을 이벤트 위임(event delegation)이라고 합니다. 어떻게 동작하는가? 아래와 같이 div 안에 같은 버튼이 4개가 있다고 합시다. 각 button을 클릭할 때마다 작동하게 하려면 handleClick 핸들러를 4개를 작성해야 할 것입...

offset 자바스크립트에서 offset이라고 하면 margin을 포함하지 않고 요소의 외부를 측정한 길이를 알려줍니다. margin을 잘 안쓰려고 노력한다면 편하게 사용할 수 있습니다. offsetParent offsetParent 프로퍼티는 해당 요소를 렌더링할 때, 좌표 계산에서 사용되는 가장 가까운 조상 요소의 참조를 반환합니다. offse...

좌표의 기준 자바스크립트에서 좌표의 기준은 page와 client로 구분됩니다. page는 전체 문서 맨 위쪽 상단 모서리를 기준으로 좌표를 계산하고, client는 현재 보이는 문서의 맨 위쪽 상단 모서리를 기준으로 계산합니다. pageY = clientY + 문서에서 세로 방향 스크롤에 의해 밀려난 부분의 높이 pageX = clientX + 문서...