# 카카오 디벨로퍼스 앱 연동하기
## 목차
* [카카오 디벨로퍼스 앱 연동하기](#id-1)
* [카카오 디벨로퍼스 가입하기](#id-1-1)
* [식스샵 전용 앱 만들기](#id-1-2)
* [플랫폼 설정하기](#id-1-3)
* [REST API, JavaScript 키 입력하기](#id-1-4.-rest-api-javascript)
* [카카오 로그인 사용하기](#id-2)
* [동의 항목 설정하기](#id-2-1)
* [카카오 로그인 활성화하기](#id-2-2)
* [비즈 앱으로 전환하기](#id-3)
## 1. 카카오 디벨로퍼스 앱 연동하기
{% hint style="danger" %}
[카카오 싱크](https://help.sixshop.com/learn-sixshop/store-manager/add-ons/social-login/kakao-login)를 연동할 경우, 카카오 디벨로퍼스 앱이 자동 생성되기 때문에 카카오 디벨로퍼스 앱 작업을 하지 않으셔도 됩니다.
단, 상점에서 회원 가입을 비활성화하는 경우, 카카오 싱크를 사용할 수 없기 때문에 카카오 디벨로퍼스 앱 연동하기 작업을 해 주시면 됩니다.
{% endhint %}
### **1-1. 카카오 디벨로퍼스 가입하기**
[카카오 디벨로퍼스](https://developers.kakao.com/) 사이트에 접속하여 오른쪽 위 로그인 버튼을 눌러 이용 중인 카카오 계정으로 로그인해 주세요.
회원가입 페이지에 필수 동의 항목 체크 후 사용할 이름을 작성 후 '회원가입' 버튼을 누르세요.
### **1-2. 식스샵 전용 앱 만들기**
회원가입이 완료되면, 왼쪽 상단의 앱 메뉴를 누르세요.
\
**\[ 애플리케이션 추가시 입력정보 ]**
앱 아이콘과 이름, 회사 이름은 카카오 로그인 동의 화면, 연결된 서비스 관리, 카카오링크의 출처 등 서비스에 제공되는 카카오 플랫폼 영역에 표시되기 때문에 사용자가 알기 쉽도록 실제 서비스와 동일하게 입력합니다.
| 앱 아이콘 | 로고, 파비콘 등 상점에서 사용 중인 이미지를 활용하길 권장합니다. |
| ----- | ------------------------------------------------ |
| 앱 이름 | 식스샵에 개설한 상점과 연관 있는 이름(브랜드명, 상점명, 회사명)으로 입력해 주세요. |
| 회사명 | 사업자 정보와 동일한 상호명을 입력해주세요. |
| 카테고리 | 앱 등록 시 분류될 카테고리로 설정해 주세요. |
입력을 마친 뒤 '저장' 버튼을 누르면 앱이 생성됩니다.
### **1-3.** 웹 도메인 설정하기
앱 생성 후 왼쪽 앱 하위 메뉴인 ‘제품 링크 관리’를 선택,\
웹 도메인 항목의 기본 도메인 선택 버튼을 클릭 후기본 도메인으로 설정할 도메인을 선택해 주세요.
왼쪽 앱 하위 메뉴인 '플랫폼 키'를 선택, JavaScript SDK 도메인 부분에 동일하게 주소를입력해 주세요.
{% hint style="warning" %}
반드시 **https\://**로 시작해야 하고, 아래 2개 도메인을 모두 입력해 주셔야 합니다.
{% endhint %}
```
https://상점도메인주소
https://sixshop.com
```
### 1-4. REST API, JavaScript 키 입력
앱 생성 후 왼쪽 앱 하위 메뉴인 ‘플랫폼 키’ 메뉴에서 REST API 키와 JavaScript 키를 복사합니다.
[\[식스샵 > 상점 설정 > API\]](https://www.sixshop.com/store-setting/commonApiKey)에 복사한 REST API 키와 JavaScript 키 값을 입력해 주세요.
## 2. 카카오 로그인 사용하기
{% hint style="danger" %}
[카카오 싱크](https://help.sixshop.com/learn-sixshop/store-manager/add-ons/social-login/kakao-login)를 연동할 경우, 카카오 로그인을 더 쉽고 빠르게 설정할 수 있습니다. 카카오 싱크를 연동하지 않을 경우에만 아래 방법으로 카카오 로그인을 연동해 주세요.
{% endhint %}
{% hint style="warning" %}
식스샵에 입력된 앱 키와 동일한 앱에서 설정을 진행해야 기능을 정상적으로 사용할 수 있습니다.
{% endhint %}
### **2-1. 동의항목 설정하기**
#### **Step 1.** \[[카카오 디벨로퍼스](https://developers.kakao.com/) > 내 애플리케이션 > 카카오 로그인 > 동의항목]으로 이동해 주세요.
#### Step 2. 아래 표를 참고하여 동의항목별 상태를 설정해 주세요.
각 항목의 우측의 \[설정]을 클릭하여 상태 설정이 가능해요.
| 항목 이름 | 상태 설정 |
| ------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 닉네임 | '필수 동의'로 설정해 주세요. |
| 프로필 사진 | 수집하지 않는 정보이기 때문에 설정하지 않습니다. |
|
| 수집하지 않는 정보이기 때문에 설정하지 않습니다. |
#### Step 3. **동의 목적을 입력해 주세요.**
동의 항목 설정 시 동의 목적을 필수로 입력해 주셔야 합니다. 해당 정보를 수집하는 목적을 등록해 주세요. \
예시\_식스샵 상점에서 카카오 로그인, 간편가입 등을 활용해 카카오가 제공하는 다양한 부가기능 제공.
#### Step 4. 카카오 계정으로 정보 수집 후 제공이 항목이 보이는 경우 \[**✓**] 체크해 주세요.
아래와 같이 카카오 계정으로 정보 수집 후 제공이 항목이 보이는 경우 \[✓] 체크해 주세요. \
해당 항목이 보이지 않는 경우 \[저장]하고 다음 항목을 설정해 주세요.
{% hint style="info" %}
**수집하는 개인 정보 항목이 추가되었다면 이용 약관을 살펴 주세요.** \
[\[식스샵 > 상점 설정 > 이용약관\]](https://www.sixshop.com/store-setting/agreement)에서 '개인정보 수집 및 이용에 대한 동의(회원 가입)' 약관의 수집하는 개인 정보 항목에 빠진 항목이 있다면 추가해 주세요.
{% endhint %}
### 2-2. 카카오 로그인 활성화하기
좌측에 있는앱 하위 메뉴인 '플랫폼 키'를 선택합니다.\
REST API 키와 JavaScript 키 부분을 각각 클릭하여 세부 내역에서\
'카카오 로그인 리다이렉트 URI'을 추가해 주세요.
{% hint style="warning" %}
반드시 **https\://**로 시작해야 하고, 아래 2개 도메인을 모두 입력해 주셔야 합니다.
{% endhint %}
```
https://상점도메인주소
https://sixshop.com
```
동의 항목 설정을 마친 뒤 좌측에 있는 '카카오 로그인' 하위 메뉴인 일반을 누릅니다.
'활성화 설정'의 상태 값을 'ON'으로 변경해야 카카오 로그인 사용이 가능합니다.
## 3. 비즈 앱으로 전환하기
{% hint style="danger" %}
[카카오 싱크](https://help.sixshop.com/learn-sixshop/store-manager/add-ons/social-login/kakao-login)를 연동할 경우, 비즈 앱 전환을 더 쉽고 빠르게 할 수 있습니다. 카카오 싱크를 연동하지 않을 경우에만 아래 방법으로 비즈 앱을 전환해 주세요.
{% endhint %}
[카카오 디벨로퍼스 웹사이트](https://developers.kakao.com/)에서 로그인하고 식스샵과 연동되어 있는 상점 앱에 접속한 후\
왼쪽 패널의 \[앱 > 일반] 메뉴에서 스크롤을 내리면 아래와 같은 화면을 확인하실 수 있습니다.\
비즈니스 정보 하단에 위치한 '사업자 정보 등록' 버튼을 누르세요.
사업자 번호는 상점에 등록한 정보와 동일하게 입력해 주세요.
검색된 결과의 사업자 명이 앱에 등록된 회사명과 동일한지 확인한 뒤 '저장' 버튼을 누르세요.
{% hint style="info" %}
만약 사업체가 아닌 개인이나 단체가 제공하는 서비스의 앱이라면, 개발자 포럼인 [데브톡](https://devtalk.kakao.com/)을 통해 비즈 앱 전환을 요청할 수 있습니다. 단, 전환을 신청할 앱 소유자(Owner) 계정이 본인인증을 받은 상태여야만 합니다.\
\
사업자 번호가 없는 개인 개발자, 관공서, 유명인의 경우 비즈 앱을 설정하려면 아래 정보를 빠짐없이 기입하여 글 작성해주세요.\
\
개인 개발자인 경우, OWNER 개발자 계정의 카카오 계정 본인 인증을 완료해야 비즈 앱으로 전환할 수 있습니다. 본인 인증 여부 확인 및 진행은 [카카오 디벨로퍼스 웹사이트](https://developers.kakao.com/)의 '내 계정 > 계정 설정' 에서 할 수 있습니다.
**\[비즈 앱 전환 신청 양식]**
**1. 앱 이름과 애플리케이션(앱) ID**\
앱이름 : 애플리케이션앱(ID) : OWNER 개발자 계정(email) :\
\
**2. 개인 개발자의 경우**\
본인 인증 완료 여부: Y/N\
\
**3. 비즈 앱 설정 목적**\
예) 친구API 사용 신청, 서브 도메인 사용 신청 등\
\
관리자가 기입한 정보를 확인 후 내부 기준에 따라 비즈 앱 승인하여 댓글로 알려드리겠습니다.
{% endhint %}
.png?alt=media&token=8244915a-b315-4d38-a52f-66f436ea9926)
.png?alt=media&token=c8734c63-55db-426b-b229-ca9af776bcb8)
