코딩하는라민

[JavaScript] 이벤트와 이벤트 핸들러, 이벤트 객체 event(e) 📌 이벤트란? `이벤트`(event)란 웹페이지에서 발생하는 사용자 상호 작용을 말한다. 웹 페이지에서 무언가가 일어났다! 라는 신호이다. 즉, 사용자가 어떤 행동을 취하거나 브라우저에서 자체적으로 발생하는 상황을 말한다. 📌 이벤트의 종류 마우스 이벤트 종류 설명 click 마우스 클릭 시 발생 dblclick 마우스 더블클릭 시 발생 mousedown 마우스를 누를 때 발생 mouseup 마우스를 뗐을 때 발생 mousemove 마우스를 움직일 때 발생 mouseover 마우스가 요소 위로 올라갈 때 발생 mouseout 마우스가 요소 바깥으로 나갈 때 발생 💡 `모달창 닫기` 기능 구현 시 mousedown 이벤트 사용 모..

[React] 이벤트 처리하기 📌 이벤트 처리하기 DOM 엘리먼트에서 이벤트를 처리하는 방식과 유사하다. ✅ 이벤트명은 카멜 케이스를 사용 이벤트 핸들러는 문자열이 아닌 함수로 전달한다. Hello React ✅ false 를 반환해도 기본 동작을 방지할 수 없다. welcome to my blog 따라서 이벤트의 기본 동작을 방지하기 위해 preventDefault 를 사용해야한다. function hello(e){ e.preventDefault(); alert('Hello'); } welcome to my blog ✅ 엘리먼트가 생성된 후에는 addEventListener를 호출할 필요가 없다. 엘리먼트가 처음 렌더링될 때 addEventListener를 제공하면 된다. 📌 클래스 컴포넌트 사용 시,..