본문 바로가기

전체 글

 (315)
페이스북 Graph API 친구목록, 내정보 가져오기 Graph API 로그인한 이후에 Facebook graph API를 통해서 다양하게 정보들을 가져올 수 있습니다. Graph API 문서 바로가기 에서 자세하게 확인 가능합니다. 단, email과 일부 몇 필드들은 페이스북에서 권한 허가를 받아야 사용가능합니다. 페이스북 친구 목록 가져오는 API Graph API Reference / {user-id} / friends 으로 페이스북 user의 친구 정보를 가져올 수 있습니다. access-token으로 fb 라이브러리로 호출하여 친구 정보를 불러올 수 있습니다. 단, 권한이 있는 엑세스 토큰이 필요합니다. 요청 응답 내 정보 가져오기 API 요청 응답 요청
구글 내 정보 가져오기 API 내 정보 가져오기 API 참고 url : https://developers.google.com/identity/sign-in/web/backend-auth { "id": "", "email": "@.com", "verified_email": true, "name": "", "given_name": "", "family_name": "", "link": "https://plus.google.com/", "picture": "https://lh3.googleusercontent.com/a/=s96-c", "locale": "ko", "hd": ".com" }
페이스북 로그인 API 페이스북 API ※ 기본적인 페이스북 SDK 사용하기 위해 필요한 값 ( 사이트에서 계정생성하고 Setting 필요 ) app_id : 페이스북 앱 ID app_secret : 페이스북 앱 시크릿 코드 default_graph_version : api 버전 사용자 액세스 토큰 플랫폼마다 서로 다른 API를 통해 액세스 토큰을 생성하지만 사용자 토큰을 가져올 때는 모두 기본 전략을 따릅니다. 단기 토큰 및 장기 토큰 사용자 액세스 토큰은 단기 실행 토큰과 장기 실행 토큰의 두 양식으로 제공됩니다. 일반적으로 단기 실행 토큰의 사용 시간은 약 1~2시간인 반면, 장기 실행 토큰의 사용 시간은 약 60일입니다. 이러한 수명이 일정할 것으로 생각하면 안 됩니다. 토큰 수명은 경고 없이 변경되거나 조기에 만료될 ..
구글 로그인 API 구글 API API를 사용하기 위해 google 콘솔 사이트에서 people API를 검색해서 사용자 인증정보를 만들고 API 키와 Oauth 클라이언트 ID를 생성해주어야 합니다. API키를 생성하고 URI를 추가해줄때 해당 키와 로그인 서비스를 이용할 도메인을 입력해줍니다. ※ 기본적인 구글 SDK 사용하기 위해 필요한 값 ( 사이트에서 계정생성하고 Setting 필요 ) accessToken : 웹페이지 사용자의 엑세스 토큰 API key: 구글 API 키 Content: OAuth 클라이언트 ID 키 ① 로그인 API ID: 사용자 아이디 Name : 이름 Image URL : 유저 이미지 URL Email : 이메일 로그인 실습 구글에서 프로젝트를 생성한 뒤, OAuth 클라이언트 ID를 만들어..
카카오 로그인 API 카카오 소셜 로그인 API ※ 기본적인 카카오톡 SDK 사용하기 위해 필요한 값 ( 사이트에서 계정생성하고 Setting 필요 ) clientId: 카카오 로그인에서 발급 받은 REST API 키 API url : Kakao Developers 사용자 정보 가져오기 현재 로그인한 사용자의 정보를 불러옵니다. 이 API를 사용하려면 동의 항목 설정을 참고하여 각 응답 필드에 필요한 동의 항목을 설정해야 합니다. 동의 항목이 설정되어 있더라도 사용자가 동의하지 않으면 사용자 정보를 받을 수 없습니다. 동의 내역 확인하기 API를 통해 사용자가 동의한 동의 항목을 먼저 확인할 수 있습니다. 사용자 액세스 토큰 또는 어드민 키를 헤더(Header)에 담아 GET 또는 POST로 요청합니다. 사용자 정보 요청 R..
[TypeScript] TypeScript 타입별 정리 타입스크립트는 일반 변수, 객체 속성, 매개변수 등 다양하게 선언할 수 있습니다. Type 선언 ▶ Number(숫자) : 모든 숫자를 지원하는 type 입니다. 부동 소수점은 number 타입이지만, Big Interger는 bigint type 입니다. const decimal: number = 6; const hex: number = 0xf00d; const binary: number = 0b1010; const octal: number = 0o744; const big: bigint = 100n; ▶ String (문자열) : 문자열을 나타내며, 작은 따옴표(') or 큰 따옴표(")를 사용해서 문자열 데이터를 감쌉니다. ES6의 문자열도 지원합니다. let os: string = "linux";..
GraphQL의 개념 및 특징 (RESTful API 비교) ● GraphQL(Graph Query Language)이란? Facebook에서 만든 어플리케이션 레이어 쿼리 언어입니다. 기존의 웹 or 모바일 어플리케이션의 API를 구현 할때는, 통상적으로 RESTful API가 사용됩니다. 기존의 RESTful API를 사용하여 API를 구현한다면 우리가 클라이언트사이드에서 어떠한 기능이 필요할 떄마다 그때 새로운 API를 만들어주어야했습니다. 즉, 단일 요청으로 많은 데이터를 얻을 수 있습니다. ※ 기존 RESTful API의 문제들 Atomic한 REST API라는 큰 장점의 이면에 클라이언트의 코드는 점점 복잡해지고 있습니다. 기능이 추가될때마다 end-point는 점점 늘어나고 화면을 그리기 위해 REST API 응답간 의존성을 핸들링하기 위한 코드와 각..
TypeScript와 JavaScript의 개념 및 차이점 ● Typescript란 ? : 타입스크립트는 마이크로소프트(MS)에서 개발하여 2012년10월에 첫 출시되었습니다. 오픈소스 프로그래밍 언어로 어떤 브라우저나 호스트, 운영체제에서도 동작합니다. 타입스크립트는 자바스크립트의 상위 집합으로서 ECMA의 최신 표준을 충분히 지원합니다. ES6의 새로운 기능들을 사용하기 위해 Babel과 같은 별도 트랜스파일러를 사용하지 않아도 됩니다. 타입스크립트는 정적 타입 언어이기 떄문에 컴파일 시간이 조금 걸리지만, 안정성이 보장됩니다. 반면에 자바스크립트는 동적 타입 언어이기 때문에 런타임 속도는 빠르지만 타입 안정성이 보장되지 않습니다. 인터프리터 언어인 자바스크립트와는 다르게 컴파일 언어인데, 전통적인 C계열의 컴파일 언어와는 차이가 있어 브라우저에서 이해할 수..

티스토리툴바