Event listeners

App.js

import React from "react"

export default function App() {
    function handleClick() {
        console.log("I was clicked!")
    }
    
    function handleOnMouseOver() {
        console.log("MouseOver")
    }
    
    /**
     * Challenge: 
     * Log something to the console when the mouse hovers over the image
     */
    
    return (
        <div className="container">
            <img 
                src="https://picsum.photos/640/360" 
                onMouseOver={handleOnMouseOver} 
            />
            <button onClick={handleClick}>Click me</button>
        </div>
    )
}

저렇게 위에 function으로 써준ㄷ음에
밑에서 불러주는데 주의해야할건 불러줄때 handleClick() 이렇게 하는게 아니라 그냥 handleClick이런식으로 써줘야함!

관련 MDN문서
Mouse Events