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

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

파이널 프로젝트의 전체적인 페이지 디자인을 맡아 진행 했기 때문에 그 첫번째 일로 제일 기준이 되는 네비게이션 바를 만들었다. [완성본] 팀원들과 회의하면서 구현 된 디자인이 아래와 같으니 이정도면 꽤나 만족스러운 아웃풋이라고 할 수 있다 [App.vue] app.vue에 NavBar 를 import 시킨다. 개인 캘린더 서비스를 하기 때문에 굳이 모든 이들에게 네비바를 보여줄 필요는 없다. 따라서 로그인 전에는 NavBar를 보여 주지 않게 설정한다. [nav.vue] localStorage를 사용하여 네비바를 응용한다 plan + tiful 마이페이지 캘린더 구독 채팅 공모전

vue.js 에서 axios를 이용하여 백단에게 데이터를 넘겨주었다면 백엔드에서는 해당 값들을 이용하여 카카오톡 서버와 통신하여 값을 주고받는 일을 한다. [컨트롤러] package com.example.demo.kakaologin; import java.util.HashMap; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.web.bind.annotation.CrossOrigin; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.PathVariable..