#6.1 useEffect

• useEffect
  • 두개의 인자를(arguent)가지는 함수
  • 첫번째 인자:우리가 딱 한번만 실행하고 싶은 코드(api를 딱 한번만 호출하고 싶을 때 등)
  • 두번째 인자: 리액트가 지켜봐야 할 것, 이것이 변화할 때 리액트가 코드를 실행시킴 

import { useEffect, useState } from "react";

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

export default App;