Spring Day 19 : 소셜 로그인 (카카오 로그인 연동)

소셜 로그인

모든 웹 사이트에서 서비스 이용 시 회원가입 과정은 사용자에게 부담이 될 수 있습니다. 번거로운 회원가입 과정을 수행해야 할 뿐 아니라, 웹 사이트마다 다른 아이디와 비밀번호를 기억해야 합니다.

 

만약 웹 사이트 가입 시 하나의 통일된 아이디와 비밀번호를 사용하는 경우, 웹 사이트에서 회원 정보가 노출되면 사용자는 큰 피해를 입을 수 있습니다. 

또한 웹 사이트를 운영하는 측에서도 회원들의 개인정보를 지켜야 하는 역할이 부담이 됩니다. 바이러스와 백신의 관계처럼, 발전하는 해킹 기술을 막기 위해 보안을 강화하는 노력이 지속적으로 필요하기 때문입니다.

이런 문제를 해결하기 위해 OAuth 를 사용한 소셜 로그인이 등장합니다.

 

OAuth

인터넷 사용자들이 비밀번호를 제공하지 않고 다른 웹사이트 상의 자신들의 정보에 대해 웹사이트나 애플리케이션의 접근 권한을 부여할 수 있는 공통적인 수단으로써 사용되는, 접근 위임을 위한 개방형 표준입니다. 또한 사용자가 애플리케이션에게 모든 권한을 넘기지 않고 사용자 대신 서비스를 이용할 수 있게 해주는 HTTP 기반의 보안 프로토콜입니다.

OAuth를 사용하는 서비스 제공자는 대표적으로 구글, 페이스북 등이 있으며, 국내에는 대표적으로 네이버와 카카오가 있습니다.

 

카카오 로그인 연동 방법

카카오 로그인 절차

1. 애플리케이션 등록

일단 카카오 로그인을 사용하기 위해서는 카카오 개발 사이트에서 '애플리케이션 등록'이 필요합니다.

회원가입 -> 내 애플리케이션 메뉴 선택 -> 애플리케이션 추가하기 -> 앱 아이콘, 앱 이름, 사업자명 저장
https://developers.kakao.com/console/app

카카오계정

 

 

2. 사이트 도메인 등록

애플리케이션 선택 -> 플랫폼 메뉴 선택 > 플랫폼 설정하기 클릭 -> Web 플랫폼 등록 -> 사이트 도메인 입력
사이트 도메인은 개발 중인 로컬환경의 서버 주소를 사용하였습니다.

 

 

3. 카카오로 로그인했을 때 인가토큰을 받게 될 Redirect URI (callback) 를 설정

 

 

4. 동의항목 설정

카카오 서버로부터 사용자의 어떤 정보를 받을지 정할 수 있습니다.  ->  연동완료!

 

 

카카오 사용자 정보 가져오기(인가 코드 받기, 처리, 액세스 토큰) 및 카카오 사용자 정보로 회원가입 구현은 다음 블로그에 이어서 작성하겠습니다.