'프로그래밍 > App' 카테고리의 다른 글
기억해두세요, 최고의 C++ 강의 5개 (0) | 2017.01.25 |
---|---|
What is GitHub Pages? (0) | 2016.12.29 |
[Mobile Dev] Redbeard: Boilerplate-free native app development (0) | 2016.08.03 |
[APP] Parse (0) | 2016.04.07 |
이유 있는 선택 Go 언어 (0) | 2016.03.04 |
기억해두세요, 최고의 C++ 강의 5개 (0) | 2017.01.25 |
---|---|
What is GitHub Pages? (0) | 2016.12.29 |
[Mobile Dev] Redbeard: Boilerplate-free native app development (0) | 2016.08.03 |
[APP] Parse (0) | 2016.04.07 |
이유 있는 선택 Go 언어 (0) | 2016.03.04 |
5가지 주요 성과 지표 (0) | 2016.11.24 |
---|---|
자율적인 기업 문화를 위한 ‘자율’ 제대로 알기 (0) | 2016.11.15 |
개발자의 의사소통 능력 (0) | 2016.07.19 |
Monaco Editor: A browser based code editor (0) | 2016.06.23 |
맥에 써드파티 SSD를 장착했을 때 TRIM을 활성화하는 3가지 방법 (0) | 2016.03.17 |
클라이언트 아이디를 생성한다. https://www.instagram.com/developer/clients/manage/
플러그인 할 javascript 다운로드 한다. http://instafeedjs.com/ 에서 instafeed.min.js 다운로드.
<script type="text/javascript" src="path/to/instafeed.min.js"></script>
Here's how easy it is to get all images tagged with #awesome:
<script type="text/javascript">
var feed = new Instafeed({
get: 'tagged',
tagName: 'awesome',
clientId: 'YOUR_CLIENT_ID'
});
feed.run();
</script>
Instafeed.js with automatically look for a <div id="instafeed"></div>
and fill it with linked thumbnails. Of course, you can easily change this behavior using the standard options. Also check out the advanced options and the section on templating for additional customization.
* Access Token을 받아라. : http://instagram.pixelunion.net/
[javascript] OFFLINE & STORAGE (0) | 2016.09.23 |
---|---|
[javascript] 2048 게임 (0) | 2016.09.23 |
카카오톡 링크 공유하기 레퍼런스 (0) | 2016.09.05 |
[javascript] datediff 구현 (0) | 2016.08.19 |
[javascript] Howler.js: Audio library for the modern web (0) | 2016.07.29 |
Mockup tool - https://ovenapp.io/
oven
UI 개발도구 - 다음카카오
- 워크플로위 : https://workflowy.com/
: 워크플로우, To Do list 를 만들 수 있다.
성공적인 UX디자인을 위한 프로토타입 방법론 (0) | 2017.04.05 |
---|---|
Web Design & UX Trends to Follow in 2017 (0) | 2017.01.24 |
[CSS]Checkbox.css: Tiny animations for your checkboxes (0) | 2016.05.25 |
[UI] Driveway: Pure CSS masonry layout (0) | 2016.04.26 |
[Typography] Megatype: Easy typographic structure (0) | 2016.04.25 |
[에디터] Atom 에디터 https://atom.io/ (0) | 2016.11.08 |
---|---|
4차 산업혁명 (0) | 2016.09.27 |
'평범하되 위대하게' 개발자 생산성 습관 7가지 (2) | 2016.06.07 |
[MAC] MAC용 무료 바이러스 백신 (0) | 2016.05.10 |
[OS X] Small: Lightweight code editor for OS X (0) | 2016.05.10 |
카카오톡 링크 공유하기 레퍼런스 : https://dev.kakao.com/docs/js-reference#kakao_link
모바일웹에서 카카오톡 링크 공유하기하면 url이 있어도 미리보기가 되지 않아서, 이미지를 노출하도록 추가할 수 있다.
Kakao.Link.sendTalkLink(settings)
카카오톡 링크를 전송합니다.
Parameterssettings : Object
카카오톡 링크 버튼과 관련된 설정을 key/value로 전달합니다.
label : String
(constraint: 1000자 이상일 경우, 1000자까지만 전송)
메시지에 표시할 라벨image : Object
메시지에 표시할 이미지
src : String (required)
(constraint: 500KB이하의 이미지만 표시됨)
이미지 URLwidth : String | Number (required)
(constraint: 80 이상이어야 함)
이미지 너비(픽셀)height : String | Number (required)
(constraint: 80 이상이어야 함)
이미지 높이(픽셀)webButton : Object
메시지에 표시할 버튼: 클릭시 등록한 웹사이트로 이동. 웹사이트를 등록하지 않은 경우 오류 발생.
text : String
(default: "앱으로 가기")
버튼에 표시할 텍스트url : String
(default: 개발자 사이트에 등록한 웹사이트 중 첫번째 URL)
이동할 웹사이트의 URLwebLink : Object
메시지에 표시할 하이퍼링크: 클릭시 웹사이트로 이동. 웹사이트를 등록하지 않은 경우 오류 발생.
text : String (required)
하이퍼링크에 표시할 텍스트url : String
(default: 개발자 사이트에 등록한 웹사이트 중 첫번째 URL)
이동할 웹사이트의 URLappButton : Object
메시지에 표시할 버튼: 클릭시 개발자 사이트에 등록한 앱으로 이동. 현재 플랫폼(iOS/Android)에 등록한 앱이 없는 경우 오류 발생.
text : String
(default: "앱으로 가기")
버튼에 표시할 텍스트webUrl : String
카카오톡 PC버전에서 버튼을 클릭시 이동할 웹사이트의 URLexecParams : Object
execParams: { iphone: { name: 'vincent', age: 5} } => iPhone 앱 실행시 커스텀 URL 뒤에 name=vincent&age=5의 형태로 추가되어 전달됨
앱 실행시 전달할 파라미터
iphone : Object
iPhone 앱 실행시 전달할 파라미터ipad : Object
iPad 앱 실행시 전달할 파라미터android : Object
Android 앱 실행시 전달할 파라미터marketParams : Object
marketParams: { iphone: { name: 'vincent', age: 5} } => iPhone 앱이 없을 경우 호출되는 설치 URL 뒤에 name=vincent&age=5의 형태로 추가되어 전달됨
앱 실행시 전달할 파라미터
iphone : Object
iPhone 앱 설치 URL 호출시 전달할 파라미터ipad : Object
iPad 앱 설치 URL 호출시 전달할 파라미터android : Object
Android 앱 설치 URL 호출시 전달할 파라미터appLink : Object
메시지에 표시할 하이퍼링크: 클릭시 개발자 사이트에 등록한 앱으로 이동. 현재 플랫폼(iOS/Android)에 등록한 앱이 없는 경우 오류 발생.
text : String (required)
하이퍼링크에 표시할 텍스트webUrl : String
카카오톡 PC버전에서 버튼을 클릭시 이동할 웹사이트의 URLexecParams : Object
execParams: { iphone: { name: 'vincent', age: 5} } => iPhone 앱 실행시 커스텀 URL 뒤에 name=vincent&age=5의 형태로 추가되어 전달됨
앱 실행시 전달할 파라미터
iphone : Object
iOS 앱 실행시 전달할 파라미터ipad : Object
iPad 앱 실행시 전달할 파라미터android : Object
Android 앱 실행시 전달할 파라미터marketParams : Object
marketParams: { iphone: { name: 'vincent', age: 5} } => iPhone 앱이 없을 경우 호출되는 설치 URL 뒤에 name=vincent&age=5의 형태로 추가되어 전달됨
앱 실행시 전달할 파라미터
iphone : Object
iOS 앱 설치 URL 호출시 전달할 파라미터ipad : Object
iPad 앱 설치 URL 호출시 전달할 파라미터android : Object
Android 앱 설치 URL 호출시 전달할 파라미터installTalk : Boolean
(default: true)
카카오톡이 설치되어 있지 않은 경우 마켓의 카카오톡 설치 페이지로 이동합니다.fail : Function
카카오 링크를 지원하지 않는 플랫폼(iOS/Android 외의 플랫폼)에서 createTalkLink함수를 호출했을 경우 불리는 콜백 함수
unction shareKakao(title, url, filename) {
if(filename==''){
var pic = '<?php echo BASE_URL2; ?>' + 'images/layout/logo.png';
}else{
var pic = '<?php echo IMG_DOMAIN2; ?>/' + filename;
}
Kakao.Link.sendTalkLink({
label: '[www.medicaltv.co.kr] \n' + title,
image: {
src: pic,
width: '300',
height: '200'
},
webButton: {
text: '<?php echo $site_info->name; ?>',
url: '<?php echo BASE_URL2; ?>'
},
webLink: {
text: url,
url: url
},
fail: function(){alert('모바일 기기에서만 가능한 기능입니다.');}
});
}
[javascript] 2048 게임 (0) | 2016.09.23 |
---|---|
[instagram] 인스타그램 feed 가져오기 (0) | 2016.09.21 |
[javascript] datediff 구현 (0) | 2016.08.19 |
[javascript] Howler.js: Audio library for the modern web (0) | 2016.07.29 |
[javascript] Multiple.js: Share backgrounds across multiple elements (0) | 2016.07.29 |