카카오 로그인 설정하기

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

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

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

2단계: 앱 만들기

1. 상단 메뉴에서 내 애플리케이션을 클릭합니다.
2. 애플리케이션 추가하기를 클릭합니다.
3. 앱 아이콘(선택 사항)을 추가하고, 앱 이름(예: 내 사이트 이름)과 사업자명을 작성한 다음, 저장 버튼을 클릭합니다.

3단계: 앱 설정하기

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

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

3. 왼쪽 메뉴에서 [앱 > 제품 링크 관리]을 클릭하고, 웹 도메인 영역에서 '웹 도메인 수정' 버튼을 클릭합니다.

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

   참고: 사용 중인 도메인이 여러 개인 경우,+ 버튼을 눌러 모든 도메인을 입력하시길 권장합니다. 입력하지 않은 도메인에서는 카카오 로그인이 동작하지 않습니다.

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

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

   참고: 출생 연도와 생일 항목은 지원하지 않습니다.

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

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

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

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

8. 왼쪽 메뉴에서 [앱 > 플랫폼 키]를 클릭하고, 'REST API 키' 항목에 '대표' 뱃지가 달려 있는 카드를 클릭합니다.

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

   참고: 사용 중인 도메인이 여러 개인 경우, + 버튼을 눌러서 사용중인 도메인을 모두 입력해 주세요.

   
   

4단계: 앱 키 복사하기

1. 왼쪽 메뉴에서 [앱 > 플랫폼 키]를 클릭해 이동하여 'REST API 키' 항목에 '대표' 뱃지가 달려 있는 카드 하단에 영문과 숫자가 조합된 코드의 오른쪽에 있는 아이콘을 클릭해 키를 복사하여 다른 곳에 미리 붙여놓습니다.

   참고: 해당 카드를 클릭해 들어서 맨 위에 'REST API 키' 항목의 영문과 숫자가 조합된 코드 옆 아이콘을 클릭해서 복사하는 것도 가능합니다.

2. [앱 > 플랫폼 키] 페이지에서 그대로 '네이티브 앱 키' 항목의  '대표' 배지가 달려 있는 카드 하단에 영문과 숫자가 조합된 코드의 오른쪽에 있는 아이콘을 클릭해 키를 복사하여 다른 곳에 미리 붙여놓습니다.

   참고: 해당 카드를 클릭해 들어서 맨 위에 '네이티브 앱 키' 항목의 영문과 숫자가 조합된 코드 옆 아이콘을 클릭해서 복사하는 것도 가능합니다.

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

1. 새 브라우저 탭을 켭니다.
2. 내 아임웹 사이트 관리자 페이지에 접속합니다. 접속방법
3. 왼쪽 메뉴에서  [관리자 페이지 > 환경설정 > 소셜 로그인·지도·공유] 를 클릭합니다.
4. 카카오 로그인 항목에서 사용여부를 on 으로 선택합니다.

5. 네이티브 앱 키와 REST API 키 입력칸에는 위 4단계에서 복사한 값을 붙여넣습니다.

   

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