React 카카오 로그인 개발 #1 - 카카오 개발자 센터 세팅

 

클라이언트 - React

서버 - node

 

1. 카카오 개발자 센터 로그인

Kakao Developers

 

2.  내 애플리케이션 추가

 

 

 

 

저는 테스트용이기 때문에 이렇게 입력을 했습니다

앱 아이콘은 선택이지만 앱이름, 사업자명, 카테고리는 필수값입니다!

 

저는 앱이름, 사업자명, 카테고리는 테스트라서 임의지정했습니다.

 

 

3. 앱설정 > 플랫폼 설정

 

Web에서 사용할 로그인을 개발할거라서 Web 플랫폼 등록을 해보도록 하겠습니다.

 

개발환경은 로컬서버를 사용할 예정이라서 사이트 도메인은 http://localhost:3000 으로 등록해주었습니다.

 

 

등록 완료.

 

 

4. 카카오 로그인 > Redirect URI

 

활성화 설정을 하면 실제 서비스에서도 로그인 서비스가 가능합니다.

 

 

저는 REST API로 개발을 할 예정이라서 Redirect URI*를 필수로 세팅해주도록 하겠습니다.

 

* Redirect URI : OAuth 2.0과 같은 웹 인증 및 권한 부여 프로토콜에서 사용되며, 사용자가 권한을 부여한 후에 어플리케이션이나 클라이언트로 사용자를 다시 보내는 데 사용

 

 

Redirect URI 세팅도 해주었습니다.

NODE 서버를 localhost:8080 로  정하였고 경로 지정을 이렇게 했습니다.

 

 

 

5. 카카오 로그인 > 동의항목

닉네임, 프로필 사진,  카카오 서비스 내 친구목록은 비즈니스 인증을 하지않았어도 사용이 가능합니다.

나머지 항목들은 비즈니스 인증이 필요합니다.

 

 

동의 단계는 필수동의, 선택동의, 이용 중 동의, 사용안함이 있는데요

닉네임은 필수 동의로 변경을 하고 동의목적은 카카오 로그인 및 회원가입 시 사용됩니다라고 간단하게 적어주었습니다.

 

추가적으로 비즈니스 인증을 했어도 어떤 항목들은 필수로 사용하기 위해서 개인정보 동의항목 심사 신청을 해야지 필수로 사용이 가능합니다.

 

 

동의항목 세팅 결과 - 동의 화면