> For the complete documentation index, see [llms.txt](https://help.makeshop.co.kr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.makeshop.co.kr/guide/undefined-14.md).

# 네이버 로그인

요즘 간편가입은 대부분 있으니 내 쇼핑몰에도 있어야겠죠?

### STEP 1. 연동 정보 신청

#### 관리자 메뉴 위치

`설정` > `회원 설정` > `SNS 간편 가입`&#x20;

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FRxYuDsUnFonl4gsS7VYS%2F%EB%84%A4%EC%9D%B4%EB%B2%84%EB%A1%9C%EA%B7%B8%EC%9D%B81.png?alt=media&amp;token=d6649462-5d7d-4f4d-9e77-e2ee7cf42f1f" alt=""><figcaption></figcaption></figure>

1. 메이크샵 로그인 후 위 메뉴로 이동해 주세요.
2. 네이버 영역 사용함 체크 후 네이버 로그인을 선택해 주세요.
3. 로고 이미지를 아래 형식을 참고하셔서 맞게 등록 후 연동 정보 신청을 클릭해 주세요.

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2Fgdu5U5L7Wh8ZFJXYCynM%2F%EB%84%A4%EC%9D%B4%EB%B2%84%EB%A1%9C%EA%B7%B8%EC%9D%B82.png?alt=media&amp;token=531c9f2a-5c85-403b-8deb-90ffff1fefaf" alt=""><figcaption></figcaption></figure>

4. 위 화면이 나오고 네이버 계정으로 로그인 진행해 주세요.

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FIc9pEScmqpxHrtUgugoy%2F%EB%84%A4%EC%9D%B4%EB%B2%84%EB%A1%9C%EA%B7%B8%EC%9D%B83.png?alt=media&amp;token=cc7e897d-2e10-4010-97ba-13753f93743c" alt=""><figcaption></figcaption></figure>

5. 위 화면처럼 동의하는 화면이 보이는데 필수, 선택 확인 후 체크하신 뒤 동의하기를 클릭해 주세요.

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FeQRa3B1e8ywSvukVkGld%2F%EB%84%A4%EC%9D%B4%EB%B2%84%EB%A1%9C%EA%B7%B8%EC%9D%B84.png?alt=media&amp;token=1dc93ba7-c49b-46ed-a351-a48c6356fc4a" alt=""><figcaption></figcaption></figure>

6. 위 메시지까지 보여지면 기본 준비는 모두 완료되었어요.

### STEP 2. 네이버 개발자센터 설정

#### 관리자 메뉴 위치

`설정` > `회원 설정` > `SNS 간편 가입`&#x20;

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2Ff98dFUPhgwq1mnFaRh5w%2F%EB%84%A4%EC%9D%B4%EB%B2%84%20SEO%20%EC%84%A4%EC%A0%95%20%EA%B0%80%EC%9D%B4%EB%93%9C%207.png?alt=media&amp;token=980fadd0-ed19-435e-a927-5489db743738" alt=""><figcaption></figcaption></figure>

7. 다시 메이크샵 화면을 보시면 위와 같이 Client ID, Client Secret 부분이 세팅되어 있어요.
8. 7번 확인이 되었다면 화살표에 있는 개발자센터를 클릭해 주세요.

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2Fhz6zVor97rHd9IURhDAK%2F%EB%84%A4%EC%9D%B4%EB%B2%84%EB%A1%9C%EA%B7%B8%EC%9D%B86.png?alt=media&amp;token=3c2690f0-018d-445d-b275-c01e1a7450cb" alt=""><figcaption></figcaption></figure>

9. 위와 같이 네이버 개발자센터로 이동되며 Application > 내 애플리케이션을 클릭해 주세요.

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FqnXxzgHjCpyvsOe2M2oh%2F%EB%84%A4%EC%9D%B4%EB%B2%84%EB%A1%9C%EA%B7%B8%EC%9D%B87.png?alt=media&amp;token=43d772b5-e9de-4715-89f5-4919154af198" alt=""><figcaption></figcaption></figure>

10. 위와 같이 Application 목록에 조금 전 추가된 Client ID, Application 명이 확인돼요.

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2F7LPsIZGJ1krMjBILEnjd%2F%EB%84%A4%EC%9D%B4%EB%B2%84%EB%A1%9C%EA%B7%B8%EC%9D%B88.png?alt=media&amp;token=56b50cce-4bc2-4419-8b86-f662caffe72c" alt=""><figcaption></figcaption></figure>

11. 왼쪽의 내 애플리케이션 목록 중 조금 전 추가한 이름을 클릭 후 API 설정 탭을 클릭해 주세요.

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2F3iDGI6VWbRlDZtj2h2YL%2F%EB%84%A4%EC%9D%B4%EB%B2%84%EB%A1%9C%EA%B7%B8%EC%9D%B89.png?alt=media&amp;token=12640833-94b3-47d7-b06b-eb572e0df351" alt=""><figcaption></figcaption></figure>

12. 위와 같이 API 설정 화면에서 애플리케이션 이름 우측으로 V 체크가 되어야 해요. (원래 메이크#교육용이었는데 특수 문자 제한으로 메이크샵\_교육용으로 변경했습니다 😂)
13. 카테고리는 메이크샵 운영자시면 대부분 쇼핑으로 체크해 주세요.
14. 사용 API는 네이버 로그인을 선택 후 아래 목록 중 회원이름, 연락처, 이메일 주소를 체크하면 돼요.

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FZ7qSWztowN3FgjPcbCoo%2F%EB%84%A4%EC%9D%B4%EB%B2%84%EB%A1%9C%EA%B7%B8%EC%9D%B810.png?alt=media&amp;token=618bedfc-754c-4a91-9a27-7319b5875e98" alt=""><figcaption></figcaption></figure>

15. 환경 추가 클릭 시 PC 웹 / Mobile 웹 선택 후 아래와 같이 입력 후 하단에 수정을 클릭해 주세요. (자동으로 입력되어 있다면 확인만 해 주시면 됩니다.)

* **서비스 URL : <http://www.도메인주소>**
* 네이버 로그인 Callback URL : <http://www.도메인주소/list/API/login\\_naver.html>

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FMWbTZiUIrYCzDKFa2ceK%2F%EB%84%A4%EC%9D%B4%EB%B2%84%EB%A1%9C%EA%B7%B8%EC%9D%B811.png?alt=media&amp;token=4a298635-7652-43f8-a4bb-abb5f07a8ddf" alt=""><figcaption></figcaption></figure>

16. 상단 개요 탭 클릭 시 위와 같이 네이버 로그인에 로고와 서비스 적용이라고 노출되면 완료돼요.

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FZwRm750El0VU49pcBYY5%2F%EB%84%A4%EC%9D%B4%EB%B2%84%EB%A1%9C%EA%B7%B8%EC%9D%B8.png?alt=media&amp;token=25808e4b-c6a5-412d-a0a0-26d39318120e" alt=""><figcaption></figcaption></figure>

17. 메이크샵으로 돌아오면 위와 같이 입력된 값들을 확인하실 수 있고 아래 저장을 클릭하면 돼요.

**#한가지 기능이 추가 됐어요\~ 바로 최근 로그인 방법 노출입니다.**

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FESUd35zTKsRpdGZ4BFSm%2F%EB%84%A4%EC%9D%B4%EB%B2%84%EB%A1%9C%EA%B7%B8%EC%9D%B81%20(1).png?alt=media&amp;token=06f23ae1-266b-4222-b104-df43aa67fc1e" alt=""><figcaption></figcaption></figure>

1. 메뉴 : **설정 > 회원 설정 > SNS 간편 가입**
2. 최근 로그인 방법 노출 설정을 사용함으로 선택만 해도 기본 아이콘으로 설정되어 있어 저장만 눌러 주면 돼요.

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2F4Mu1KMwebKsZTgrUizJs%2F%EB%84%A4%EC%9D%B4%EB%B2%84%EB%A1%9C%EA%B7%B8%EC%9D%B82.png?alt=media&amp;token=2a4e526e-4eed-4e2d-9c36-d1e724fab79c" alt=""><figcaption></figcaption></figure>

3. 그럼 이렇게 로그인 화면에서 최근 로그인 버튼이 보이는 걸 확인하실 수 있어요.
