> 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 %}

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2Fm3KodA61EtNNf1Q1j0iB%2Fimage.png?alt=media\&token=ea8d8c62-f30b-4720-a22e-549886b89968)

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

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

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

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

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

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FFYlUEEloyTPUWXze2tYF%2Fimage.png?alt=media\&token=b036c8ca-9cb9-45c8-b38f-a38337a9edc8)

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

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

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

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2F1DPGck0UGvcjwo8tmdIR%2Fimage.png?alt=media\&token=efff1442-248f-48b1-b330-c89a399dd44c)

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

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2Fopv6qF5z5pO5baKEdEAs%2Fimage.png?alt=media\&token=76c40d91-3388-47a2-aaa8-cf1114870266)

#### **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>

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FGw4jmkInvAWSOmdmSnQJ%2Fimage.png?alt=media\&token=185cb833-2eeb-4997-99f6-fd0e83f15a74)

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

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

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

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FSB2xLABiIhkTYs8uYIoY%2Fimage.png?alt=media\&token=245855c0-9737-498d-9e75-dc60ba7aa410)

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

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FMaThAfChRWu7x5e7ZkZN%2F%ED%81%B4%EB%9D%BC%EC%9D%B4%EC%96%B8%ED%8A%B8id.png?alt=media\&token=4d606120-dbae-4f37-b1cb-27982c12039d)

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

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

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2F6nWIUPimSou02Kg0YYCN%2Fimage.png?alt=media\&token=ac73060f-5f8e-460d-a8a0-64cf081c2bd3)

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

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

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FrxIUZZ98rwUxGKdl0Yny%2Fimage.png?alt=media\&token=a24dd7d0-0c00-42ea-861c-db357ef5a00c)

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

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

<details>

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

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

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

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FcBBFrP87te7gXUpJoSwx%2Fimage.png?alt=media\&token=05e0ce1b-2b7c-497b-b933-48f25689e2e5)

</details>

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2F264t6VvOSwmPbkMJaN3e%2Fimage.png?alt=media\&token=72baea04-9ca9-46f7-8ace-6429613899f5)

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

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

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

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FHAreuXL2E3xnU3caPYmg%2Fimage.png?alt=media\&token=83ec1981-e80f-4ed2-91a8-3b2e8607e213)

### 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=))

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FLtGJxHScR7ZNtxNztNdf%2Fimage.png?alt=media\&token=5faacdfb-8f97-44cf-9488-06e37452392c)

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

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

<details>

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

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

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

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FED0OxXdVlwWSGfxXBDrI%2Fimage.png?alt=media\&token=240e2c49-4316-4907-adad-8a0768bf483a)

</details>

<details>

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

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

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2F5wpqmcVyYwAYrUxpWLg4%2Fimage.png?alt=media\&token=81a599a2-0da1-444b-8910-c2c524e91a21)

**서비스 설정 오류가 노출된다면?**&#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'로 로그인 해야 합니다.

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FUH9wqzerKNBQd6Iokcwl%2Fimage.png?alt=media\&token=638f1289-57a0-4fa2-9706-7f01c07e9c34)

</details>

<details>

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

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2Ff5wnPGY9TfM8Atwlf0by%2Fimage.png?alt=media\&token=f5fe037d-f287-42fa-b105-e24661df3bb6)

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

</details>

<details>

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

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

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

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2F2oD78Jhs6L3F27RDPB9n%2Fimage.png?alt=media\&token=4bfcd41d-a2e1-488b-838f-d1e74a69d4fb)

</details>

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

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

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

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2Fu2pF3X66JUZFs1PuNQ19%2Fimage.png?alt=media\&token=fa68849c-7c92-49f4-8c5c-76e21079bc4d)

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

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FWUuG7oCKe1Jvr6kcWEfn%2F%EA%B2%80%EC%88%98%EC%9A%94%EC%B2%AD.png?alt=media\&token=c7c0fec0-5bc7-41dd-935d-1c42812bff8e)

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

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

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FM9cz93vkmNDh21SwKtIq%2Fimage.png?alt=media\&token=7858fb36-eb51-4c58-8c25-4416e0184f63)

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