[개발] 바이낸스 public api 를 이용한 가격정보 조회(리액트)

안녕하세요 @realmankwon 입니다.

바이낸스 public api 를 이용하여 코인가격을 가지고 오는 기능을 리액트로 구현해 보았습니다.

일단 저장할 변수를 설정합니다.

  const [busd, setBusd] = useState(0);
  const [loading, setLoading] = useState(true);

정보를 가지고 옵니다.

  useEffect(() => {
    const interval = setInterval(() => {
      if (!symbol) return;
      fetch(`https://api.binance.com/api/v3/ticker/price?symbol=${symbol}BUSD`)
        .then((response) => response.json())
        .then((json) => {
          setBusd(json.price); // 가져온 가격 정보 저장하기
          setLoading(false); // 로딩 멈추기
        });
    }, 1000);
    return () => clearTimeout(interval);
  }, [symbol]);

해당 정보를 프론트에서 입력하니 잘 표현되는군요!!!