에러 케이스 문의
1. 알수 없는 에러
Nextjs 환경에서 다음 이미지와 같이 에러가 확인이 되는데 제가 에러 내용을 알수 있는 방법이 있을까요~?
2. 이미 위젯이 렌더링되어 있습니다. 다시 렌더링하려면 cleanup 을 먼저 호출해주세요. 이 부분으로 인한 에러가 나는걸까요?
3. cleanUp 함수 에러는 같은 경우는 샘플 예제를 활용해도 같은 에러가 발생되는걸로 확인이 되는데 실제 운영으로 배포 진행을 해도 문제가 없을까요?
샘플코드 Url https://developers.tosspayments.com/sandbox?frontend=react
토스페이먼츠 개발자센터
토스페이먼츠 결제 연동 문서, API, 키, 테스트 내역, 웹훅 등록 등 개발에 필요한 정보와 기능을 확인해 보세요. 결제 연동에 필요한 모든 개발자 도구를 제공해 드립니다.
24 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
지금 보면 렌더링을 2번 요청하시는 것 같습니다. 이부분 코드를 확인해 보시기 바랍니다.
렌더링 부분은 수정이 되었는데 알 수 없는 에러에 대해서는 어떻게 확인할 수 있을까요~?
이부분은 브라우저 콘솔에러를 확인해 주실수 있을까요?
네
캡처로 보내드리면 될까요?
어떤걸 했을때 저 에러가 발생하시나요?
위젯 렌더링은 되고 결제 요청 보낼때 에러 받으시는건가요?
상황은 로컬에 코드 수정을 했을때 발생하는 현상으로 확인됩니다.
개발 환경은 nextjs 15.2.3 버전 사용하고 있습니다.
예를들면 console.log(1) 넣고, 지우고 할때마다 발생합니다.
console.log(1) 이걸 빼면 발생안하신다는 건가요?
개발과정에서 소스 변경할때마다 해당 에러가 발생이 되고, console.log(1) 은 상황 예시 입니다.
이부분은 어떤 코드를 수정하시는 것인지 알수가 없기 때문에 저희가 답변드리기가 좀 애매합니다.
GitHub
tosspayments-sample-v1/payment-widget/nextjs at main · tosspayment...
토스페이먼츠 SDK v1 샘플 프로젝트입니다. . Contribute to tosspayments/tosspayments-sample-v1 development by creating an account on GitHub.
이 코드 그대로 돌려보실수 있을까요?
잠시만요
주신 소스로 확인 했을때는 에러가 확인 되지는 않습니다.
혹시 package.json에서 사용하는 모듈이 tosspayments-sdk 를 사용하는게 아니고,
payment-widget-sdk 로 사용해야 되는걸까요?
위젯 쓰신다고 하신것으로 아는데요. 그러면 payment-widget-sdk 를 사용하셔야 합니다.
https://docs.tosspayments.com/sdk/v2/js
문서에서 tosspayments-sdk 를 사용해서 결제 위젯을 연동하는 가이드가 있는데 payment-widget-sdk 무슨 차이인가요 ?
토스페이먼츠 JavaScript SDK | 토스페이먼츠 개발자센터
토스페이먼츠 JavaScript SDK를 추가하고 메서드를 사용하는 방법을 알아봅니다.
payment-widget-sdk 가이드는 어디서 확인할수 있을까요?
이게 v1 이냐 v2 냐의 차이네요. payment-widget-sdk 는 v1 용입니다.
기능의 차이는 없는 편이고 v2 는 nextjs 샘플이 없어서 payment-widget-sdk 으로 문제가 없으시다면 이걸 쓰시는게 좋을것 같네요.
v2는 카드, 간편결제, 계좌이체(퀵계좌이체), 가상계좌, 휴대폰, 상품권 결제를 지원이라고 적혀 있는데 v1에서도 동일하게 사용이 가능하나요?
https://docs.tosspayments.com/guides/v2/get-started/migration-guide#%EB%A7%88%EC%9D%B4%EA%B7%B8%EB%A0%88%EC%9D%B4%EC%85%98%ED%95%98%EA%B8%B0
두번째 QnA 보고 질문드립니다~
마이그레이션하기 | 토스페이먼츠 개발자센터
최신 버전의 토스페이먼츠 SDK로 마이그레이션하는 방법을 알아보세요.
상점관리자 관련으로 질문이 있는데 같이 해도 되나요?
네 동일하게 사용가능합니다
상점관리자도 물어보세요
네 v1에서도 모든 결제수단 전부 지원가능합니다.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.