정보글 (4) 썸네일형 리스트형 포트원(아임포트) 이용하여 결제 구현하기 부트캠프의 마지막 프로젝트로 무료 취소 불가한 숙박 상품 거래 플랫폼을 만들게 되었고 그 중 결제부분을 맡게 되었다. 우리 서비스가 네고기능도 있고 여러가지의 상태값, 예를들어 상품상태, 네고상태, 주문상태...에 따라서 처리해야할 것들이 많아서 결제만 깔끔하게 딱 이루어진 코드는 없지만 각 상태에 따라서 결제를 어떻게 처리 했는지 기록해보려고 한다. pg사 연동 코드를 찾는 이들에게 조금의 도움이 될까 싶어 끄적끄적 적어보았다 ERD 프로젝트의 전체적인 erd는 위와 같고 내가 집중해서 봐야하는 쪽은 아래 확대한 부분이다 상품 테이블: 등록된 상품에 대한 정보 주문 테이블: 결제 상세 페이지에 들어가게 되었을때 저장되는 주문 관련 정보 네고 테이블: 네고를 진행 했을시 저장되는 정보 결제 테이블: 결제.. 포트원(아임포트) 알아보기 💡 PG사란 ? : Payment Gateway 의 줄임말 구매자와 판매자 사이에서의 이뤄지는 결제를 안전하게 할 수 있도록 대행해주는 역할을 담당 대표적인 PG사로는 KG 이니시스, NHN, KCP, LGU+ 등이 있으며, 모바일 환경으로는 KG 모빌리언스, 다날, 카카오Pay 등이 있다. 포트원(아임포트) 연동 준비 1. 포트원 회원가입 후 테스트 결제대행사 추가 포트원: https://admin.portone.io/ 위 주소로 들어가서 회원가입 후 '결제연동' 탭으로 이동후 원하는 결제대행사 테스트로 추가한다 나는 KG이니시스를 선택하였다 2. 결제 연동하기 사실 프론트의 결제 연동하는 코드는 위에 올렸던 메뉴바 가장 아래에 위치해있는 '콘솔가이드'에 자세히 나와있다 https://developer.. [React] CRA 프로젝트 초기 설정 리액트 Create-React-App 프로젝트 초기 설정하면 좋을것들에 대하여 정리해 보았다 CRA 설치하기 //npx create-react-app 프로젝트명 npx create-react-app projectname CRA를 설치하고 나면 많은 폴더들과 파일들이 생긴다 이중에서 필요없는 파일들과 내용을 제거 하려고 한다! Public Src favicon.ico App.css index.html App.js logo192.png App.test.js logo512png index.css manifest.json index.js robots.txt logo.svg reportWebVitals.js setupTests.js 위의 표와 같이 필요없는 파일을 삭제한다 그리고 해당 파일이 import되어 있는.. Firebase란 이 글은 Firebase의 기능들을 간단하게 요약한 글입니다! Firebase란? 파이어베이스(Firebase)는 2011년 파이어베이스(Firebase, Inc)사가 개발하고 2014년 구글에 인수된 모바일 및 웹 애플리케이션 개발 플랫폼이다. 안드로이드 프로젝트에 firebase 추가하기(아래 과정) 1)firebase 웹 사이트로 이동하여 json파일 다운로드 2)다운로드한 json 파일을 [Firebase]-[app] 디렉토리 아래에 놓기 3)firebase SDK 추가 App Check 수신 트래픽이 앱에서 시작되었는지 확인하고 유효한 사용자 인증 정보가 없는 트래픽을 차단하여 서비스에 대한 액세스를 보호하는 추가 보안 레이어 승인된 request 와 승인되지 않은 request 확인 가능 확인.. 이전 1 다음
