디자인숲

사용가이드TIP

카카오 로그인 설정하기 (Kakao 소셜 로그인)

중요: 같은 이름(닉네임)으로 중복 가입 방지 옵션을 해제해 주세요. 소셜 로그인 가입자는 대부분 가입된 플랫폼의 이름(닉네임)을 그대로 사용하는 경향이 있으며, 소셜 로그인 플랫폼에서는 동일 이름(닉네임) 사용이 허용하기에, 해당 옵션을 해제해 주셔야 원활한 가입이 진행됩니다. 같은 이름(닉네임)으로 중복 가입 방지 또는 해제하기

이 도움말에서는 방문자가 카카오 계정으로 내 사이트에 간편하게 가입하고 로그인 할 수 있도록 설정하는 과정을 설명합니다.

1단계: 카카오 개발자 센터 로그인

  1. 카카오 디벨로퍼스에 접속합니다.
  2. 오른쪽 상단의 로그인 버튼을 클릭해 카카오 계정으로 로그인 합니다.

2단계: 앱 만들기

  1. 상단 메뉴에서 내 애플리케이션을 클릭합니다.
  2. 애플리케이션 추가하기를 클릭합니다.

  3. 앱 아이콘(선택 사항)을 추가하고, 앱 이름(예: 내 사이트 이름)과 사업자명을 작성한 다음, 저장 버튼을 클릭합니다.

3단계: 앱 설정하기

  1. 새롭게 생성된 애플리케이션을 클릭합니다.

  2. (선택 사항) 왼쪽 메뉴에서 [앱 설정 > 일반]을 클릭한 다음, 기본 정보를 확인하고, 테스트 앱 정보를 입력합니다.

  3. 왼쪽 메뉴에서 [앱 설정 > 플랫폼]을 클릭하고, Web 플랫폼 등록 버튼을 클릭합니다.

  4. 내 사이트의 대표 도메인(예: https://mydomain.com)을 입력하고, 저장 버튼을 클릭합니다.

    참고: 사용 중인 도메인이 여러 개인 경우, 아래 그림과 같이 줄바꿈으로 모두 입력하시길 권장합니다. 입력하지 않은 도메인에서는 카카오 로그인이 동작하지 않습니다.

  5. 왼쪽 메뉴에서 [제품설정 > 카카오 로그인 > 동의항목]을 클릭합니다.

  6. 아래 그림과 설명을 참고해 개인정보 보호항목에서 프로필 정보(닉네임/프로필 사진)카카오계정(이메일) 항목을 설정합니다. 각 항목은 설정 버튼을 클릭해 수정할 수 있습니다.

    참고: 출생 연도와 생일 항목은 지원하지 않습니다.
    • 프로필 정보(닉네임/프로필 사진): 동의 항목 설정 창이 나오면 필수 동의를 선택하고, 적절한 동의 목적을 작성합니다. 설정을 완료하면 저장 버튼을 클릭합니다.

    • 카카오계정(이메일):  동의 항목 설정 창이 나오면 필수 동의, 선택 동의, 이용 중 동의를 선택할 수 있습니다. 필수 동의 선택을 권장하지만, 이 경우 비즈니스 설정 및 검수가 필요하게 됩니다. 이것이 어려운 상황이라면 선택 동의, 이용 중 동의 중 하나를 선택하셔도 됩니다. 동의 단계를 선택했으면 적절한 동의 목적을 작성하고, 저장 버튼을 클릭해 주세요.

      참고: 사이트에서 회원가입 시 이메일을 사용하지 않는 경우, 사용 안함을 유지하셔도 됩니다.

  7. 왼쪽 메뉴에서 [제품설정 > 카카오 로그인]을 클릭하고, 활성화 설정의 상태를 ON으로 변경합니다.

    https://cdn.imweb.me/upload/395d759360d4a.png

  8. 활성화 설정 아래, Redirect URI 등록 버튼을 클릭합니다.

    https://cdn.imweb.me/upload/d7edd53167d12.png

  9. Redirect URI를 작성합니다. http://내도메인/oauth 형식으로 작성할 수 있습니다. (예: http://mydomain.com/oauth) 작성을 완료했으면 저장 버튼을 클릭합니다.

    참고: 사용 중인 도메인이 여러 개인 경우, 아래 그림과 같이 줄바꿈으로 모두 입력해 주세요.

4단계: 앱 키 복사하기

  1. 왼쪽 메뉴에서 [앱 설정 > 앱 키]를 클릭해 이동합니다.

  2. REST API 키네이티브 앱 키를 복사해 메모해 둡니다.

5단계: 내 사이트에 앱 키 적용하기

  1. 새 브라우저 탭을 켭니다.
  2. 내 아임웹 사이트 관리자 페이지에 접속합니다. 접속방법
  3. 왼쪽 메뉴에서 [환경설정 > 소셜 로그인 / API 설정]를 클릭합니다.
  4. 카카오 로그인 항목에서 카카오 로그인 사용을 선택합니다.
  5. 네이티브 앱 키REST API 키 입력칸에는 위 4단계에서 복사한 값을 붙여넣습니다.

  6. 저장 버튼을 클릭해 적용합니다.
  7. 이제 카카오 로그인을 사용할 수 있습니다.

디자인숲 (Dsoob.co.kr) 대표자 : 남영석
경기도 남양주시 별내동 975-3 파라곤스퀘어 M동 1022호  / 서울시 중랑구 동일로 157길 8-10 디자인숲
TEL : 0507-1342-1237, 010-9990-1237(AM9-PM7,점심PM12시-PM1시)
Copyright © 2020 디자인숲. All Right Rerserved

개인정보책임자 : info@dsoob.com

사업자 등록번호:405-12-62844

통신판매업신고 : 제2018-서울중랑-0218호