카카오 톡 / 카카오 스토리 API 활용하기(모바일웹 기준)
아래는 @카카오에서 서비스 중인 카카오 톡 / 카카오 스토리를 활용할 수 있도록 제공하는, API에 대한 소스 및 그에 대한 결과 이미지이다.
1. 카카오 톡
- URL 링크 전달 소스:
KAKAO.Talk.link('테스트 메시지!!!테스트 메시지!!!테스트 메시지!!!테스트 메시지!!!테스트 메시지!!!테스트 메시지!!!', 'http://mohwa.org', 'APP Name');
- APP 링크 전달 소스:
var metainfo = { metainfo: [{ os: "android", devicetype: "phone", installurl: "market://details?id=kr.co.mobicle.SpecialForce2&feature=nav_result#?t=W10", executeurl: "kakaoagit://testtest" }, { os: "ios", devicetype: "phone", installurl: "items://itunes.apple.com/kr/app/seupesyeolposeudipenseu/id433594154?mt=8", executeurl: "kakaoagit://testtest"}] };
KAKAO.Talk.link('테스트 메시지!!!테스트 메시지!!!테스트 메시지!!!테스트 메시지!!!테스트 메시지!!!테스트 메시지!!!', 'http://mohwa.org', 'APP Name', metainfo);
2. 카카오 스토리
- 텍스트 URL 포스팅 소스:
var urlinfo = { title: "(광해) 실제 역사적 진실은?", desc: "(광해 왕이 된 남자)의 역사성 부족을 논하다.", imageurl: ["http://m1.daumcdn.net/photo-media/201209/27/ohmynews/R_430x0_20120927141307222.jpg"], type: "article"
}
KAKAO.Story.link('http://dfl.co.kr테스트 메시지!!!테스트 메시지!!!테스트 메시지!!!테스트 메시지!!!테스트 메시지!!!테스트 메시지!!!', 'APP Name', urlinfo);
PS: 현재 모바일웹에서는 IOS, Android(네이티브 APP)에서 지원하는 이미지 포스팅은 지원하지 않는다.
3. API 가공 소스 코드
4. 참고 사이트:
카카오톡 API 테스트 페이지:
http://mohwa.org/html/kakao/kakao.html
카카오톡 API URL:
http://www.kakao.com/link/ko/api?tab=mobile
카카오 스토리 API URL:
http://www.kakao.com/link/ko/api_story?tab=mobile
Undefined Kr 발표자료 :: CoffeeScript
Undefined Kr 그룹 발표자료
그룹 페이지:
https://www.facebook.com/groups/html5jsstudy/?bookmark_t=group
CoffeeScript
jQuery .HTML() 메서드 구현
최근 작성 중인 JS에서 DB Call(Ajax)을 통해 받아온 데이터를 HTML과 함께 가공하여, 사용자로부터 전달된 특정 Element에 할당하는 로직을 구현해야 하는 일이 있었다.
해당 로직을 구현하기 위해 지금까지 DOM Manipulation(조작)을 위해 자주 사용해오던 속성인 innerHTML 속성을 사용해 구현하던 중 오랜만에 "멘붕"을 겪은 경험이 있어 아래와 같이 정리해보았다.
위 "멘붕"과 관련된 자세한 설명은 간단한 검색을 통해 많은 정보를 얻을 수 있으며, 아래 포스트를 참조하길 바란다.
1. tbody.innerHTML 안된다고?
http://findfun.tistory.com/entry/TIP-tbodyinnerHTML-%EC%9D%B4-%EC%95%88%EB%90%9C%EB%8B%A4%EA%B3%A0
2. Javascript Snippet - Tables and innerHTML
http://tech.pro/tutorial/1087/javascript-snippet-tables-and-innerhtml
3. DWR과 IE와 TBODY와 innerHTML과 협공
하지만 현재 작성 중인 JS가 JQuery 라이브러리를 사용하지 않는 범위로 제작되고 있기에, 별도의 Html() 메서드를 따로 작성해야 했다.