# 카카오 로그인 설정 방법

{% stepper %}
{% step %}

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

* [**https://developers.kakao.com/ (클릭)**](https://developers.kakao.com/)
* 디벨로퍼스에 로그인 후 좌측  상단, "앱"을 클릭해요.

{% endstep %}

{% step %}

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

* 로그인 정보를 담을 대표 앱을 생성해요.
* 해당 앱은 카카오에서 제공하는 다른 서비스(채널, 판매, 광고 등)에 연결하여 사용할 수 있어요.
* 회사라면 개인보단 회사에서 공용으로 사용할 앱으로 생성하는 것을 추천해요.

{% endstep %}

{% step %}

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

* "생성 앱 > 앱 설정 > 앱 > 일반"에서 비즈니스 정보를 등록해요.

{% endstep %}

{% step %}

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

* "생성 앱 > 앱 설정> 앱 > 제품 링크 관리"에서 웹 도메인을 등록해요.
* 카카오 로그인을 진행할 쇼핑몰 주소를 https\:// 포함해서넣어주세요.

{% endstep %}

{% step %}

<figure><img src="/files/33ty6by3vABxOnKdEKEi" alt=""><figcaption></figcaption></figure>

* "생성 앱 > 앱 설정 > 앱 > 플랫폼 키"에서 REST API, 대표 키에 접근해요.
* 해당 키는 추후 메이크샵에서 카카오 로그인을 설정할 때 사용해요.

{% endstep %}

{% step %}

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

* 플랫폼 키 상세에서 \[카카오 로그 인리다이렉트 URI]를 입력해요.
* 입력하는 양식은 내 쇼핑몰 도메인 + /list/API/login\_kakao.html에요.\
  EX) <https://makeshop.co.kr/list/API/login\\_kakao.html>

{% endstep %}

{% step %}

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

* "생성 앱 > 제품 설정 > 카카오 로그인 > 동의항목"에서 가입 및 로그인 시, 수집할 항목을 설정해요.
* 기본으로 제공하는 닉네임, 프로필 사진을 \[필수 or 선택]으로 설정해요.
*

```
<figure><img src="/files/py06eX9y5nRjAlXKF9vq" alt=""><figcaption></figcaption></figure>
```

* 닉네임, 프로필 사진 외 이메일 등 필요한 항목을 수집하기 위해선 추가 기능 신청이 필요해요.
* "생성 앱 > 제품 설정 > 앱 > 추가 기능 신청"에서 개인정보 동의항목에 대해 신청을 진행해요.\
  신청 완료 이후 닉네임, 프로필 사진 외 다양한 항목을 수집 할 수 있어요.<br>
  {% endstep %}

{% step %}

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

* 도메인, 항목 설정을 완료했다면 "생성 앱 > 제품 설정 > 카카오 로그인 > 일반"에서\
  카카오 로그인에 대한 사용 설정을 OFF에서 ON으로 변경해요.

{% endstep %}

{% step %}

<figure><img src="/files/1z3SIIchJfSMaICYmKZJ" alt=""><figcaption></figcaption></figure>

* "메이크샵 관리자 > 설정 > 회원 설정 > SNS 간편 가입"에서 카카오 로그인을 설정해요.
* \[5]에서 확인한 REST API, 대표 키를 REST API key에 입력하고 검증해요.
* 검증 후 저장을 완료하면 이제 쇼핑몰에서 카카오 로그인을 사용할 수 있어요.
  {% endstep %}
  {% endstepper %}

### 유의 사항

<figure><img src="/files/1lHRHUlZF9c8ImrN9xMY" alt=""><figcaption></figcaption></figure>

* "생성 앱 > 앱 설정 > 앱 > 플랫폼 키 > 플랫폼 키 수정"에는 클라이언트 시클릿 설정이 존재해요.
* 메이크샵은 시크릿 키에 대해 지원하지 않아요.
* <mark style="color:red;">**시클릿 키를 발급하여 활성화할 경우, 쇼핑몰에서 정상적인 로그인이 불가하오니 설정을 꼭 OFF로 유지해요.**</mark>

{% hint style="danger" %}
SNS 간편가입 설정 후 REST API Key 값이 변경되거나, SNS 간편가입 아이디 초기화 진행할 경우\
기존 SNS 간편가입 진행한 회원들은 로그인이 불가능해요.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.makeshop.co.kr/manual/member/undefined/sns/kakao_login.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.