Backend37 페이스북 공유 API 적용 페이스북에서 제공해주는 공유 API 를 활용해보자. 페이스북 개발자 센터 : https://developers.facebook.com/docs/sharing/reference/share-dialog 짜잔, 이렇게 구현된다. * 사용방법 * 1. html 상단에 페이스북 공유를 위한 CDN 선언 1 2 3 4 5 6 7 8 (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0&appId=A.. 2018. 7. 18. 카카오 카카오링크v2 API 적용 REST API가 잘 정리되어있는 카카오톡에서 제공하는 카카오링크v2 API를 사용하려고 한다. 카카오개발자사이트 : https://developers.kakao.com/docs/js/kakaotalklink#카카오톡링크 * 사용방법 * 1. html 내 head 에 카카오 CDN 선언 1 2 cs 2. html 내 body 에 카카오톡 이미지 사용한 부분 1 cs 3. html 내 javascript 부분 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 Kakao.init('b3eb26586b770154ea49919a7f59f2d2'); //실제 카카오톡 이미지 클릭시 실행되.. 2018. 7. 18. LocalStorage 기능으로 게시판 임시저장 기능 구현하기 ** 로컬스토리지 (LocalStorage)로컬스토리지는 쿠키의 기능을 확장한 기능으로써데이터를 Key-Value 형태로 저장할 수도 있고, CRUD 자체가 쉽고 간편해서 좋은 것 같다.테스트해보니 브라우저를 껐다켜도, 세션을 지웠다해도 유지돼서 DB에 저장하긴 애매하고 또 데이터 유지는 해야겠고 싶을 때 활용하면 좋을듯! ** 사용법1234localStorage.setItem('myCat', 'Tom');localStorage.getItem("myCat");localStorage.removeItem("myCat");localStorage.clear();cs 2018. 7. 5. 클라이언트와 서버 구축하기 (기본) java.net 패키지와 java.io 패키지를 이용하여 C/S 구조를 만들어본다.1. Server 에서 ServerSocket 클래스를 통해 Port 를 오픈시키고2. Client 에서 Socket 클래스를 통해 IP와 Port로 Server 에 접근한다.3. 그렇게 연결된 C/S 는 java.io 의 InputStream과 OutputStream 을 이용해 데이터를 주고받는다. Server.java12345678910111213141516171819202122232425262728293031323334package base.server; import java.io.BufferedReader;import java.io.InputStreamReader;import java.io.Outpu.. 2018. 6. 5. 페이스북 로그인 API 적용 제일 속 썩였던 페이스북 로그인 ㅠㅠㅠㅠㅠㅠ 2018/05/24 - [Error] - Insecure Login Blocked: You can't get an access token or log in to this app from an insecure page. Try re-loading the page as https:// 여기 링크보면 알겠지만, 페이스북이 2018년 3월부터 HTTPS 프로토콜만을 고집한대서 localhost 에 겨우겨우 ssl 적용하여 만들었다.. =>SSL적용방법 참고로, 페이스북 document 에서 기재된 방법으로 해보다가 내 입맛에 맞게 리펙토링한 소스다 ㅎㅎㅎㅎㅎ loginView.jsp - header 부분, 페이스북 js 연동 1 2 cs loginView.jsp - .. 2018. 5. 25. 인스타그램 API 적용하여 게시물 가져오기 들어오는 유저들마다 Login 시켜줄 것도 아니고, 인스타계정 하나에 대한 게시물을 뿌려줄거라 간단했다. 인스타그램 회원가입, 앱 생성 같은건 건너뛰고 설명해보자. 1. 브라우저 주소창에 아래 주소로 접속하여 AccessToken 값을 가져온다. https://api.instagram.com/oauth/authorize/?client_id={Client_id}&redirect_uri={redirect_uri}&response_type=token 2. 인스타 게시물을 쉽게 가져오기위해 아래 js파일을 다운받아 프로젝트에 넣는다. 3. 아래 소스를 참고해서 수정한다. 1 2 cs 1 2 3 4 5 6 7 8 9 10 11 var userFeed = new Instafeed({ get: 'user', user.. 2018. 5. 25. 이전 1 2 3 4 5 6 7 다음
