ch6. Effects & Clean up

[Youngju-Jang]

• 첫번째 렌더링시에만 실행되도록
• 컴포넌트 변경되어도 재실행되지 않도록 하고싶음
• 특정 state가 변했을때만 실행되도록 설정가능

[Youngju-Jang]

clean up

: useEffect를 사용한 후, 해당 컴포넌트가 없어질때 실행됨

function Hello() {
  useEffect(() => {
    console.log("Created :)");
    return () => console.log("destroyed :(");
  }, []);
  return <h1>Hello</h1>;
}

function Hello() {
  function effectFn() {
    console.log("created :)");
    return destroyedFn;
  }
  function destroyedFn() {
    console.log("bye :(");
  }
  useEffect(effectFn, []);
  return <h1>Hello</h1>;
}