'공유'에 해당되는 글 2건
- 2015.09.30 자바스크립트로 카카오톡, 페이스북, 트위터 공유하기 만들기
- 2011.11.11 맥북과 윈도우에서 마우스와 키보드를 공유해서 사용하는 도구 Synergy..
모바일 웹을 하다보면 SNS 공유 버튼 기능이 필요할 때가 있다.
간단하게 카카오톡, 페이스북, 트위터 공유 기능을 자바스크립트로 구현하는 것을 정리해 보도록 한다.
카카오톡 링크 공유하기
카카오톡 공유하기를 위해서는 먼저 카카오톡에 개발자 계정 등록을 해야 하고,
개발한 사이트의 URL도 앱 생성후 등록해야만 한다.
http://developers.kakao.com 에서 기존 카카오톡 계정으로 설정하면 된다.
내 어플리케이션으로 이동해서 신규 어플리케이션을 웹으로 만든 다음,
"설정 > 일반"에서 Javascript 키 (빨간색으로 표시)를 사용해서 카카오톡 링크를 구현할 수 있다.
그리고 카카오톡으로 공유하기를 보내기 위해서는 반드시 플랫폼이 등록되어야 한다.
위와 같이 사이트 도메인을 추가하고 저장하면 된다.
만약 플랫폼이 등록되어 있지 않으면 공유하기 시 에러가 나타난다.
카카오톡 링크 공유하기는 공식 개발자 가이드에 잘 설명되어 있다.
간략히 옮겨보면 최종적으로 사용자에게 보여지는 카카오톡은 다음과 같다.
여기에 보이는 라벨, 이미지, 버튼 아이콘 및 텍스트 등을 모두 수정할 수 있다.
참고로 버튼 아이콘은 관리자 화면(맨 처음 그림에서 Mini 왼쪽의 아이콘 수정)에서 바꿀 수 있다.
카카오톡 개발자 가이드에 나와 있는 소스는 다음과 같으니 참고하기 바란다.
페이스북 공유하기
페이스북이나 트위터는 URL 패턴으로 되어 있어 상대적으로 간편하다.
다만, 페이스북은 메타 태그를 통해서 더 많은 정보를 제공할 수 있어 해당 메타태그를 잘 작성하는 것이 필요하다.
페이스북의 공유를 위한 메타 태그의 정보는 다음과 같다.
그리고 다음 URL로 글을 보내면 된다.
http://www.facebook.com/sharer/sharer.php?u=공유할 글의 URL
최종적으로 현재 글의 공유하기 버튼을 만든다면 다음과 같이 할 수 있다.
참고로 페이스북의 경우에는 캐싱을 하기 때문에 내용이 바뀌었을 때 바로 적용되지 않는다.
이럴 경우에는 다음 디버깅 URL로 이동해서 "Fetch new scrape information" 버튼을 클릭해 다시 불러오기를 한 후 실행하면 된다.
트위터 공유하기
트위터 공유는 메타 태그 등이 필요없이 URL 패턴으로만 전송하면 되므로 간단하다.
https://twitter.com/intent/tweet?text=글 제목&url=공유할 글의 URL
자바스크립트로 구현하면 다음과 같이 할 수 있다.
실행하면 다음과 같이 트위터에 공유할 수 있는 화면이 나타난다.
'프로그래밍 > Web' 카테고리의 다른 글
| 자바스크립트와 스타일시트를 활용한 브라우저 확대 축소하기~ (1) | 2015.10.20 |
|---|---|
| Sitemesh에서 메타 태그로 Decorator에 값 전달하기~ (0) | 2015.10.16 |
| 자바스크립트로 카카오톡, 페이스북, 트위터 공유하기 만들기 (0) | 2015.09.30 |
| 톰캣 로그 한글 깨질때~ (0) | 2015.09.06 |
| 실시간 커뮤니케이션... WebRTC 기술을 주목하라! (0) | 2015.08.31 |
| JSP에서 Gson을 활용해 RecordSet을 JSON으로 변환하기~ (0) | 2015.07.06 |
그런데 책상위에 마우스와 키보드가 두개씩 올라와 있으니 약간의 불편함이 있었는데요..
이번에 Synergy란 프로그램을 통해서 마우스/키보드 공유를 해서 사용해 보기로 했습니다.
맥북에서 사용하는 애플의 블루투스 키보드와 매직마우스를 기본으로 활용하고
윈도우 PC에 클라이언트를 설치해서 맥북에 접속해서 써봤는데요..
간단한 웹서핑과 기본 작업을 하는데는 전혀 문제가 없었습니다.
다만, 약간의 느리다는 느낌이 있어 파워포인트와 같이 세밀한 작업에는 기존의 키보드, 마우스를 써야 할 것 같다는 생각이 드네요..
자~ 그러면 설정 방법을 한번 정리해 보도록 하겠습니다.
1. 맥북 설정
맥북에 설정하기 위해서 SynergyKM이라는 프로그램을 설치하셔야 합니다.
다운로드는 Sourceforge 사이트에서 하시면 됩니다. (http://sourceforge.net/projects/synergykm/)
dmg 파일을 다운로드 하셔서 실행하시면 다음 그림과 같이 SynergyKM Installer가 나타납니다.
프로그램을 실행하면 바로 다음과 같이 SynergyKM 환경설정이 나타납니다.
1) General 설정
키보드와 마우스를 공유할 것이므로 "Share my keyboard and mouse"를 선택합니다.
그리고 추후 관리를 위해서 "Show Synergy status in the menu bar"도 체크하시면 됩니다. (이렇게 하면 상단의 메뉴바에 Synergy가 나타납니다.)
2) Server Configuration
서버 설정은 "+" 버튼을 클릭하셔서 본인의 맥북 컴퓨터 이름(mini)과 윈도우 PC 이름(MiniKim-PC)를 입력하면 됩니다.
모니터 간의 위치에 따라서 실제 마우스를 해당 방향으로 움직여 맥북과 PC를 왔다갔다 하게 됩니다.
저와 같은 경우, 왼쪽에 맥북, 오른쪽에 PC를 배치했습니다.
자.. 이렇게 하면 서버 설정이 완료됩니다.
다시 "General"로 돌아가서 "Turn Synergy On"을 누르면 마우스와 키보드의 공유 준비가 됩니다.
2. 윈도우 PC 설정
윈도우 PC 설정을 위해서 마찬가지로 Synergy 프로그램을 다운로드 해야 합니다.
http://synergy-foss.org/download/ 에서 Windows에 해당하는 버전을 받으시면 됩니다. (현재 1.3.8이 안정화 버전이네요)
해당 파일을 받아서 설치하시고 난 후, "Synergy" 프로그램을 실행합니다.
다른 부분은 신경쓸 필요 없이 "Other Computer's Host Name"만 잘 지정해 주면 됩니다.
저는 제 맥북의 IP를 입력했네요~
그리고 난 후, "Test" 를 클릭해서 접속이 잘 되는지 확인하시면 됩니다.
마지막으로 "Start"를 클릭하면 둘 사이의 키보드와 마우스 공유가 완성됩니다.
이렇게 해서 급할 경우, 키보드 마우스를 바꾸지 않고 맥북과 PC를 자유자재로 이동할 수 있게 되었네요..
지난번에 정리한 맥과 PC간의 파일 공유와 함께 사용하니 하나의 컴퓨터 처럼 활용할 수 있겠네요.. ^^
'프로그래밍' 카테고리의 다른 글
| RAID 종류와 특징에 대한 명확한 정리~ (0) | 2014.04.04 |
|---|---|
| 모바일 기기 플랫폼 동향~ (0) | 2011.12.09 |
| 맥북과 윈도우에서 마우스와 키보드를 공유해서 사용하는 도구 Synergy.. (0) | 2011.11.11 |
| 3G 네트워크의 속도를 알아보자. (0) | 2011.09.05 |
| MAC과 PC간의 파일 공유 (0) | 2011.05.18 |
| 아이폰 SQLite3에 이미지 저장하는 방법 (0) | 2010.04.01 |
