- useEffect
- 새로운 데이터가 들어올 때마다, 변화가 일어날 때 컴포넌트를(ui를) 새로고침함
- 그르나 어떤 코드들은 계속 계속 실행하면 안될 수도 있음
- 그렇기 때문에 useEffect를 통해서 우리가 원할 때에 새로고침을 할 수 있음
- 함수의 인자는 실행하려는 코드, 지켜보려는 것으로만 이루어져 있음
useEffect(() => {
console.log("나는 한번만 실행돼용");
}, []); //처음 실행시에 딱 한번만 실행되고 다시는 하지마라
useEffect(() => {
console.log("나는 키워드가 변화할 때 실행됨요");
}, [keyword]); //시작할 때랑 keyword가 변화할 때 코드를 실행하고 싶다면
useEffect(() => {
console.log("나는 카운터가 변화할 때 실행됨요");
}, [counter]); //시작할 때랑 counter가 변화할 때 코드를 실행하고 싶다면
useEffect(()=>{
console.log("나는 카운터랑 키워드가 변화할때 실행됨요")
}, [keyword,counter]);//시작할 때랑 counter나 keyword가 변화할 때 코드를 실행하고 싶다면