네이버 아이디로 로그인 세팅하기 상세 Part.1 ~ Part.3 (2017.10.11 기준)

시작에 앞서

2017년 9월 12일부터 네아로(네이버 아이디로 로그인) 등록과정에 '검수' 과정이 추가되었다고 합니다. 이제부터 네아로 버튼을 생성하려면, 회원가입 및 로그인 프로세스를 작성한 문서와 함께, 네이버 검수를 받아야 합니다.


해준씨는 정확히 어떤 과정이 어떻게 바뀌었는지 알아보기 위해, 기존 네아로 버튼을 삭제하고, 새로 신청했는데요. 그 과정에서 2-3번 승인거부가 일어나서, 무엇이 잘못됐는지 알아보기 위해 강좌 제작이 좀 늦었네요. (ㅠㅠ)


본 강좌는 글과 그림으로 작성하기에, 분량이 상당해서 3개 파트로 나누어 알아보겠습니다. 먼저 이번 강좌에서는 기본 등록 과정에 대해 알아보죠!


네이버 아이디로 로그인 세팅하기 Part. 1


1단계, 네이버 개발자 센터 접속하기

네이버 개발자 센터(바로가기)에 접속하신 후, 우측 상단의 [로그인] 버튼을 클릭해, 로그인합니다.






2단계, 애플리케이션 등록 클릭하기

상단메뉴에서 [Application - 애플리케이션 등록]을 클릭합니다.






3단계, API 이용약관 동의하기

아직까지 네이버 애플리케이션을 만들어 본 적이 없으신 경우, 아래 그림처럼 이용약관 동의 버튼이 뜹니다.

[확인]을 클릭하시고, 이용약관에 [동의]를 체크하신 다음, 다음으로 넘어가 주세요.






4단계, 계정 정보 등록하기

네이버 애플리케이션을 만들기 위해서는 계정 정보 등록이 필요합니다.


1) 휴대폰으로 본인 인증을 해주세요.

2) 회사 이름을 작성해주세요. *개인의 경우 본인의 이름으로 작성

3) [확인]을 클릭하고 다음으로 넘어갑니다.






5단계, 애플리케이션 등록하기

1) 애플리케이션의 이름을 입력해주세요. 본인만 구분할 수 있는 이름이면 됩니다.

2) 사용하실 API 중 네아로(네이버 아이디 로그인)를 선택해주세요.






6단계, 수집할 정보 체크하기

아래 사용 API 항목에서 이메일(추가권한)을 체크해주세요.






7단계, 서비스 환경 선택하기

네아로를 사용할 환경을 선택해야 하는데, 여기서 [환경 추가]를 누르고, [PC 웹]을 선택합니다.

* PC/모바일웹을 모두 지원하는 반응형이지만, 기술적으로 PC 웹 환경으로 됩니다.






8단계, 서비스 환경 세팅하기

1) PC 웹 서비스 URL에 내 홈페이지 도메인 주소를 입력해주세요.

2) 콜백 URL에는 내 홈페이지 도메인 뒤에 /oauth 를 추가 입력해주세요.





다음 단계

이것으로 네아로 버튼 생성을 위한 기본 단계가 완료되었습니다.

계속해서 아래 게시글을 보시며, 내 사이트에 세팅을 해보죠!




네이버 아이디로 로그인 세팅하기 Part. 2


시작에 앞서

1부에서도 말씀드렸다시피, 네아로 버튼을 내 사이트에 추가하려면 네이버에 검수를 받아야 합니다. 이번 2부에서는 검수요청 전, 반드시 해야할 세팅 부분에 대해 알아보겠습니다.




1단계, API 설정 메뉴로 이동하기

1부 마지막 단계를 잘 마치셨다면, 아래 그림처럼 애플리케이션 정보가 나타나며, 하단에는 [검수요청] 버튼이 나타납니다. 하지만 당장 신청할 수 없습니다. 먼저 네아로 버튼에 들어갈 로고를 넣어야 하는데요.

