[React] 리액트 이해하고 사용하기 (3) useEffect

 

 

 

 

useEffect(() => {
        fetch("https://api.coinpaprika.com/v1/tickers")
            .then((response) => response.json())
            .then((json) => {
                setCoins(json)
                setLoading(false)
            })
    }, [])

useState는 값이 변화할 때마다 매번 실행되지만 useEffect는 단 한 번만 실행된다.

즉, 우리가 언제 코드를 실행시킬지 결정할 수 있다는 것이다.

 

useEffect으로 우리는 아래와 같이 언제 코드를 실행시킬지 결정할 수 있다.

1. 처음부터 실행시키기

2. 특정 조건일때 실행시키기

 

알고보니 useEffect를 이러한 특성을 이용해 서버와 통신하여 데이터를 주고 받을 수 있다.

특정 조건일 때 서버와 통신하게 만드는 것이다!