[도전과제] 슈퍼히어로 플러그인 만들기

Table of contents

이제 부터는 여러분이 스스로 해보는 과제 단계 입니다.

API 바꿔보기

지금까지 테스트 해온 포켓몬 API 가 아닌 다른 API를 사용해서 플러그인을 만들어 봅시다. 여기 아주 좋은 공개 API 가 있습니다.

  • https://superheroapi.com/

슈퍼히어로 API 입니다. 깃헙에 로그인만 하면 바로 사용할 수 있습니다.

만약 사용할 수 있는 API를 가지고 있다면 그걸 사용해도 좋겠습니다.

이 상황에서 제가 만약 여러분이라면…..

  1. API 를 살펴보면서 데이터 구조를 파악합니다.
    • 자료에 대한 이해를 하는 것이 중요합니다.
  2. VS Code 로 새로운 플러그인 템플릿을 생성합니다.
  3. NPM Search API 를 슈퍼히어로 API 로 바꾸기 위해서 해야할 작업은….
    • SearchApp.js 에서 API 호출하는 코드를 변경합니다.
    • SearchApp.js 에서 API 로 부터 반환된 정보를 처리하는 코드를 변경합니다.
    • 아직은 어댑티브 카드를 손댈 단계는 아닙니다.
    • manifest.json 파일을 수정해 줍니다.
  4. 테스트 해봅니다
    • 먼저 채팅에서 메세지 익스텐션으로 잘 동작하는지 부터 확인합니다.
    • 코파일럿 플러그인으로 잘 동작하는지 확인합니다.

슈퍼히어로 플러그인 고도화 하기

앞서의 작업에서 API를 교체하는 데 성공했다면…..

  1. 본격적으로 어댑티브 카드를 꾸며봅니다. (포켓몬 메세지 카드 기억나시죠 ?)
    • 아래 사이트를 방문하면 쉽게 어댑티브 카드를 디자인해 볼 수 있습니다.
    • https://www.adaptivecards.io/designer/
  2. 어댑티브 카드를 변경했으면 거기에 데이터를 연결해주는 SearchApp.js 의 코드도 변경해 주어야 합니다

여기까지 성공했으면 그 다음에는 …

  • 아이콘도 찾아서 바꿔보고
  • 여러가지 파라미터를 검색할 수 있게 바꿔보고
  • 한글로 프롬프트 동작할 수 있게 바꿔보고

하는 작업들이 남았겠습니다..

그러면 이렇게 간단하게 만들어 볼 수 있겠죠 ?

*******

화이팅~!