#6.0 Introduction

• state가 변화할 때 항상 모든 component는 다시 실행되고, 모든 code들도 다시 실행됨
• component내부의 몇몇 코드는 처음만 실행되고 다시는 실행되지 않도록 하고 싶다 -> effect

import { render } from "@testing-library/react";
import { useState } from "react";

function App() {
  const [counter, setValue] = useState(0);
  const onClick = () => setValue((prev)=> prev+1);
  console.log("render"); //state가 변경될 때마다 (버튼을 클릭할때마다) 계속 rander됨
  return (
    <div>
      <h1>{counter}</h1>
      <button onClick={onClick}>click me</button>
    </div> 
  );
}

export default App;