이런 모양의 모달창을 만들고 인출 버튼을 누르면 실제 계좌 예금주를 확인하는 코드가 진행될 것이다. [Vue.js] 모달창 코드이다. 이건 자유롭게 예쁘게 구상하면 되고 여기서 중요한건 인출 이 버튼이다. 이제 이 버튼을 클릭하면 아래의 메서드가 실행된다. 포인트 인출 {{ paydto.paidamount }} 포인트 은행선택 국민은행 우리은행 신한은행 기업은행 SC제일은행 농협은행 외환은행 카카오뱅크 부산은행 우체국 대구은행 전북은행 제주은행 수협은행 씨티은행 경남은행 이용약관 동의 인출 닫기 은행 코드는 아래의 사이트에 가면 나와있다. 나는 대중적인 은행 몇개를 골라서 작성했다~ API-아임포트 api.iamport.kr [checkmyinfo() 메서드] 입력 한 은행 번호와 이름 계좌번호를 우선 ..

파이널프로젝트로 내가 맡았던 부분인 멤버 및 결제 코드를 리팩토링 하던 중 나는 .. 그냥 지나치고 싶었던 코드를 건들게 된다. 그게 바로 계좌실명조회... 원래는 본인인증을 통해서 멤버테이블의 전화번호와 이름이 본인 인증한 내용과 맞다면 출금이 되는 식으로 진행 했었다. 근데 사실은 그게 아닌걸 너무 잘 알고 있었고 건들이면 밑도 끝도 없을 것 같았지만 다음 프로젝트를 위해 빠르게 구현 해보았다. 생각보다 어렵지 않았다. 라고 매번 쓰는데 친구가 내 글을 읽더니 왜 쉽다~쉽다해 놓고 막상 어려운 것 같다고 해서 이번에는 설명을 좀 꼼꼼하게 작성 해보고자 한다. 근데 사실 난 설명을 잘 못하는 병이 있어서... [금융결제원 오픈 API] 우선 내가 파이널 프로젝트 기간에 계좌실명조회를 하려고 했을 때는 ..

[최종 완성본] [진행 순서] 네이버 아이콘 클릭 -> 네이버 로그인 창 -> 로그인하는 순간 -> 요청 값들을 가지고 -> redirect 페이지로 이동 -> Access Token 발급 -> 토큰을 이용해서 사용자 정보 가져오기 -> 사용자 정보가 DB에 있는지 확인 -> 없다면 회원가입 -> 있다면 자동 로그인 [네이버 아이콘 클릭] @click 이벤트를 만들어 놓고 아래의 method 실행 @click="naverlogin" 메서드 naverlogin() { let client_id = "본인 client_id" let redirect_uri = encodeURIComponent("redirct_url", "UTF-8") const state = this.generateRandomState() c..

2탄에서는 vue.js 에서 axios를 이용하여 데이터들을 param을 담아 보냈다. self.$axios.get("http://localhost:8181/members/certifications/redirect", { params: data }) 이제 back에서는 파라미터로 넘어온 것들을 이용하여 어떻게 처리해 주는지 코드를 적어보았다. controller로 params 을 받아 Service로 넘긴다. 그 후 포트원 api 가 요구하는 것처럼 토큰값을 얻어 본인인증 한 사람의 정보를 조회하여 현재 가지고 있는 DB의 내용과 맞춰 그 뒤의 프로세스들을 진행 할 것이다. [Java] Controller // 본인인증완료 후 빼내 온 정보 중 핸드폰 번호와 입력한 핸드폰 번호가 일치한지 확인하고 // ..