Task 1. API 호출

파일: Monsters.js

아래 키워드들을 활용해 데이터를 호출 한 후, state에 저장 해주세요!

useEffect()

fetch() → 호출할 API 주소: https://jsonplaceholder.typicode.com/users

useState() → useState 훅을 이용해 state에 데이터를 저장

1.useEffect 를 임포트 해준다

import React, { useEffect, useState } from "react";

2. 몬스터 함수안에 useEffect() 사용한다.fetch()사용하여 데이터를 불러온다

 useEffect(() => {
    fetch("https://jsonplaceholder.typicode.com/users", {
      method: "GET", ///해당메소는 받아오니 get
    })
      .then((res) => res.json()) ///받은 reponse를 js의 객체화로 변환한다
      .then((result) => setMonsters(result));
   ///변환된 값을 setMonster의 인자로 사용하여 아래의 monster의 값에 저장되도록한다
   
  
 < const [monsters, setMonsters] = useState([]);>

3.콘솔로 monsters 확인