Github 리포지토리 검색 도구 만들기

본 기사에 대하여



본 기사는, 이하 블로그 기사의 내용을 전기한 것입니다.
Github 리포지토리 검색 도구 만들기

동기


  • Github 검색이 꽤 사용하기 어렵다.
  • 즉석에서 저장소 이름으로 검색하고 싶습니다

  • 비동기 적으로 검색하고 싶습니다

  • axios 사용하고 싶습니다

  • 아티팩트



    URL : Github Repository Search
    Github : 테이넨/기테우-레포세아 rch

    사용법



    검색 상자에 단어를 입력하면 비동기적으로 30건 검색한다.

    API : Search | GitHub Developer Guide

    검색 조건:

  • 리포지토리 이름에서 검색 한다.
  • 스타 수로 내림차순 정렬합니다.
  • https://api.github.com/search/repositories?q={{ 検索ワード }}+in:name&sort=stars
    

    표시할 정보




  • 리포지토리 이름( full_name )
  • 리포지토리 URL( html_url )
  • 스타 수( stargazers_count )
  • 포크 수( forks_count )
  • 시계 수( watchers_count )
  • 설명( description )
  • 홈페이지( homepage )

  • 사용한 것들


  • Vue.js

  • axios
  • 비동기 처리


  • lodash
  • 지연 처리 (_.debounce)

  • babel
  • webpack
  • yarn

  • 향후 개선안


  • 정렬 조건을 지정할 수 있도록 (스타 수, 포크 수, 최종 업데이트 등 ...)
  • 단위 테스트 추가
  • lodash의 모의화가 불가능하고 포기했다

  • 계정 인증 추가
  • GitHub API v3 | GitHub Developer Guide
  • 인증하지 않으면 60 회/시간 만 요청할 수 있습니다 ...


  • 참고



    Computed Properties and Watchers — Vue.js
    Lodash Documentation
    Preact

    좋은 웹페이지 즐겨찾기