네이버 로그인(네아) 자바스크립트 코드

1. 가장먼저 네이버 개발자센터(https://developers.naver.com/main/)에 가서 로그인 후 application(메뉴) 이동 후 등록을 한다.

2. naveridlogin_js_sdk_2.0.2-nopolyfill.js 파일을 다운로드하여 프로젝트에 import 한다.

3. 도메인을 등록하고 테스트를 위에 코드로 진행 (CI 값을 필요하다면 별도의 네이버팀에게 문의가 필요)

4. 테스트 완료 후 실제 운영에 적용하기위한 서비스 신청을 한다.

let naverObj = null

/* 화면 호출시(init) 세팅 하는 부분 */
export function setNaver () {
  naverObj = new naver.LoginWithNaverId({
    clientId: 발급받은 네이버 ID값,
    callbackUrl: 등록 되어진 URL,
    isPopup: true
  })

  /* 네이버 아이디로 로그인 정보를 초기화하기 위하여 init을 호출 */
  naverObj.init()

  /* 현재 로그인 상태를 확인 */
  window.addEventListener('load', () => {
    naverObj.getLoginStatus(async (status) => {
      /* 로그인 상태가 "true - 성공" 인 경우 로그인 버튼을 없애고 사용자 정보를 출력합니다. */
      if (status) {
       /* 호출하는 부분 */
       await snsjoin.call(this, naverObj) <<<< 예시
      }
    })
  })
}

/* 네이버 아이콘(클릭 이벤트)에 적용하면 된다 */
export async function naverLogin () {
  /* 네이버 생성된 URL로 이동 */
  window.location.href = naverObj.generateAuthorizeUrl()
}