> 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/naverlogin.md).

# 네이버 로그인 연동하기

## 목차

* [네이버 로그인 사용하기](#id-1)
  * [네이버 애플리케이션 만들기](#id-1-1)
  * [내 애플리케이션과 식스샵 연동하기](#id-1-2)
  * [검수 신청하기](#id-1-3)
  * [네이버 로그인 테스트하기](#id-1-4)
  * [검수 완료 후 애드온 설정하기](#id-1-5-1)

## 1. 네이버 로그인 사용하기

네이버 로그인은 네이버가 아닌 타 서비스를 이용할 때에도 기존 네이버 사용자임을 인증받아 해당 서비스에 로그인 할 수 있게 하는 기능입니다.&#x20;

{% hint style="info" %}
아래의 사전 준비가 완료된 상태에서 네이버 로그인 연동이 가능합니다.&#x20;

* [도메인 연결](/learn-sixshop/get-started/prepare-to-sell/domains.md)
* 네이버 ID 보유([네이버 가입하기](https://nid.naver.com/user2/V2Join.nhn?m=agree\&lang=ko_KR\&cpno=))
  {% endhint %}

![](/files/6ji3ASYTyAtLUpsiWJLz)

### 1-1. 네이버 애플리케이션 만들기

{% hint style="info" %}
애플리케이션 생성 시 네이버 메인 계정으로 진행해야만 정상적으로 사용 가능합니다. \
동일한 명의의 '서브 계정'으로 진행 시 차후 정상적으로 동작하지 않으니 주의해 주세요.&#x20;
{% endhint %}

#### **Step 1.** [네이버 디벨로퍼스](https://developers.naver.com/apps)에 접속하여 약관에 동의하고 휴대폰 인증하여 계정 정보를 등록해 주세요.

#### **Step 2. 애플리케이션 이름에 상점 이름을 입력하고 사용 API는 '네이버 로그인'을 선택해 주세요.**

아래 이미지의 '내 상점'은 예시입니다. 실제 운영 중인 본인의 상점 이름을 기재해 주세요.

![](/files/hmYM7RTTJ6lPKsXR7zOB)

#### **Step 3.** 제공 정보 선택에서 '회원이름'과 '이메일'만 필수로 설정해 주세요.

별명, 성별, 휴대 전화번호 등 다른 정보는 수집되지 않으므로 선택하지 않습니다.&#x20;

{% hint style="info" %}
추가로 [\[식스샵 > 고객 > 가입 관리\]](https://www.sixshop.com/dashboard/shop-customerSignupManage)를 참고하여 [\[식스샵 > 기본 정보 > 이용 약관\]](https://www.sixshop.com/store-setting/agreement)의 개인정보 수집 및 이용에 대한 동의(회원 가입) 내용에 회원 가입 시 수집하고 있는 개인 정보가 정확히 기재되어 있는지 검토해 주세요.&#x20;
{% endhint %}

![](/files/1DmhKVjpKBFfx4BBnVmN)

#### **Step 4.** 로그인 오픈 API 서비스 환경을 'PC 웹'으로 선택해 주세요.&#x20;

![](/files/0OeXD4SAQZAaMMU9pJ6q)

#### **Step 5.** '서비스 URL'과 'Callback URL'의 값을 아래 표 양식에 맞게 정확히 입력해 주세요.

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

<table data-header-hidden><thead><tr><th width="150">항목</th><th>입력 내용</th></tr></thead><tbody><tr><td>항목</td><td>입력 내용</td></tr><tr><td>서비스 URL</td><td>https://상점 도메인 주소</td></tr><tr><td>Callback URL</td><td><p>https://상점 도메인 주소/login</p><p>https://www.상점 도메인 주소/login</p><p>https://상점 도메인 주소/signup</p><p>https://www.상점 도메인 주소/signup</p></td></tr></tbody></table>

![](/files/4MzaGTcJQ2Q1xtWctG1H)

#### **Step 6. \[**&#xB4F1;록하기] 버튼을 누르면 애플리케이션이 생성됩니다.&#x20;

### 1-2. 내 애플리케이션과 식스샵 연동하기

#### **Step 1.** 생성된 \[내 애플리케이션 > 개요]에서 'Client ID' 값을 복사해 주세요.&#x20;

![](/files/FBITbQtR1v9k4HRyGfZn)

#### **Step 2.** 복사한 값을 \[식스샵 **> 애드온 >** 소셜 로그인] 네이버 Client ID에 붙여넣고 \[변경 사항 저장하기]를 클릭해 주세요. &#x20;

![](/files/H6PsrGnkJ9e4mc8iWZdd)

### 1-3. 검수 신청하기

#### Step 1. \[[네이버 디벨로퍼스](https://developers.naver.com/apps/#/list) > Application > 내 애플리케이션 > API 설정]에서 로고 이미지를 업로드해 주세요.&#x20;

![](/files/iwD1ybKMJSxW5OvDPG77)

#### Step 2. \[수정]을 클릭하여 저장 후 \[검수요청 하러 가기]를 클릭해 주세요.&#x20;

{% hint style="info" %}
로고를 등록하였음에도 '애플리케이션 로고를 먼저 등록해 주세요' 팝업이 뜬다면 로고 등록 후 \[수정]을 클릭하지 않은 경우입니다.&#x20;
{% endhint %}

![](/files/RTUONdwdRjHGCcERiJmB)

#### Step 3. 검수 요청 가이드를 확인하고 \[✔︎] 체크해 주세요.&#x20;

#### Step 4. 아래 캡처 파일 예시를 확인하여 파일을 첨부하고 회원이름, 이메일 주소 첨부 여부에 \[✔︎] 체크해 주세요.

<details>

<summary>제공 정보 활용처 확인 캡처 파일 예시</summary>

내 상점에 로그인한 상태로 '마이페이지'를 캡처하여 첨부해 주시면 됩니다.&#x20;

* <https://상점> 도메인 주소/myPage&#x20;

![](/files/dXNmaVwlD1rlSeO4QuZX)

</details>

![](/files/OCJdrXz1LqN85T20DWfC)

#### Step 5. '네이버 아이디로 로그인을 통한 신규 회원 가입에 적용'에 \[✔︎] 체크해 주세요.&#x20;

#### Step 6. 이후 과정에 필요한 파일 캡처를 위해  [1-4. 네이버 로그인 테스트하기](#1-4.)를 이어서 진행해 주세요.

아래의 화면은 끄지 않고 새 창에서 이후 과정을 진행해 주세요.

![](/files/Q7Y9Bajxlh5RKp5dcRO7)

### 1-4. 네이버 로그인 테스트하기

[네이버 로그인 검수 기준](https://developers.naver.com/docs/login/verify/#%EB%84%A4%EC%95%84%EB%A1%9C-%EC%A0%81%EC%9A%A9-%ED%98%95%ED%83%9C-%ED%99%95%EC%9D%B8%EC%9D%84-%EC%9C%84%ED%95%9C-%EC%9E%90%EB%A3%8C-%EC%A0%9C%EC%B6%9C-%EB%B0%A9%EB%B2%95)에 따라 '네이버 로그인 이용 절차를 확인할 수 있는 캡처 파일 첨부'에 파일 첨부를 하기 위한 방법입니다.

#### Step 1. 테스터 ID 등록하기

새 창에서 \[[네이버 디벨로퍼스](https://developers.naver.com/apps/#/list) > Application > 내 애플리케이션 > 멤버 관리]에 '테스터 ID'를 등록해 주세요.

테스터 ID는 네이버 로그인 연동 작업 중인 네이버 ID가 아닌 다른 네이버 ID를 등록해야 합니다. 네이버 ID는 1인 3개까지 만들 수 있으니 다른 네이버 ID가 없다면 새로 만들면 됩니다. ([네이버 가입하기](https://nid.naver.com/user2/V2Join.nhn?m=agree\&lang=ko_KR\&cpno=))

![](/files/3zS9VH7yfTa2N8QUBV9S)

#### Step 2. **네이버 로그인 이용 절차를 확인할 수 있는 화면 캡처하기**

테스터 ID 등록이 끝났다면 1\~5 과정에 따라 총 5개의 화면을 캡처해 주셔야 합니다.

<details>

<summary><strong>1.</strong> 내 상점에 네이버로 로그인하기 버튼이 노출되는 화면을 캡처해 주세요. </summary>

내 상점의 회원 가입 페이지에 네이버 로그인 버튼이 노출되는 부분을 캡쳐해 주세요.&#x20;

* <https://상점> 도메인 주소/login&#x20;

![](/files/WrY18O5TPGkPwuHtovNk)

</details>

<details>

<summary>2. [네이버로 로그인하기] 클릭 후 노출되는 네이버 로그인 팝업을 캡처해 주세요. </summary>

\[네이버로 로그인하기] 또는 네이버 아이콘 클릭 후 위와 같은 네이버 로그인 창이 보이지 않는다면 [네이버](https://www.naver.com/)에 접속 후 로그인된 네이버 계정에서 로그아웃한 뒤 진행해 주세요.&#x20;

![](/files/pSXf9jcunOFll783Gvdm)

**서비스 설정 오류가 노출된다면?**&#x20;

1. 'sixshop.com/식스샵ID' 형태의 임시 도메인이 아닌 대표 도메인으로 접속했는지 확인해 주세요.
2. ['서비스 URL'과 'Callback URL'이 예시](#step-5.-url-callback-url-.)에 맞게 입력된 상태가 맞는지 확인해 주세요.&#x20;

</details>

<details>

<summary>3. 테스터 ID로 네이버 로그인 후 보이는 정보 제공 동의 화면을 캡처해 주세요. </summary>

앞선 Step 1. 테스터 ID 등록하기 과정에서 등록한 네이버 '테스터 ID'로 로그인 해야 합니다.

![](/files/q71geCcypvBupk9ue2DO)

</details>

<details>

<summary>4. 정보 제공 동의 후 노출되는 회원 가입 페이지를 캡처합니다.</summary>

![](/files/nYtlI4N3N0m2ocu9yopO)

아직 네이버 로그인 검수가 완료된 상태가 아니기에 실제 가입하는 과정은 하지 않습니다.&#x20;

</details>

<details>

<summary>5. 내 상점에서 일반 회원 가입(또는 일반 로그인) 후 마이페이지 화면을 캡처합니다.</summary>

네이버 로그인으로 진행한 1\~4 과정과 다르게 내 상점에서 일반 회원 가입(또는 일반 로그인) 후 마이페이지를 캡처해 주세요. &#x20;

* <https://상점> 도메인 주소/myPage

![](/files/LhXKyztwbI0Cz9wymraL)

</details>

#### **Step 3.** 총 5개의 캡처 파일을 '네이버 로그인 이용 절차를 확인할 수 있는 캡처파일 첨부' 항목에 첨부합니다.

만약 아래의 창이 꺼진 상태라면 \[[네이버 디벨로퍼스](https://developers.naver.com/apps/#/list) > Application > 내 애플리케이션 > 네이버 로그인 검수 상태]경로에서 이어서 진행해 주세요.&#x20;

이외 추가 제출 서류 확인에 해당하는 사항이 있다면 첨부하여 주시고 해당이 없다면 '없음'으로 체크해 주세요.

![](/files/wfrKeTvwg2CGzwcsTrkR)

#### **Step 4.** \[검수 요청] 버튼을 누르면 검수가 진행되며 이후 메일로 검수 결과를 받게 됩니다.&#x20;

![](/files/17WRJfdDa6t4oaDHW7Er)

### 1-5. 검수 완료 후 애드온 설정하기

검수 완료 메일을 받았다면 \[식스샵 > 애드온 > 소셜 로그인]에서 네이버 심사 여부를 '심사 완료'로 변경한 뒤 \[변경사항 저장하기]를 클릭해 주시면 됩니다. 만약 검수가 반려되었다면 반려 사유에 따라 수정 후 재검수를 요청해 주시면 됩니다.&#x20;

![](/files/QJeTeSu8MJ0WohWob7V0)

이제 네이버 로그인을 사용할 수 있습니다.&#x20;
