import { useState, useEffect } from "react";

function App() {
    const [counter, setValue] = useState(0);
    const onClick = () => setValue((prev) => prev +1);
    useEffect(() => {
        console.log("CALL THE API");
    }, []);
    
    return (
        <div>
            <h1>{counter}</h1>
            <button onClick={onClick}>click me</button>
        </div>
    );
}

결국 코드를 언제 실행할지 선택하는 useeffect
reactjs작동할때
state 변화시 component 재실행
이때 재실행 되면 안되는 코드 관리하는게 useEffect

[] -> 이게 처음 실행시에 한번만 실행하고 하지 말아라

useEffect(() => {
    console.log("I run when 'keyword' changes.");
} ,[keyword]);

아 저번주꺼였네 이거

죄송함다..벌금낼께요…