인스타그램 intafeed를 이용한 data 사용

사용하기 전에 instafeed.min.js를 다운받아야한다.

<script type="text/javascript" src="/Web-home/insta/js/instafeed.min.js"></script> 
<script type="text/javascript">
var userFeed = new Instafeed({
    get: 'user',
    userId: "유저 ID",
    sortBy: "most-recent",
    limit: 4, //데이터 개수
	filter: function(image) {
		var date = new Date(parseInt(image.created_time*1000));
		var year = date.getFullYear();	
		var month = (1 + date.getMonth());	
		month = month >= 10 ? month : '0' + month;	
		var day = date.getDate();
		day = day >= 10 ? day : '0' + day;	
	    image.create_time_new = year + '.' + month + '.' + day;

    return true;
   },
    template: '<li><a href="{{link}}" target="_blank"><img src="{{image}}" /><span class="title">{{caption}}</span><span class="date">{{model.create_time_new}}</span></a></li>', 
    accessToken: 'accessToken 값'        
});
 
userFeed.run();
</script>
 
<ul id="instafeed" class="vScroll"></ul>

 

{{model.created_time}}가 밀리 세컨드로 제공이 되기때문에 filter를 사용해서 ex)2019.01.01 형식으로 변환