1. 스크롤 이벤트
- scrollY, pageYOffset
- intersectionObserver API
2. 마우스 이벤트
mousedown: 마우스 버튼을 누를 때 이벤트가 발생합니다mouseup: 마우스 버튼을 눌렀다가 뗄 때 이벤트가 발생합니다mousemove: 마우스를 움직일 때 이벤트가 발생합니다mouseenter: 마우스가 요소의 경계 외부에서 내부로 이동할 때 이벤트가 발생합니다mouseleave: 마우스가 요소의 경계 내부에서 외부로 이동할 때 이벤트가 발생합니다mouseout: 마우스가 요소를 벗어날 때 이벤트가 발생합니다mouseover: 마우스를 요소 안에 들어올 때 이벤트가 발생합니다
mouseover, mouseout 과 mouseenter, mouseleave의
기능상의 차이점은 자식 요소까지 인식하는지의 여부에 달렸습니다
mouseover, mouseout는 자식 요소에 접근해도 동작을 하는 반면,
mouseenter, mouseleave는 자식 요소에는 동작하지 않습니다
