POKEAPI 이용해서 포켓몬 도감 만들기

안녕하세요~

 

오늘은 Javascript fetch에 대해서 공부하고 POKEAPI를 이용해서 포켓몬 도감을 만드는 시간을 가져보았습니다.

 

API라는 단어는 살면서 엄청 많이 들어봤습니다. API 주소를 입력해야한다. 등 이런 말들을 들을 때 마다 다양한 형태의 api주소를 그때그때 지피티와 이야기하면서 기입하고는 했는데 오늘이야 조금 이해가 되는 것 같네요.

 

API Application programming interface로 시스템 간 데이터 송수신을 위해 합의된 통신 규약 및 상호작용 매개 창구라고 합니다.

 

굉장히 재밌네요... fetch를 사용할 때는 보통 method는 기본값이 GET이라고 합니다. 그래서 POST,PUT,DELETE를 할때는 method부분을 바꾸는 것을 잊으면 안되며 저장할때는 JSON.stringfy()로 POST하는 것이 좋다고 합니다.

(form 방법도 있다고하는데 지금 머리 터질 것 같아요... 강사님 진도가 너무 빠른 것 같아요...)

 

보통 API를 사용한다!? 거액의 돈을 지불해야한다와 다르게 OPENAPI는 무료로 제공하는 아주 천사같은 친구들이에요...

지금은 API에 대해서 익숙해지기는 했지만 아직 완벽하게 혼자 코드를 짜라고 하면 한 10시간은 걸리지 않을까??... 이런 생각이 드네요..

나중에 기회가 된다면 제가 공부하고 있는 차트 매매법을 적용한 자동 매매 기기를 만들 수 있으면 좋겠다는 생각이 드네요...(biget api 구해보자..)

 

request와 response는 저번시간에 배워서 그렇게 어렵지 않았는데 REST API나 프로토콜 관련은 아직 어려움이 있어 추가 공부가 필요할 것 같아요..

 

그리고 아직도 가장 헷갈리는 부분은 async와 await입니다. 처음에는 “동기 코드를 비동기로 바꿔주는 건가?”라고 생각했는데, 정확히는 비동기 코드를 동기 코드처럼 읽기 쉽게 작성할 수 있게 도와주는 문법이라고 하는데 제 직관으로는 이해가.... 지금 유튜브 보고 이해해야할듯 함다

 

마지막으로 저만의 포켓몬 도감!!

 

물론 async랑 await를 제외하고는 그래도 할만 한 것 같아서 이해하고 codex친구에게 만들어달라고 했는데 결과는!!

 

https://sangenie99.github.io/POKEDEX/

POKÉDEX

짜쟌...!!! favicon을 잊지 않는 나! 아주 칭찬해~ 

근데 배경 사진을 추가해야겠다 싶네요...

 

다음시간에는 수퍼두버 머시기를 배운다고 하니까... 일단 오늘은 알고리즘 공부하고.. 자야겠어요