자신의 GitHub계정에 있는 Public Repo 목록 불러오기

GitHub Pages를 이용하여 간단한 자기 소개 페이지를 만들어 놓고 매번 GitHub에 새로운 프로젝트를 등록할때마다 페이지에 프로젝트를 추가한 후 커밋하는 귀찮음이 있었는데, 앞으로의 그런 귀찮음을 덜어보고자 jQuery를 이용하여 스크립트를 짜보았다.

<ul id="list">
            <ul id="list-inner">
                <strong>Loading...<⁄strong>
            <⁄ul>
        <⁄ul>
 
<script type="text⁄javascript">
    var username = '유저ID';
  
$.getJSON('https:⁄⁄api.github.com⁄users⁄' + username + '⁄repos', function(data){ 
    $('#list-inner').empty();
 
         $.each(data, function(i, item) {                 
                                 
         $('<li><⁄li>').html('<a href="' + item.html_url + '">' + item.name.replace(⁄-⁄g,' ') + '<⁄a>').appendTo('#list-inner');
 
          });         
     });                     
<⁄script>

이것이 전체 코드. 실 적용된 모습은 http://devbird.github.io/ 에서 확인 할 수 있다.

추가적으로 fadeIn/Out 효과를 적용해놓아서 순수 위 코드의 실행 결과와는 약간 다르다.