> For the complete documentation index, see [llms.txt](https://help.sixshop.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.sixshop.com/learn-sixshop/store-manager/add-ons/social-login/kakao-login/kakao-dev-app.md).

# 카카오 디벨로퍼스 앱 연동하기

## 목차

* [카카오 디벨로퍼스 앱 연동하기](#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" %}
[카카오 싱크](/learn-sixshop/store-manager/add-ons/social-login/kakao-login.md)를 연동할 경우, 카카오 디벨로퍼스 앱이 자동 생성되기 때문에 카카오 디벨로퍼스 앱 작업을 하지 않으셔도 됩니다. 

단, 상점에서 회원 가입을 비활성화하는 경우, 카카오 싱크를 사용할 수 없기 때문에 카카오 디벨로퍼스 앱 연동하기 작업을 해 주시면 됩니다. 
{% endhint %}

### **1-1. 카카오 디벨로퍼스 가입하기**

#### **Step 1.** [카카오 디벨로퍼스](https://developers.kakao.com/)에서 오른쪽 위 \[로그인] 버튼을 눌러 이용 중인 카카오 계정으로 로그인해 주세요.

<figure><img src="/files/2p9f9f15G5DYtYMfjfwD" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/wh7u6hCMqlHAuKCzZdnl" alt=""><figcaption></figcaption></figure>

#### Step 2. 회원가입 페이지에서 필수 동의 항목을 체크하고, 사용할 이름을 작성한 후 \[회원가입] 버튼을 누르세요.

<figure><img src="/files/DS2lFWmm7e3gnL3RfuZK" alt=""><figcaption></figcaption></figure>

### **1-2. 식스샵 전용 앱 만들기**

#### Step 1. 회원가입이 완료되면, 왼쪽 상단의 \[앱] 메뉴에서 \[+ 앱 생성] 버튼을 클릭하세요.

![](/files/i3HERseoNIlVWKpjmTc2)

#### Step 2. 아래 표를 참고하여 앱 생성 창에서 정보를 입력해 주세요

**\[ 애플리케이션 추가 시 입력 정보 ]**

앱 아이콘과 이름, 회사 이름은 카카오 로그인 동의 화면, 연결된 서비스 관리, 카카오링크의 출처 등 서비스에 제공되는 카카오 플랫폼 영역에 표시되기 때문에 사용자가 알기 쉽도록 실제 서비스와 동일하게 입력합니다.

| 앱 아이콘    | 로고, 파비콘 등 상점에서 사용 중인 이미지를 활용하길 권장합니다.            |
| -------- | ------------------------------------------------ |
| 앱 이름     | 식스샵에 개설한 상점과 연관 있는 이름(브랜드명, 상점명, 회사명)으로 입력해 주세요. |
| 회사명      | 사업자 정보와 동일한 상호명을 입력해주세요.                         |
| 카테고리     | 앱 등록 시 분류될 카테고리로 설정해 주세요.                        |
| 앱 대표 도메인 | 다음 항목에서 별도로 설정할 예정이니 입력하지 않고 넘어가셔도 됩니다.          |

입력을 마친 뒤 '저장' 버튼을 누르면 앱이 생성됩니다.

### **1-3.** 웹 도메인 설정하기

#### Step 1. 전체 앱 목록에서 생성된 앱을 클릭하고, \[앱 설정 > 앱 > 제품 링크 관리]에서 \[웹 도메인등록] 버튼을 클릭해 주세요.

<figure><img src="/files/jfzwV2SKNGa0940yatk5" alt=""><figcaption></figcaption></figure>

#### Step 2. 아래의 사이트 등록 예시를 참고하여 웹 도메인을 등록해 주세요.

{% hint style="warning" %}
반드시 **https\://**&#xB85C; 시작해야 하고, 아래 2개 도메인을 모두 입력해 주셔야 합니다.
{% endhint %}

```
https://상점도메인주소
https://sixshop.com
```

<figure><img src="/files/7aTTXX1VM2orJhDtLv6a" alt=""><figcaption></figcaption></figure>

### 1-4. JavaScript SDK 도메인 설정하기

#### Step 1. \[앱 설정 > 앱 > 플랫폼 키]에서 JavaScript 키 값을 클릭한 후, 아래의 사이트 등록 예시를 참고하여 JavaScript SDK 도메인을 등록해 주세요.

{% hint style="warning" %}
반드시 **https\://**&#xB85C; 시작해야 하고, 아래 2개 도메인을 모두 입력해 주셔야 합니다.
{% endhint %}

```
https://상점도메인주소
https://sixshop.com
```

<figure><img src="/files/Frt1Qy9JHy3iNsHNBzuy" alt=""><figcaption></figcaption></figure>

### 1-5. REST API, JavaScript 키 입력&#x20;

#### Step 1. \[앱 설정 > 앱 > 플랫폼 키]에서 REST API 키와 JavaScript 키를 복사합니다.

<figure><img src="/files/9E0gxfduZ7A5ZELWpel6" alt=""><figcaption></figcaption></figure>

#### Step 2. [\[식스샵 > 상점 설정 > API\]](https://www.sixshop.com/store-setting/commonApiKey)에 복사한 REST API 키와 JavaScript 키 값을 입력해 주세요.

<figure><img src="/files/sXPN2PJJ9TZzqXfzzUbE" alt=""><figcaption></figcaption></figure>

## 2. 카카오 로그인 사용하기

{% hint style="danger" %}
[카카오 싱크](/learn-sixshop/store-manager/add-ons/social-login/kakao-login.md)를 연동할 경우, 카카오 로그인을 더 쉽고 빠르게 설정할 수 있습니다. 카카오 싱크를 연동하지 않을 경우에만 아래 방법으로 카카오 로그인을 연동해 주세요. &#x20;
{% endhint %}

![](/files/-MKULP6daGUwEkDhLXjC)

{% hint style="warning" %}
식스샵에 입력된 앱 키와 동일한 앱에서 설정을 진행해야 기능을 정상적으로 사용할 수 있습니다.&#x20;
{% endhint %}

### **2-1. 동의항목 설정하기**

#### **Step 1.** \[[카카오 디벨로퍼스](https://developers.kakao.com/) > 내 애플리케이션 > 카카오 로그인 > 동의항목]으로 이동해 주세요.&#x20;

<figure><img src="/files/Xk6JmfhzJgkQlw7YkZwO" alt=""><figcaption></figcaption></figure>

#### Step 2. 아래 표를 참고하여 동의항목별 상태를 설정해 주세요.&#x20;

각 항목의 우측의 \[설정]을 클릭하여 상태 설정이 가능해요.&#x20;

| 항목 이름                           | 상태 설정                                                                                                                                                         |
| ------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 닉네임                             | '필수 동의'로 설정해 주세요.                                                                                                                                             |
| 프로필 사진                          | 수집하지 않는 정보이기 때문에 설정하지 않습니다.                                                                                                                                   |
| <p>카카오톡 채널 추가</p><p>상태 및 내역</p> | <p>카카오 싱크를 연동하지 않았다면 설정하지 않습니다. </p><p>카카오 싱크를 연동했다면 '필수 동의'로 설정해 주세요.</p>                                                                                    |
| <p>카카오계정</p><p>(이메일)</p>        | '필수 동의'로 설정해 주세요.                                                                                                                                             |
| 성별                              | <p><a href="https://www.sixshop.com/dashboard/shop-customerSignupManage">\[식스샵 > 고객 > 가입 관리]</a>의 성별이 '사용'이고 '필수 입력'인 경우 </p><p>'필수 동의'로 설정하면 수집할 수 있어요. </p> |
| 연령대                             | 수집하지 않는 정보이기 때문에 설정하지 않습니다.                                                                                                                                   |
| <p>카카오 서비스 내 </p><p>친구목록</p>    | 수집하지 않는 정보이기 때문에 설정하지 않습니다.                                                                                                                                   |
| 생일                              | <p>카카오 싱크를 연동하지 않았다면 설정하지 않습니다. <br>카카오 싱크를 연동하고 \[식스샵 > 고객 > 가입 관리]의 생년월일이 <br>'사용'이고 '필수 입력'인 경우 '필수 동의'로 설정하면 수집할 수 있어요. </p>                              |
| 출생연도                            | <p>카카오 싱크를 연동하지 않았다면 설정하지 않습니다. </p><p>카카오 싱크를 연동하고 \[식스샵 > 고객 > 가입 관리]의 생년월일이 <br>'사용'이고 '필수 입력'인 경우 '필수 동의'로 설정하면 수집할 수 있어요. </p>                           |
| <p>카카오계정</p><p>(전화번호)</p>       | <p>카카오 싱크를 연동하지 않았다면 설정하지 않습니다. </p><p>카카오 싱크를 연동하고 \[식스샵 > 고객 > 가입 관리]의 휴대폰 번호가 <br>'사용'이고 '필수 입력'인 경우 '필수 동의'로 설정하면 수집할 수 있어요. </p>                         |
| CI(연계정보)                        | <p>카카오 싱크를 연동하지 않았다면 설정하지 않습니다. <br>카카오 싱크를 연동했다면 \[식스샵 > 애드온 > 본인 인증]을 <br>이용하는 경우에만 '필수 동의'로 설정해 주세요.</p>                                                   |
| 배송지정보                           | 수집하지 않는 정보이기 때문에 설정하지 않습니다.                                                                                                                                   |
| <p>카카오스토리 </p><p>프로필 URL</p>    | 수집하지 않는 정보이기 때문에 설정하지 않습니다.                                                                                                                                   |

#### Step 3. **동의 목적을 입력해 주세요.**&#x20;

동의 항목 설정 시 동의 목적을 필수로 입력해 주셔야 합니다. 해당 정보를 수집하는 목적을 등록해 주세요. \
예시\_식스샵 상점에서 카카오 로그인, 간편가입 등을 활용해 카카오가 제공하는 다양한 부가기능 제공.

#### Step 4. 카카오 계정으로 정보 수집 후 제공이 항목이 보이는 경우 \[**✓**] 체크해 주세요. &#x20;

아래와 같이 카카오 계정으로 정보 수집 후 제공이 항목이 보이는 경우 \[✓] 체크해 주세요.  \
해당 항목이 보이지 않는 경우 \[저장]하고 다음 항목을 설정해 주세요. &#x20;

![](/files/-MlOd3tLLcCD7K00uRUY)

{% hint style="info" %}
**수집하는 개인 정보 항목이 추가되었다면 이용 약관을 살펴 주세요.** \
[\[식스샵 > 상점 설정 > 이용약관\]](https://www.sixshop.com/store-setting/agreement)에서 '개인정보 수집 및 이용에 대한 동의(회원 가입)' 약관의 수집하는 개인 정보 항목에 빠진 항목이 있다면 추가해 주세요.&#x20;
{% endhint %}

### 2-2. 카카오 로그인 활성화하기

#### Step 1. \[제품 설정 > 카카오 로그인 > 일반]에서 사용 설정 상태를 'ON'으로 변경해 주세요.

<figure><img src="/files/tfK0qyd6yJaRfAmdKZ5Z" alt=""><figcaption></figcaption></figure>

#### Step 2. \[앱 설정 > 앱 > 플랫폼 키]에서 REST API 키를 클릭해 주세요.

<figure><img src="/files/fPfpbo4BWNTjzDaYZneS" alt=""><figcaption></figcaption></figure>

#### Step 3. REST API 키의 **카카오 로그인 리다이렉트 URI를 등록해 주세요.**

{% hint style="warning" %}
반드시 **https\://**&#xB85C; 시작해야 하고, 아래 2개 도메인을 모두 입력해 주셔야 합니다.
{% endhint %}

```
https://상점도메인주소
https://sixshop.com
```

<figure><img src="/files/28C10altWugEFpIU5LRW" alt=""><figcaption></figcaption></figure>

#### Step 4. \[앱 설정 > 앱 > 플랫폼 키]로 다시 돌아가서, JavaScript 키를 클릭해 주세요.

<figure><img src="/files/kGQxhcL7Jqm3h1XQaDIJ" alt=""><figcaption></figcaption></figure>

#### Step 5. JavaScript 키의 **카카오 로그인 리다이렉트 URI를 등록해 주세요.**

{% hint style="warning" %}
반드시 **https\://**&#xB85C; 시작해야 하고, 아래 2개 도메인을 모두 입력해 주셔야 합니다.
{% endhint %}

```
https://상점도메인주소
https://sixshop.com
```

<figure><img src="/files/rc8sLnSefQVpTv9O6VDy" alt=""><figcaption></figcaption></figure>

## 3. 비즈 앱으로 전환하기

{% hint style="danger" %}
[카카오 싱크](/learn-sixshop/store-manager/add-ons/social-login/kakao-login.md)를 연동할 경우, 비즈 앱 전환을 더 쉽고 빠르게 할 수 있습니다. 카카오 싱크를 연동하지 않을 경우에만 아래 방법으로 비즈 앱을 전환해 주세요.
{% endhint %}

\[[카카오 디벨로퍼스](https://developers.kakao.com/) > 앱]에서 식스샵 연동되어 있는 앱을 선택한 후, \[앱 설정 > 앱 > 일반]에서 스크롤을 내려 비즈니스 정보의 \[사업자 정보 등록]을 클릭해 주세요.

<figure><img src="/files/9fezdGssO6q0IYFngAOg" alt=""><figcaption></figcaption></figure>

사업자 등록번호는 [\[식스샵 > 상점 설정 > 법적 필수 정보\]](https://www.sixshop.com/store-setting/operatorsInfo)에 입력하신 사업자 정보와 동일하게 입력해 주세요.

<figure><img src="/files/fp54n963awQx971VpY5E" alt=""><figcaption></figcaption></figure>

검색된 결과의 사업자명이 앱 생성 시 입력한 회사명과 동일한지 확인한 뒤 \[저장] 버튼을 누르세요.

<figure><img src="/files/ugSlJvBK2EFJAJlXKmmO" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
만약 사업체가 아닌 개인이나 단체가 제공하는 서비스의 앱이라면, 개발자 포럼인 [데브톡](https://devtalk.kakao.com/)을 통해 비즈 앱 전환을 요청할 수 있습니다. 단, 전환을 신청할 앱 소유자(Owner) 계정이 본인인증을 받은 상태여야만 합니다.\
\
사업자 번호가 없는 개인 개발자, 관공서, 유명인의 경우 비즈 앱을 설정하려면 아래 정보를 빠짐없이 기입하여 글 작성해주세요.\
\
개인 개발자인 경우, OWNER 개발자 계정의 카카오 계정 본인 인증을 완료해야 비즈 앱으로 전환할 수 있습니다. 본인 인증 여부 확인 및 진행은 [카카오 디벨로퍼스 웹사이트](https://developers.kakao.com/)의 '내 계정 > 계정 설정' 에서 할 수 있습니다.

**\[비즈 앱 전환 신청 양식]**

**1. 앱 이름과 애플리케이션(앱) ID**\
앱이름 : 애플리케이션앱(ID) : OWNER 개발자 계정(email) :\
\
**2. 개인 개발자의 경우**\
본인 인증 완료 여부: Y/N\
\
**3. 비즈 앱 설정 목적**\
예) 친구API 사용 신청, 서브 도메인 사용 신청 등\
\
관리자가 기입한 정보를 확인 후 내부 기준에 따라 비즈 앱 승인하여 댓글로 알려드리겠습니다.&#x20;
{% endhint %}