@dohyeon/naver-login v0.0.6

NAVER LOGIN

    yarn add @dohyeon/naver-login

Component

import NaverLogin from '@dohyeon/naver-login';

<NaverLogin
    clientId="..."
    callbackUrl="..."
    isPopup={true | false}
    callbackHandle={true | false}
>
    <button>Login!</button>
</NaverLogin>

or

<NaverLogin
    clientId="..."
    callbackUrl="..."
    isPopup={true | false}
    callbackHandle={true | false}
    loginButton={{color: string, type: 1 | 2 | 3, height: number}}
/>

Hooks

LoginPage.jsx

import {useNaverLogin} from '@dohyeon/naver-login';

const Login = () => {
    const {naverLoginInit, loading} = useNaverLogin({
        clientId: "..."
        callbackUrl: "..."
        isPopup: true | false,
        callbackHandle: true | false
    });

    // loading<boolean> -> script loading value
    // https://static.nid.naver.com/js/naveridlogin_js_sdk_2.0.0.js

    if(!loading) {
        naverLoginInit();
    }

    return (
        <>
            <div id="naverIdLogin"/>
        </>
    )
}

callbackPage.jsx

import {useNaverLogin} from '@dohyeon/naver-login';

const LoginAuth = () => {
    const {naverLoginInit, loading} = useNaverLogin({
        clientId: "..."
        callbackUrl: "..."
        isPopup: true | false,
        callbackHandle: true | false
    });
    
    if(!loading) {
        const naverLoginInstance = naverLoginInit();

        naverLoginInstance.getLoginStatus(status => {
            if(status) {
                console.log('success!');
            } else {
                console.log('fail!');
            }
        })
    }
}