javaScript로 카카오 로그인을 구현중인데 문의사항이 있습니다

JavaScript
1

문의 시, 사용하시는 SDK 버전 정보와 디벨로퍼스 앱ID를 알려주세요.
___ ID 1204996

   <script src="https://t1.kakaocdn.net/kakao_js_sdk/2.7.4/kakao.min.js" 
        integrity="sha384-DKYJZ8NLiK8MN4/C5P2dtSmLQ4KwPaoqAfyA/DfmEc1VDxu4yyC7wy6K1Hs90nka" crossorigin="anonymous">
    </script>

https://developers.kakao.com/tool/demo/login/login
해당 URL의 예제대로라면 로그인하고 돌아왔을 때

1-1)
var token = getCookie('authorize-access-token');
으로 token 값을 가져와서

태그 안에 값 셋팅 해주는게 정상적인 작동 맞지요?

버튼을 누를 때 마다 code 값이 바뀌긴 하지만
localhost:9000/login?code=-F_HoWTX26aA53-kl1Dkis7e19RFNKXh2HSe7jsLSt3Iz0VpMqEWKAAAAAQKP
토큰값을 제대로 가져오지 못하는 것 같아요.
(참고로 redirect_uri는 호출한 페이지랑 같은페이지 입니다)

1-2) 원래라면 토큰이 제대로 박혀서 getUserInfo(accessToken); 메서드만 호출하면 데이터를 가져오고 끝나는거 맞죠?

여기서 부터 삽질을 시작하는데,

window.onload = function(){
  const urlParams = new URLSearchParams(window.location.search);
  const code = urlParams.get('code');
}

으로 code를 받아와서 rest_api_key 값으로 client_id로 재요청을 해서 access_token을 받아서
getUserInfo()로 정보를 가져오고 있는데 이렇게 해도 상관없는지?

버전을 그냥
<script src="https://developers.kakao.com/sdk/js/kakao.js"></script> 을 쓰고
Kakao.Auth.login({}); 사용하면 되는지,
다만 이걸 사용하면 개발자 도구에 서드파트 뭐시기 에러가 뜨는데 어떡하면 되는지 궁금합니다.

2

안녕하세요.

아닙니다.
제공되는 데모는 어디까지나 구현 참고 용도 입니다.

데모는 JS SDK에서 접근토큰을 사용하고 있고 따라서 다음과 같이 처리하고 있습니다.

  1. JS SDK Kakao.Auth.authorize 사용하여 사용자에게 인가코드 요청
  2. 사용자가 동의하면 redirect_uri에 해당하는 카카오측 백엔드 서버로 이동
  3. 카카오측 백엔드 서버에서 접근토큰을 발급 받고 이를 쿠키에 담아 데모페이지로 다시 이동
  4. 데모 페이지에서 쿠키에서 접근 토큰을 꺼내 JS SDK에 할당 및 상태 조회

이 중 3, 4번은 데모 페이지의 JS SDK에서 접근토큰이 필요한 기능 사용하기에 추가된 내용으로
이처럼 JS SDK에서 접근토큰이 필요한 기능이나 API를 사용하지 않는다면 이러한 구현은 필요 없습니다.