본문으로 건너뛰기

Release: ver.1.9.0 (2026-01-15)

Thumbnail Image

🔔 배포 일자: 2026-01-15

이번 업데이트 v1.9.0에서는 네이버 네이티브 로그인 기능이 새롭게 추가되었습니다.

네이버 연동을 통해 네이버 계정 기반 인증, 사용자 정보 조회, 로그인 상태 관리 등의 소셜 로그인 기능을 사용할 수 있습니다.

또한 Facebook 앱 이벤트 로깅 기능이 추가되어 Meta 마케팅 분석 기능이 강화되었습니다.

주요 변경 사항 (ver.1.9.0)​

새로운 기능​

  • naver 네임스페이스: 네이버 네이티브 로그인 기능 추가

    • 네이버 계정을 통한 소셜 로그인 및 사용자 인증 기능을 제공합니다.
    • 로그인, 로그인 상태 확인, 사용자 정보 조회, 로그아웃, 연결 해제 등의 기능을 지원합니다.
    • 콜백 기반으로 동작하여 비동기 처리가 용이합니다.
    • ➡️ naver 네임스페이스 문서 바로가기
  • facebook 네임스페이스: 앱 이벤트 로깅 기능 추가

    • Meta 이벤트 관리자에서 사용자 행동 추적을 위한 커스텀 앱 이벤트 로깅 기능이 추가되었습니다.
    • 마케팅 분석 및 광고 최적화에 활용할 수 있습니다.
    • ➡️ facebook 네임스페이스 문서 바로가기

네이버 네이티브 로그인 기능 (naver 네임스페이스)​

네이버 계정을 활용한 소셜 로그인 기능이 새롭게 추가되었습니다.

추가된 메서드 (naver)​

메서드설명
login(callback)네이버 네이티브 로그인
isLoggedIn(callback)로그인 상태 확인
getUserData(callback)사용자 데이터 요청
logout(callback?)네이버 사용자 로그아웃
disconnect(callback?)네이버 사용자 연결끊기

사용 예제​

네이버 로그인​
// 네이버 로그인 요청
Nachocode.naver.login((result, loginData) => {
if (result.status === 'success') {
console.log('네이버 로그인 성공');
console.log('Access Token:', loginData.accessToken);
console.log('Refresh Token:', loginData.refreshToken);
console.log('Expires At:', loginData.expiresAt);
} else {
console.error('네이버 로그인 실패: ', result.errorCode, result.message);
}
});
로그인 상태 확인​
// 네이버 로그인 상태 확인
Nachocode.naver.isLoggedIn((result, isLoggedIn, accessToken) => {
if (isLoggedIn) {
console.log('네이버 로그인 상태입니다.');
console.log('Access Token:', accessToken);
} else {
console.log('네이버에 로그인되어 있지 않습니다.');
}
});
사용자 정보 조회​
// 사용자 데이터 요청
Nachocode.naver.getUserData((result, userData) => {
if (result.status === 'success') {
console.log('사용자 데이터:', userData);
console.log('이름:', userData.name);
console.log('이메일:', userData.email);
console.log('닉네임:', userData.nickName);
console.log('프로필 이미지:', userData.profile_image);
} else {
console.error(
'사용자 데이터 요청 실패: ',
result.errorCode,
result.message
);
}
});
로그아웃 및 연결 해제​
// 네이버 로그아웃
Nachocode.naver.logout(result => {
if (result.status === 'success') {
console.log('네이버에서 로그아웃되었습니다.');
}
});

// 네이버 연결 해제
Nachocode.naver.disconnect(result => {
if (result.status === 'success') {
console.log('네이버 계정 연결을 해제하였습니다.');
}
});

지원하는 데이터 타입​

네이버 로그인 데이터 (NaverLoginData)

로그인 성공 시 반환되는 데이터입니다.

  • accessToken: 액세스 토큰
  • refreshToken: 리프레시 토큰
  • expiresAt: 토큰 만료 시간

