Spring - 카카오톡 로그인 기능 구현 하기 -3

지난 장에 이어서 이번에는 백단 처리를 해보자 우선 DB에 카카오 로그인 여부를 기록할 컬럼을 만든다. 해당 컬럼에 카카오에서 보내는 개인 고유 id를 기록한다. DB작업은 해당 컬럼만 생성해주면 된다. 이제 코드를 작성해야한다. 먼저 지난장에 작성한 데이터를 보내는 아작스는 아래와 같다. function kakaoLoginPro(response){ var data = {id:response.id,email:response.kakao_account.email} $.ajax({ type : 'POST', url : '/user/kakaoLoginPro.do', data : data, dataType : 'json', success : function(data){ console.log(data) if(dat..

2021.05.11

Spring - 카카오톡 로그인 기능 구현 하기 -2

먼저 카카오 API 키 중 javascript 키를 입력하여 Kakao.init으로 카카오 api를 실행한다. api.properties파일에서 api 키를 받아와 전달하여 KaKao.init을 해준다. 이제 코드로 들어가서 이전 개발자 페이지에 등록한 주소로 요청되는 페이지에 카카오 버튼을 만든다. 카카오 api 기능을 쓰기 위해서 해당 페이지 상단에 아래 코드를 추가한다. 해당 코드가 먼저 선언되야지 카카오 api를 사용 가능하다. 그 후 kakaoLogin() 함수를 아래와 같이 구성한다. function kakaoLogin() { Kakao.Auth.login({ success: function (response) { Kakao.API.request({ url: '/v2/user/me', succ..

2021.05.10

Spring - 카카오톡 로그인 기능 구현 하기 -1

네이버 로그인에 이어서 이번에는 카카오 로그인 기능을 구현해보자 먼저 카카오 로그인은 네이버와 다르게 자바스크립트로 기능 구현이 가능하여 적용이 쉽다. developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 위 사이트에 접속하여 카카오 계정 로그인을 한다. 그 후 '내 애플리케이션' - '애플리케이션 추가하기'를 해준다. 이미지, 앱 이름, 사업자명을 적당히 적어준다. 위와 같이 4개의 키가 발급된다. 보안에 신경써주자 카카오 API는 어플리케이션 전용 네이티브, REST 통신 전용(ajax), javascript..

2021.05.10