[한입 JS 챌린지] Day 7

강의 진도

• Promise 객체
• async와 await
• API 호출

관련 게시글

• Promise 객체
• async와 await
• API 호출
  
  

진행 날짜

2023년 12월 11일

Quiz

코드샌드박스

조건에 알맞은 코드 작성하기

/* 
-----조건-----
1. try/catch를 사용한 에러 핸들링
2. async/await을 사용한 비동기 처리
3. 받아온 데이터들 중 "color 값이 green"인 포켓몬의 정보들이 담긴 배열을 출력하세요.
4. 출력 결괏값 : (이상해씨, 이상해풀, 이상해꽃, 캐터피, 단데기, 모다피, 
  우츠동, 우츠보트, 스라크의 정보가 담긴 9개의 객체들이 모인 배열)
*/

const API_URL = "https://pokemon-project-api-hbin12212.vercel.app/main";

const getPokemonData = async () => {
  /* 코드 작성해 getPokemonData 함수를 완성해주세요 */
};

getPokemonData();

정답

const getPokemonData = async () => {
  try {
    const data = await (await fetch(API_URL)).json();
    const dataArr = data.data;
    console.log(dataArr.filter((v) => v.color === "green"));
  } catch (err) {
    console.log(err);
  }
};