FrontEnd21 React Router를 활용한 Toss Payments Redirect 처리 Toss Payments를 사용하는 프로젝트에서는 결제 성공/실패 후 Redirect URL로 사용자를 안내해야 합니다. 이 과정에서 URL 파라미터를 통해 결제 상태를 전달받아 처리하고, 적절한 페이지로 리디렉션하는 로직을 구현할 수 있습니다.아래는 Toss Payments의 성공 및 실패 Redirect 처리 컴포넌트를 구현하는 방법과 관련된 내용을 설명합니다.1. Redirect URL 설정Toss Payments 요청 시 successUrl과 failUrl을 설정합니다. 이 URL로 결제 성공 또는 실패 후 리디렉션됩니다.tossPayment.requestPayment('카드', { amount: productAmount, orderId: id, orderName: name, .. 2022. 10. 12. Toss Payments를 활용한 결제 기능 구현하기 Toss Payments는 간편하고 안전한 결제 시스템을 제공하며, React 프로젝트에서 쉽게 적용할 수 있습니다. 이번 글에서는 Toss Payments SDK를 사용해 결제 기능을 구현하는 방법을 단계별로 설명하겠습니다. 1. 결제 함수 구현결제 요청을 처리하는 useTossPayment 함수입니다. 이 함수는 사용자 데이터를 저장하고 Toss Payments로 결제를 요청합니다.import { loadTossPayments } from '@tosspayments/payment-sdk';import Swal from "sweetalert2";const useTossPayment = async (id, name, price, url, rcpName, addrPost, addr1, addr2, phon.. 2022. 10. 12. npm install node-sass error node-sass 설치 후 Error: ENOENT: no such file or directory, scandir '/usr/local/lib/node_modules/node-sass/vendor' 문제 발생 시 sudo npm install -g --unsafe-perm node-sass 로 설치 시 해결 2021. 12. 13. 이전 1 2 3 4 다음