1import { useState } from "react";
2
3function EventDemo() {
4  const [message, setMessage] = useState("아직 아무 일도 없음");
5
6  // 이벤트 핸들러 함수
7  const handleClick = () => {
8    setMessage("버튼이 클릭되었습니다!");
9  };
10
11  const handleMouseEnter = () => {
12    setMessage("마우스가 올라왔습니다!");
13  };
14
15  const handleDoubleClick = () => {
16    setMessage("더블클릭 감지!");
17  };
18
19  return (
20    <div>
21      <p>{message}</p>
22      <button onClick={handleClick}>클릭</button>
23      <button onMouseEnter={handleMouseEnter}>호버</button>
24      <button onDoubleClick={handleDoubleClick}>더블클릭</button>
25    </div>
26  );
27}