[React] 아임포트(iamport) API 결제 기능 추가
·
Language/TIL
국비지원 파이널 프로젝트로 결제기능을 구현하게 되었다. 아임포트api를 사용하기로 했고 문서부터 정독했다. (참고) https://github.com/iamport/iamport-react-example/blob/master/manuals/PAYMENT.md 1. 세팅하기 (Payment.js) - 라이브러리 호출 React와 useEffect를 import 해준다. useEffect를 사용하는 이유는 브라우저가 이 파일을 처음 호출했을 때 useEffect의 내부코드가 변하는 것이 없다면 컴포넌트가 호출되는 첫 시점에 한번만 호출된다. 그리고 컴포넌트가 소멸하기 직전에 useEffect의 리턴을 호출한다. react에서 아래와 같이 jquery와 iamport 를 호출할 수 있다. import Reac..