hojncode 웹개발 공부하기.

useEffect(()=> { (async()=> { const response = await fetch("https://api.coinpaprika.com/v1/coins"); // fetch를 통해 해당 주소의 api를 가져온다. const json = await response.json(); // 가져온 api를 json 형식으로 바꿔준다. setCoins(json.slice(0,10)); //setState 로 state에 값을 저장한다.(slice를 이용해 원하는 갯 수를 정할 수 있다.) setLoading(false); // api 가져오는 순간 동안 boolean 을 이용해서 로딩 문구를 띄워준다. })(); },[])

특정 시점에만 코드를 실행하기 위해 사용. - 코드가 component 의 시작할 때 실행될 지, 끝날 때 실행될 지, 아니면 특정 변화가 일어날 때 마다 실행 될지 정해 줄 수 있음. useEffect(() => { },[]) []는 의존성 배열로 ,비어있을 경우에는 component life 의 시작점에서만 실행하도록 한다.(한번만) #사용예시 useEffect(() => { (()=> console.log(1))(); },[])