[TIL]2022.02.15

2022년 2월 15일

✍ Today

[Toy Project] Pokemon

 

-useState로 처음에는 포켓몬을 10개만 보여주고 버튼을 누르면 더 많은 포켓몬을 볼 수 있게 하였다.

- 처음에 type을 받아올 때 첫번째 배열만 받아와졌는데 이를 map으로 해결해였다. type이 2가지인 경우 모든 type을 받아올 수 있게 하였다. 어렵지 않은 부분이였는데 처음부터 코드를 짜보려니 생각처럼 잘 되지 않았다ㅠㅠ

map으로 받아올 때 type 부분이 빈칸으로 출력되어 console.log을 해보았다. type의 배열이 0,1로 제대로 받아오지 못한 것을 볼 수 있다.

type={pokemon.types.map((num) => num.type.name)}

위와 같이 코드를 수정하여 배열에 type이 잘 담긴 것을 볼 수 있다.

그 결과 type 2가지 모두 잘 표시 되는 것을 볼 수 있다.

 

❓ Next 

- api로 포켓몬의 상세정보를 볼 수 있게 한다.