네이버 사용자 데이터 (NaverUserData)

사용자 정보 조회 시 반환되는 데이터입니다.

  • id: 네이버 사용자 고유 ID
  • gender: 성별 ('F' 또는 'M')
  • name: 이름
  • nickName: 닉네임
  • email: 이메일 주소
  • mobile: 휴대전화 번호
  • mobile_e164: E.164 형식 휴대전화 번호
  • age: 연령대 (ex. "20-29")
  • birthyear: 출생연도 (ex. "2000")
  • birthday: 생일 (MM-DD 형식, ex. "12-31")
  • profile_image: 프로필 이미지 URL
추가 정보

사용자 정보는 네이버 개발자 센터에서 승인받은 항목만 조회할 수 있으며, 사용자가 정보 제공에 동의해야 합니다.


Facebook 앱 이벤트 로깅 (facebook 네임스페이스)​

Facebook에 커스텀 앱 이벤트를 로깅하여 사용자 행동을 추적할 수 있는 기능이 추가되었습니다.

추가된 메서드 (facebook)​

메서드설명
logEvent(eventName, parameters?)Meta 앱 이벤트 로깅

사용 예제 (logEvent)​

// 커스텀 앱 이벤트 로깅
Nachocode.facebook.logEvent('purchase', {
product_id: 'item_001',
price: '9.99',
currency: 'USD',
category: 'electronics',
});

// 간단한 이벤트 로깅
Nachocode.facebook.logEvent('button_clicked');

// 파라미터와 함께 이벤트 로깅
Nachocode.facebook.logEvent('page_view', {
page_name: 'product_detail',
product_category: 'fashion',
});

메서드 상세​

logEvent(eventName: string, parameters?: Record<string, string>): void

  • eventName: 이벤트 이름 (필수)
  • parameters: 이벤트와 함께 전송할 추가 파라미터 (선택)
이벤트 확인

집계된 이벤트 로그는 Meta 이벤트 관리자에서 확인할 수 있습니다.


개선 사항​

  • TypeScript 정의(Nachocode.d.ts) 업데이트
    • v1.9.0 변경 사항을 반영하여 naver 네임스페이스 관련 타입 정의가 추가되었습니다.
    • NaverResult, NaverSuccessResult, NaverErrorResult, NaverLoginData, NaverUserData 등의 새로운 타입이 정의되었습니다.
    • Facebook 네임스페이스에 logEvent 메서드가 추가되었습니다.
정보

➡️ Nachocode.d.ts에서 최신 정의를 확인하세요.


활용 사례​

이번 업데이트의 새로운 기능들을 활용하여 다음과 같은 개선을 할 수 있습니다.

  1. 소셜 로그인 확장: 기존 Facebook, Google, Kakao, Apple에 이어 Naver 로그인을 추가하여 국내 사용자 접근성 향상
  2. 사용자 정보 통합: 네이버 계정 정보를 활용한 회원가입 간소화 및 사용자 프로필 자동 구성
  3. 마케팅 분석 강화: Facebook 앱 이벤트를 통한 사용자 행동 패턴 분석 및 광고 최적화
  4. 전환율 추적: 주요 사용자 액션(구매, 가입 등)을 이벤트로 로깅하여 마케팅 성과 측정
  5. 맞춤형 광고: Facebook 픽셀과 연동하여 타겟 광고 및 리타겟팅 캠페인 최적화

업데이트 방법​

nachocode JavaScript Client SDK ver.1.9.0를 사용하려면 아래의 스크립트를 업데이트하십시오.

SDK CDN 주소​

<script src="https://cdn.nachocode.io/nachocode/client-sdk/@1.9.0/client-sdk.min.js"></script>
문의하기

nachocode는 지속적으로 사용자의 개발 경험 향상을 위해 최선을 다하겠습니다. 추가적인 요청이나 문의사항은 언제든지 지원팀에게 이메일을 보내주세요. 감사합니다.