이제 내가 완성한 최종 코드! 내가 구현 한 본인인증은 아래와 같은 방식으로 진행된다. 포인트 인출 클릭 -> 인출 관련 내용을 적는 모달창 -> 이용약관 동의 -> 인출 [vue.js] 포인트 인출 클릭 포인트 인출 팝업 모달창 포인트 인출 {{ paydto.paidamount }} 포인트 은행선택 이용약관 동의 인출 닫기 인출 이용약관 계좌 개인정보 서비스 이용 약관 제1조(목적) 이 약관은 〇〇은행(이하 “은행”이라 합니다.)과 이용자 사이의 ~~~~~~ 너무 길어서 생략!! 동의 거부 인출 버튼 클릭 checkmyinfo() { const self = this; const bankselect = document.getElementById('bankselect'); const accountname ..

[최종 구현 서비스] 포트원을 이용한 본인 인증을 구현해보려고 한다. 포트원, 온라인 비즈니스를 위한 통합 결제 솔루션 코드 한 줄로 세상 모든 방식의 결제를 경험해보세요 portone.io 해당 사이트에서 어떤 api 로 본인인증을 할 것인지 골라야 한다. 보통은 아래처럼 다날 서비스를 많이 이용하는데 다날은 한 건당 50원이 발생하여 포기... 테스트잖아 이것 드라.. 왜 돈 받는데 그래서 나는 kg이니시스 본인 인증으로 진행했다. 아직 가난한 취준생이니까.. [테스트 연동] 결제 api 를 진행했던 순서와 비슷하다. 똑같이 결제연동을 해주면 되고 kg이니시스의 본인인증 기능을 테스트 버전으로 등록한다. 혹시 결제 api 순서를 보고 싶으면 아래의 링크로! [Rest Api] 아임포트를 이용한 KG이..

1편에서는 kg이니시스 결제 창을 띄우는 것 까지 해봤다. 사실 api 가 문서를 읽고 분석하는데 제일 오랜 시간이 걸리지 한번 해 놓기만 하면 그렇게 화려한 기능이 아닐 수 가 없다. 약간 뭔가 되게 많이 한 기분.. 많이 한 척 할 수 있음... 핫 그렇다면 이제 결제가 성공 했는지 안했는지 확인을 어떻게 해야 하는지 알려면 문서를 또 봐야한다. [문서확인] 아래의 아임포트 github에서 README.md를 클릭하여 조금 내리면 아래와 같은 메세지를 만날 수 있다. GitHub - iamport/iamport-manual: 아임포트(iamport) 결제연동을 위한 매뉴얼입니다. 아임포트(iamport) 결제연동을 위한 매뉴얼입니다. Contribute to iamport/iamport-manual ..

파이널 프로젝트에 결제 기능이 필요하여 알아보던 중 카카오에서 제공하는 카카오페이와 아임포트에서 제공하는 api기능을 제일 많이 사용하는 것을 확인할 수 있었다. 카카오로그인을 진행하면서 나름? 카카오 api 사용에 익숙해져 있던 터라 카카오페이를 구현했지만 우리 엄마는 카카오페이를 안 쓰는데.... 생각하니 너무 한 가지에 국한되어 있다는 생각을 하게 되었다. 그래서 이왕 한 거 정말 다양한 카드사들도 연동가능하게 구현을 해 보고 싶어서 아임포트를 이용한 결제 기능을 구현해 보았다. [아임포트란] 국내 PG결제 연동을 쉽게해주는 결제 API이다. 여기서 PG란 Payment gateway의 약자인데, 신용카드사와 직접 계약하기 어려운 온라인 쇼핑몰을 대신해 결제와 정산 업무를 대행해 주는 업체이다. [..