로고를 추가하기 위해서는 아래 그림처럼 [API 설정] 탭 메뉴를 클릭해 API 설정 메뉴로 이동해주세요.





2단계, 애플리케이션 로고 및 상태 변경하기

1) 로고 이미지는 140x140 픽셀, JPG/PNG/GIF를 업로드할 수 있습니다.
2) [수정]을 클릭해 설정을 마무리합니다.





3단계, 애플리케이션 정보 복사하기

이제 네아로 애플리케이션 정보를 my관리페이지 소셜 로그인 설정 메뉴에 추가해야 합니다.

1) [개요] 탭 메뉴로 이동합니다.
2) Client ID와 Client Secret 정보를 복사(단축키 : Ctrl - C) 합니다.*Client Secret은 아래 그림처럼 [보기] 버튼을 클릭한 다음 복사해주세요.





4단계, my관리페이지에 네아로 버튼 정보 붙여넣기

1) 관리페이지 [사이트 관리 - 환경설정 - 소셜 로그인 설정] 메뉴에 접속해주세요.
2) [네이버 로그인 사용]을 선택해주세요.
3) 위 단계에서 복사한 Client ID를 붙여넣기(단축키 : Ctrl - V) 해주세요.4) 마찬가지로 Client Secret도 붙여넣기(단축키 : Ctrl - V) 해주세요.5) 앱 정보 붙여넣기가 끝났다면, 꼭 [저장]을 눌러주세요.




다음 단계네아로 버튼도 생성했고, 검수를 받기 위한 세팅도 마무리되었습니다.이제 남은 과정은 검수요청뿐입니다. 검수요청 방법은 아래 게시물에서 알아보세요. :)




네이버 아이디로 로그인 세팅하기 Part. 3


시작에 앞서

네아로 검수를 받기 위해서는 제작한 사이트에서 어떤 과정으로 네아로 버튼을 사용하는지에 대한 문서를 함께 첨부해야 합니다.

그 외 몇 가지 체크사항만 잘 확인하시면 별 어려움 없이 승인이 날 것이라 생각합니다.



1단계, 작성하기

2부에서 로고를 잘 삽입하셨다면, 개요 페이지 하단에 추가하신 로고와 함께 [네아로 검수요청]이라는 녹색 버튼을 확인하실 수 있습니다. 이 [네아로 검수요청] 버튼을 클릭합니다.




2단계, 작성하기

네아로 검수상태 페이지에서 아래 그림과 사항들을 참조해 체크 및 입력해주세요.



1) [네이버 아이디로 로그인을 통한 신규 회원 가입에 활용]을 체크합니다.
2) [기타] 항목에 아임웹 이라고 작성해주세요.
3) 회원 가입 시, 사용자에게 입력받는 정보의 항목을 [없음]으로 작성해주세요.*이 부분에 대한 이해 부족으로 3번이나 거부를 받았어요. (ㅠㅠ)
4) [첨부파일]에는 본 게시물에 첨부된 파일을 사용해주세요. 다운로드하신 압축파일을 풀면 2장의 이미지 파일이 나타납니다. 2장의 파일을 모두 [파일 선택]을 클릭해 첨부해주세요.
5) 등록 버튼을 클릭해 검수신청을 마무리합니다.



검수요청 완료 후여러분의 네아로 버튼 생성 검수 신청이 완료되었습니다.(생각보다 강좌가 길어져 저도 깜짝 놀랐네요. 그리 어려운 건 아닌데, 거참 ㅎㅎ)

검수기간은 통상적으로 2-3일 정도 걸린다고 합니다. 제 경우 1-2일 정도면 됐으니 참고바랍니다.


[출처] 네이버 아이디로 로그인 세팅하기 아임웹캠퍼스해준님의 도움으로 작성되었습니다.