«   2024/09   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
Archives
Today
Total
Recent Posts
Recent Comments
관리 메뉴

뉴히의 개발 로그

javascript로 네이버 로그인 소셜 로그인 구현하기2 (로그아웃) 본문

Javascript

javascript로 네이버 로그인 소셜 로그인 구현하기2 (로그아웃)

뉴히 2024. 4. 30. 00:33

로그아웃은

나는 별도 서버 없이 로그인시 localStorage에 유저 정보를 저장했다.

localStorage에 유저가 있을시

login  버튼은 logout으로 변경해주고

로그아웃 클릭시 유저 정보 삭제와 메인으로 돌아가기

if (localStorage.getItem("name")) {
    // login 버튼 변경
    const loginButton = document.getElementById("login_button");
    loginButton.innerHTML = "<a href='#' id='logout_button'>Logout</a>";

    // 로그아웃
    const logoutButton = document.getElementById("logout_button");
    logoutButton.addEventListener("click", function() {
        // Clear Storage
        localStorage.removeItem("name");
        sessionStorage.removeItem("name");
        
        window.location.href = "https://seoulinternational.org/";
    });
}

 

 

 

javascript로 네이버 로그인 소셜 로그인 구현하기 1 (로그인)

https://newheee.tistory.com/135

 

javascript로 네이버 로그인 소셜 로그인 구현하기

네이버 개발자 센터 > application > 애플리케이션 등록 api 이용신청애플리케이션 이름 넣고 사용할 API 선택 (네이버 로그인)사이트에 필요하지 않은 정보까지 사용체크하면 검수시에 반려나니 사

newheee.tistory.com