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

문의 시, 사용하시는 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({}); 사용하면 되는지,
다만 이걸 사용하면 개발자 도구에 서드파트 뭐시기 에러가 뜨는데 어떡하면 되는지 궁금합니다.

안녕하세요.

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

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

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

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