[해커톤] 나만의 플러그인 만들기

Table of contents

도전과제까지 완수하였다면, 이제 실제 나만의 플러그인을 만들어보는 해커톤을 진행할 차례 입니다.

해커톤의 목표는 간단합니다. “내가 실제로 만들어 보고 싶은 플러그인을 만들자” 입니다.

그렇다면 구체적으로 어떻게 하면 될까요 ? 완벽한 정답은 없지만 아래에 추천할만 방법이 있습니다. 아래의 방법론을 주목해 주세요.

  1. 플러그인에 연결해 보고 싶은 시스템이나 서비스를 선정하십시오 –> “재고현황 디비를 붙여보자!!”

  2. 서비스의 데이터 모델을 정리해 봅니다. –> “재고 디비이니까 이런 모양이겠지”

    코드 제품명 재고 단가
           

  3. 데이터 모델의 내용도 채워봅니다. 이게 목업 데이터죠. 엑셀로 정리해보면 좋겠죠.

    코드 제품명 재고 단가
    01 사과 5000 4550
    02 딸기 6000 3630
    03 포도 2200 5550
    04 자두 5600 6650
    05 수박 5100 3220
  4. 데이터가 준비되었으면 이걸 json 데이터로 만들어 json 파일로 저장해 둡니다. 
    1
2
3
4
5
6
7

    [
  {"code":"01","product":"사과","stock":"5000","price":"4550"},
  {"code":"02","product":"딸기","stock":"6000","price":"3630"},
  {"code":"03","product":"포도","stock":"2200","price":"5550"},
  {"code":"04","product":"자두","stock":"5600","price":"6650"},
  {"code":"05","product":"수박","stock":"5100","price":"3220"}
]
  5. 이렇게 json 파일이 확보되었으면, API 대신 이 파일을 이용하는 플러그인을 뚝딱 만들어 볼 수 있겠죠 ?

6-1 문서에 재고현황.json 파일을 이용하는 플러그인의 searchApp.js 코드가 있으니 참고 해보실 수 있습니다.

그 다음은 ?????

네 맞습니다.

  • manifest.json 파일 수정도 해주고..
  • 아참, 한발 더 나아가서 어댑티브 카드도 좀 더 예쁘게 꾸며주고…
  • 한발 더 나가면 파라미터를 재고나 단가로도 확장해 볼 수 있겠죠 ??

이런 방법론으로 정말 간단하게 나만의 플러그인을 만들어 볼 수 있습니다.

만약 이런거 저런거 고민하고 싶지 않으시면, 아래의 northwind 샘플 json 파일을 사용해도 좋겠습니다.

  • https://github.com/haqueabida/northwind/blob/master/dummydata.json

Table of contents