FO/Controllers/AccountController.cs

@@ -844,6 +844,10 @@ namespace NP.FO.Controllers
         {
             return View();
         }
+        public ActionResult NaverCallbackJoin()
+        {
+            return View();
+        }
         public ActionResult KakaoCallback()
         {
             return View();

FO/FO.csproj

@@ -670,6 +670,7 @@
     <Content Include="Views\My\Document.cshtml" />
     <Content Include="Views\Account\NaverCallback.cshtml" />
     <Content Include="Views\Account\KakaoCallback.cshtml" />
+    <Content Include="Views\Account\NaverCallbackJoin.cshtml" />
   </ItemGroup>
   <ItemGroup>
     <Folder Include="App_Data\" />

FO/Views/Account/IndexBase.cshtml

@@ -107,14 +107,20 @@
         {
             clientId: "@naverClientId",
             callbackUrl: "https://www.ynicte.com/Account/NaverCallback",
-            isPopup: false,
+            isPopup: true,
-            loginButton: { color: "green", type: 3, height: 60 }, 
+            loginButton: { color: "green", type: 3, height: 60 }
         }
     );
 
     function loginWithKakao() {
-         Kakao.Auth.authorize({
+        Kakao.Auth.login({
-             redirectUri: 'https://www.ynicte.com/Account/KakaoCallback'
+            success: function (authObj) {
+                location.href = "https://www.ynicte.com/Account/KakaoCallback"
+            },
+            fail: function (err) {
+                alert("카카오 아이디로 로그인에 실패했습니다.");
+                console.log(JSON.stringify(err))
+            },
         })
     }
 

FO/Views/Account/Join.cshtml

@@ -263,7 +263,6 @@ else
             if (@Request["jointype"] == "3") {
                 $.when(
                     Kakao.init("@kakaoAppkey"),
-                    kakaoDisplayToken()
                 ).done(function () {
                     Kakao.API.request({
                         url: '/v2/user/me',
@@ -285,24 +284,5 @@ else
                
             }
         });
-
-        function kakaoDisplayToken() {
-            const token = getKakaoCookie('authorize-access-token')
-            if (token) {
-                Kakao.Auth.setAccessToken(token)
-                Kakao.Auth.getStatusInfo(({ status }) => {
-                    if (status === 'connected') {
-                        document.getElementById('token-result').innerText = 'login success. token: ' + Kakao.Auth.getAccessToken()
-                    } else {
-                        Kakao.Auth.setAccessToken(null)
-                    }
-                })
-            }
-        }
-        function getKakaoCookie(name) {
-            const value = "; " + document.cookie;
-            const parts = value.split("; " + name + "=");
-            if (parts.length === 2) return parts.pop().split(";").shift();
-        }
     </script>
 }

FO/Views/Account/JoinTSel.cshtml

@@ -32,15 +32,21 @@
     var naverLogin = new naver.LoginWithNaverId(
         {
             clientId: "@naverClientId",
-            callbackUrl: "https://www.ynicte.com/Account/Join?jointype=2",
+            callbackUrl: "https://www.ynicte.com/Account/NaverCallbackJoin",
-            isPopup: false,
+            isPopup: true,
             loginButton: { color: "green", type: 3, height: 60 }
         }
     );
 
     function loginWithKakao() {
-        Kakao.Auth.authorize({
+        Kakao.Auth.login({
-            redirectUri: 'https://www.ynicte.com/Account/Join?jointype=3'
+            success: function (authObj) {
+                location.href = "https://www.ynicte.com/Account/Join?jointype=3"
+            },
+            fail: function (err) {
+                alert("카카오 아이디로 회원가입에 실패했습니다.");
+                console.log(JSON.stringify(err))
+            },
         })
     }
 

FO/Views/Account/KakaoCallback.cshtml

@@ -7,30 +7,10 @@
     <script type="text/javascript" src="/js/kakao.js"></script>
 </head>
 <script>
-    function kakaoDisplayToken() {
-        const token = getKakaoCookie('authorize-access-token')
-        if (token) {
-            Kakao.Auth.setAccessToken(token)
-            Kakao.Auth.getStatusInfo(({ status }) => {
-                if (status === 'connected') {
-                    document.getElementById('token-result').innerText = 'login success. token: ' + Kakao.Auth.getAccessToken()
-                } else {
-                    Kakao.Auth.setAccessToken(null)
-                }
-            })
-        }
-    }
-    function getKakaoCookie(name) {
-        const value = "; " + document.cookie;
-        const parts = value.split("; " + name + "=");
-        if (parts.length === 2) return parts.pop().split(";").shift();
-    }
-
     var snsid;
     window.addEventListener('load', function () {
          $.when(
-            Kakao.init("@kakaoAppkey"),
+            Kakao.init("@kakaoAppkey")
-            kakaoDisplayToken()
         ).done(function () {
             Kakao.API.request({
                 url: '/v2/user/me',

FO/Views/Account/NaverCallback.cshtml

@@ -66,13 +66,16 @@
         }
     }
     function goJoin() {
-        location.href = "https://www.ynicte.com/Account/JoinTSel";
+        opener.location.href = "https://www.ynicte.com/Account/Join?jointype=2";
+        self.close();
     }
     function goHome() {
-        location.href = "https://www.ynicte.com";
+        opener.location.href = "https://www.ynicte.com";
+        self.close();
     }
     function goIndex() {
-        location.href = "https://www.ynicte.com/Account/Index";
+        opener.location.href = "https://www.ynicte.com/Account/Index";
+        self.close();
 
     }
 

FO/Views/Account/NaverCallbackJoin.cshtml

@@ -0,0 +1,12 @@
+@{
+    Layout = null;
+    @Html.Partial("./Partial/JS")
+}
+
+<script>
+    $(document).ready(function () {
+        opener.location.href = "https://www.ynicte.com/Account/Join?jointype=2";
+        self.close();
+    });
+
+</script>