이번에 회사에서 운영하는 서비스의 결제 방식을 나이스페이먼츠에서 토스페이먼츠로 변경하게 되었다.
그래서 토스 연동을 시작하며 관련 자료를 포스팅 하려던 찰나, 연동 테스트 API를 호출하려고 간단한 테스트 코드를 삽입했는데 오류가 발생했다.
대체, 왜?
구글링을 하다가 다행히 문제를 해결할 수 있는 팁을 얻어 나도 기록해보려 한다.
사실 문제를 해결하기까지도 대체 뭐 때문인지,. 망연자실 하고 있었던 나였다. , .
일단 해당 오류 원인은 이러했다.
카카오에서 제공하는 카카오 맵 SDK 에서 javascript native Map을 활용하고 있는데, 또다른 스크립크에서 Map객체를 덮어 씌워서 문제가 발생한 것이라고 한다.
해결 방법은, 카카오 맵 SDK보다 우선적으로 import하니 오류 없이 정상적으로 토스 페이먼츠 연동 테스트 위젯이 활성화 되었다.
출처에 기록한 글의 카카오에서는 동일한 이슈가 빈번히 발생하여 위와 같은 이슈가 발생하지 않도록 우회하도록 수정을 하였다고 했는데 왜 때문인지 우리 회사 프로젝트에서는 먹통이였다.,
정말 내가 문법을 잘못 작성해서 오류가 날 때도 있지만 이렇게 나도 모르게 오류가 발생하는 경우에는 스크립트 위치.,도 한번 의심해보면 좋을 것 같다. 역시 개발자는 의심을..
그래도 해결할 수 있어서 정말 다행이다,,.... 토스 연동하기 정말 쉽다고 안내를 받았는데 :) ............. ,,
이제 다시 이어서 작업을 해볼까 한다 !
[ 출처 : https://devtalk.kakao.com/t/uncaught-typeerror-t-has-is-not-a-function/116412 ]
'javascript' 카테고리의 다른 글
javascript에서 현재 URL의 원하는 파라미터 값 추출하는 방법 (0) | 2023.06.01 |
---|---|
javascript에서 var, let, const 차이점을 알고 사용해보자. (0) | 2023.06.01 |
jquery로 특정 클래스를 가진 요소를 한번에 여러개를 찾아서 클래스를 변경하는 방법 (0) | 2023.05.17 |
jquery로 쿠키 생성/수정/삭제하는 방법 (0) | 2023.05.17 |
[js] 꽃가루 날리는 효과 (0) | 2023.05.16 |