# pg

25개의 포스트

사이드 프로젝트 pg와 typeorm

사이드 프로젝트 진행 시, typeorm을 사용하게 되었는데, 왜 사용하게 되었는지 디테일한 추가적인 부분을 멘토링하면서 생각하게 되어 글을 작성하게 되었다. 그렇다면 typeorm을 썼을 때 장점과 단점 pg를 쓰는 장점과 단점을 알아보도록하자. pg의 장점 직접 SQL 쿼리를 작성하기 때문에 추가적인 추상화 계층이 없다. 빠른 실행속도가 장점이다. 사용자가 직접 SQL 쿼리를 사용하기 때문에 복잡한 쿼리를 구현할 수 있다. 단점 개발 속도가 느리다는 것. 쿼리를 일일이 직접 작성해야하기 때문에 개발시간이 걸린다. 수정해야한다면, 유지보수할 때 일일이 쿼리를 수정해야하기때문에 어렵다. typeorm의 장점 데이터베이스 작업을 위해 메서드를 사용하여 CRUD 작업에 빠른 개발 속도를 가져올 수 있다. 타입스크립트와 통합되어 있어 타입 안정성을 확보한다. 다양한 데이

2일 전
·
0개의 댓글
·
post-thumbnail

iOS 앱에 결제위젯 연동하기

이 포스트는 토스비즈니스피드에서도 읽을 수 있습니다. 고객의 결제 경험은 매출과 연결되기 때문에 앱의 매우 중요한 부분이죠. 결제를 웹뷰로 연동할 수도 있지만, 웹뷰는 속도가 비교적 느리고 UI가 제한적이에요. 모바일 앱에서 결제를 빠르고 간편하게 연동하고 싶다면 토스페이먼츠 Native SDK를 사용해보세요. 지난번에는 Android에서 결제위젯을 연동해봤는데요. 오늘은 UIKit, SwiftUI 프레임워크의 차이점을 알아보고 iOS 앱애 결제위젯을 연동해볼게요. SwiftUI vs UIKit, 뭘 사용해야 돼요? 토스페이먼츠 SwiftUI vs UIKit Swift 개발자라면 UIKit

2023년 8월 2일
·
3개의 댓글
·
post-thumbnail

Android 앱에서 결제 주문서 만드는 방법

이 포스트는 토스비즈니스피드에서도 읽을 수 있습니다. 토스페이먼츠는 Android, iOS SDK를 제공하고 있는데요. 만약 Android 개발이 처음이라면 SDK 연동이 어려울 수 있어요. 이번 포스트에는 Android의 4대 컴포넌트 중 하나인 액티비티(Activity)가 뭔지 알아보고 토스페이먼츠 Android 결제위젯 SDK로 간단한 결제 주문서 화면을 만들어볼게요. 액티비티(Activity)란? 앱은 보통 홈 화면, 로그인 화면, 결제 화면 등 여러 화면으로 구성되어 있는데요. Android 액티비티(Activity)는 앱의 화면이에요. 앱을 켰을 때 바로 보이는 홈 화면은 보통 ‘메인 액티비티’라고 불러요. 결제

2023년 7월 19일
·
1개의 댓글
·
post-thumbnail

[NestJS] 주문처리과정을 통해 알아보는 수익률 랭킹 조회 (Part 2_ 주문처리와 결제기능 구현) #2

시작하기에 앞서 바로 직전 포스팅에서 우리가 수행하고자 하는 주문처리과정을 위한 "데이터베이스 설계"를 수행하였다. Part 1_ DB 설계 (링크참조) 이번 포스팅에선 설계한 테이블 구조와 필드 값들을 바탕으로 주문/결제 로직을 수행해보기로 한다. 💢 사전 로직 설계하기 (주문 로직 전) 주문 로직을 수행하는데 있어 테이블 설계도 마찬가지이지만 주문 로직을 설계하는 과정에 "주문(Order)"에 해당하는 서비스 레이어만 필요하진 않을 것이다. > 1. 먼저 관리자(admin) 권한의 상품(product)이 생성되어있어야 할 것이고 해당 상품은 판매 대리인(ambassador) 개개인의 link에 포함되어야 할 것이다. 이러한 `l

2023년 6월 29일
·
0개의 댓글
·
post-thumbnail

웹 개발자가 알아야 할 카드결제 시스템의 구조

웹 개발을 하다보면 카드결제 시스템을 연결해야할 때가 있습니다 결제 시스템에 대한 글을 찾아봐도 비인증 키인이니 지급결제서비스니... 너무 어렵죠.. 우리나라는 안전한 결제 시스템을 구축할 수 있도록 규제 법령이 많기 때문이에요...!! 오늘은 누구나 이해하기 쉽게이해할 수 있도록 !! 국내에서 서비스되고 있는 카드결제 시스템이 왜 이렇게 복잡한지와 카드결제 시스템에 대한 다양한 정보를 전달드리겠습니다. 👍 처음듣는 개념 PG와 VAN 우리나라의 주된 카드 결제 시스템 구조 도식 1. VAN이란 VAN사는 카드사에 카드정보를 전달하는 중간업체입니다. VAN사는 PG 또는 카드 단말기가 수집한 카드정보가 안전하게 안전하게 카드사로 전달 될 수 있도록 하는 일을 합니다. 이를 위한 API 등

2023년 6월 9일
·
4개의 댓글
·
post-thumbnail

포트원(portone) 결제 API

이번에 과제로 외부 API인 결제솔루션 Portone(Iamport)를 이용해서 결제 API 만들기 실습을 보았다. 예전부터 배워보고 싶었던 부분이여서 설렜지만, 별도의 강의 없이 맨바닥에서 완성해보는 첫 과제여서인지, 어디서부터 어떻게 시작해야 하는지부터 감도 못잡고..힘들었다.. 하지만 해당 API를 만들면서 현직에서 일하시는 개발자분들은 이런식으로 일을 하시는구나 하고 많은 걸 느낄 수 있었던 계기가 된 것 같다. 그래도 내가 작성한 코드로 실제로 결제가 이루어지고 결제취소까지 구현될 때는 나름 뿌듯하기도 했던 경험이었다. 이제 어떻게 구현했는지 기록을 하려 한다. 하지만.. 온전히 정답이라고는 할 수 없으니 흘린 건 흘려가면서 읽어주길 바란다! 아니 잘못된 부분은 따로 알려주면 더 감사...합니다 💆🏻‍♂️ 일단 간단하게 결제 프로세스에 대해 알아보자. >결제 프로세스 구매자가 구입할 상품에 대한 정보와 금액을 판매자에게 전달 판매자는

2023년 4월 26일
·
2개의 댓글
·
post-thumbnail

Apple Pay를 연동하는 세 가지 방법

3월 21일, 국내 iPhone 유저들이 오랫동안 기다려온 애플페이가 한국에 도착했는데요. 첫날에만 17만 명이나 가입했다는 소식도 있었죠. 앞으로 애플페이 사용자는 점점 늘어날 것으로 보여요. 단말기 제약이 있는 오프라인과 달리, 온라인에는 바로 애플페이를 연동할 수 있어요. 이번 포스트에서는 토스페이먼츠로 내 쇼핑몰에 애플페이를 연동할 수 있는 세 가지 방법을 알아볼게요. 애플페이 사용할 때 주의하세요 먼저, 애플페이를 연동할 때 다음 주의점을 기억해주세요. ❗️Safari, iOS 환경에서 사용하세요 PC 환경에서는 Safari만, 모바일 환경에서는 iOS만 애플페이를 사용할 수 있어요. Google Chrome 등 다른 웹 브라우저에서 애플페이를 연동하면 아래와 같은 에러를 받을 수도 있어요. 결제 연동에 어려움을 겪고 있다면 반드시 개발 환경을 다시 살펴보세요. ![애플페이 미지원 OS/브라우입니다 에러](https://velog.velcdn.c

2023년 4월 17일
·
0개의 댓글
·
post-thumbnail

결제 요청, 인증, 승인… 이게 다 뭔가요?

결제 연동할 때, 이런 의문 가져보신 적 없으세요? 결제창을 띄워서 결제 요청에 성공했는데, 여기서 끝난 게 아니라 ‘승인 요청’까지 해야 결제 완료라고 하네요. 결제 요청과 승인은 어떻게 다르고, 왜 따로 처리해줘야 하는 걸까요? 결제 요청 과정 쪼개보기: 요청-인증-승인 결제 흐름.png PG사 입장에서 결제 요청은 구매자가 사려는 상품 정보, 구매자 정보 등을 전달해 결제창을 띄우고 이 정보를 제출하는 과정까지에요. 토스페이먼츠 결제창으로 생각해보면, 카드사를 선택하고 ”다음” 버튼을 선택해 카드사 창이 뜰 때 결제 요청이 된다고 볼 수 있죠. 요청 후에는 두 가지 과정이 차례로 진행되어야 하는데요. 카드사의 결제 인증 처리, 그리고 가맹점의 결제 승인 요청이에요. 각 단계에 대해 자세히 알아볼게요. 1-1. 결제 요청

2023년 4월 5일
·
0개의 댓글
·
post-thumbnail

Android, iOS 웹뷰에서 딥링크 열기

딥링크, 커스텀 링크, App Link… 이게 다 뭔가요? 네이티브 앱 개발자라면 한 번쯤 들어봤을 용어인데요. 이번 포스트에서는 각 딥링크 유형의 특징과 차이점을 자세히 알아보고, Android와 iOS 웹뷰에서 딥링크로 국내 카드앱·은행앱으로 이동하는 예시를 살펴볼게요. 딥링크란? 딥링크란? 웹링크가 사용자를 특정 웹사이트로 이동시키듯이, 딥링크는 사용자를 특정 앱으로 이동시켜서 원하는 화면을 보여주거나, 사용자 액션을 유도해요. 예를 들어, 사용자가 온라인 쇼핑몰에서 결제 수단으로 토스페이를 선택해요. 그럼 위 그림에 있는 왼쪽 화면이 나오고 ‘다음’을 누르면 토스 앱의 결제 페이지로 이동하죠. 딥링크를 사용했어요! 앱의 사용자를 늘리거나 마케팅 캠페인에 굉장히 유용해요. 사용

2023년 3월 27일
·
5개의 댓글
·
post-thumbnail

React로 결제 페이지 개발하기 (ft. 결제위젯)

안녕하세요! 결제 페이지 개발하기 포스트에서 받은 뜨거운 반응에 힘을 입어 React 버전으로 돌아왔어요. 이번에도 많은 관심 부탁드려요. 🤗 오늘은 결제 연동을 쉽게 풀어 주는 결제위젯 React 프로젝트를 소개해요! 결제위젯은 한 번 연동하면 다양한

2023년 3월 6일
·
12개의 댓글
·

[ERROR] Could not resolve "pg-native"

상황 해결 .yarnrc.yml packageExtensions에 pg 추가하기

2023년 2월 23일
·
0개의 댓글
·
post-thumbnail

포트원과 토스페이먼츠로 결제 FLOW 살펴보기

내가 쇼핑몰을 설립했다고 가정해보자. 결제 수단이 무통장 입금밖에 없다면 아무도 내 쇼핑몰을 이용하지 않을 것이다. 그렇다고 카드결제를 하기위해 수많은 카드기업들과 계약을 할수도 없는 노릇이다. >쉽게 카드결제를 도입하기 위해서 존재하는것이 결제대행사 PG(payment gateway)이다. 우리는 PG와 계약해 카드 결제서비스를 손쉽게 구축할 수 있다. PG(결제 대행사) > PG사는 여러 카드사와 계약을 채결하고 개인 사업자에게 수수료를 받으며 결제 및 지불을 대행하는 회사를 말한다. 카드 결제 뿐만 아니라 계좌이체, 소액결제 등 다양한 결제를 지원하며, 매출을 집계해 사업체 관리를 용이하게 해준다. 포트원(아임포트) >카드회사가 많은것처럼 PG회사또한 많이 있고, 요즘에는 간편결제(카카오페이, 네이버페이)와 같이 카드사를 직접 경유하지 않는 서비스 등 결제에 신경쓸게 많아졌다. >포트원은 모든 PG회사와 간편결제를 쉽게 계약과 연동을 지원해주고, 테스트또한

2023년 2월 16일
·
7개의 댓글
·
post-thumbnail

30분 안에 결제 페이지 개발하기 (ft. 결제위젯)

결제 페이지는 개발할 요소가 많아요. 제품 정보, 결제 금액, 결제 수단, 이용약관 모두 하나부터 열까지 디자인하고 개발해야 돼요. 특히 여러 결제 수단을 연동하고 있다면, 각 수단의 결제창을 따로 연동해야 돼요. 이렇게 어려운 결제 연동, 토스페이먼츠가 결제위젯으로 쉽게 풀어드려요! 😊 결제위젯은 한 번 연동하면 다양한 결제 수단과 커스텀 디자인을 노코드(No-code)로 제공하는 서비스입니다. 이번 포스트에는 결제위젯으로 간단한 온라인 결제 페이지를 만들어볼게요. 마지막에 토스페이먼츠 결제전담팀을 빌려갈 수 있는 이벤트도 있으니, 끝까지 읽어주세요. SDK 추가 결제 페이지의 ``

2023년 2월 14일
·
2개의 댓글
·
post-thumbnail

Basic 인증과 Bearer 인증의 모든 것

HTTP 인증(Authorization)은 웹 서버의 비밀번호 같은 역할을 해줘요. 비밀번호로 이메일 계정의 권한을 확인하는 것 처럼, HTTP 인증으로 서버에 접근하는 클라이언트의 권한을 확인해요. 이번 포스트에는 HTTP 인증 프레임워크와 Basic, Bearer 인증 방법을 알아볼게요. HTTP 통신 방법 HTTP 통신은 요청(Request)과 응답(Response)으로 HTML 문서 및 웹 리소스를 불러와요. 요청과 응답은 클라이언트-서버 간에 이루어져요. 클라이언트(보통 웹브라우저)가 서버에 요청을 보내면, 서버는 요청한 리소스를 보내줘요. HTTP 통신에는 인증이 왜 필요할까요? 예를 들어 블로그 포스트를 하나 작성했다고 가정해볼게요. 내가 작성한 블로그 포스트, 나만 수정할 수 있어야 겠죠. 블로그 포스트, 이메일과 같이 보호된 서버 리소스를 접근하는 클라이언트의 인증 정보(Credentials)를 확인해요. [HTTP 인증 프레임워크](https://dev

2023년 1월 26일
·
7개의 댓글
·
post-thumbnail

멱등성이 뭔가요?

멱등(Idempotent)하다는 것 생소한 표현이지만 알고 보면 쉬워요. 컴퓨터 과학에서 멱등하다는 것은 첫 번째 수행을 한 뒤 여러 차례 적용해도 결과를 변경시키지 않는 작업 또는 기능의 속성을 뜻해요. 즉, 멱등한 작업의 결과는 한 번 수행하든 여러 번 수행하든 같습니다. 예를 들어, 어떤 숫자에 1을 곱하는 연산은 여러 번 수행해도 처음 1을 곱한 것과 같은 숫자가 되기 때문에 멱등해요. 마찬가지로 숫자의 절대값을 계산하는 절대값 함수는 같은 값에 대해 여러 번 수행해도 처음과 항상 같은 숫자가 돌아오기 때문에 멱등 함수라고 불러요. HTTP 메서드의 멱등성 HTTP 메서드에도 멱등성이 있어요. 예를 들어 GET은

2023년 1월 11일
·
8개의 댓글
·
post-thumbnail

payment

pg에 대한 결제 시스템을 사용하기 위해서는 api를 요청해야한다!!! API란 무엇인가? API는 정의 및 프로토콜 집합을 사용하여 두 소프트웨어 구성 요소가 서로 통신할 수 있게 하는 메커니즘입니다. 예를 들어, 기상청의 소프트웨어 시스템에는 일일 기상 데이터가 들어 있다. 휴대폰의 날씨 앱은 API를 통해 이 시스템과 ‘대화’하여 휴대폰에 매일 최신 날씨 정보를 표시한다. 결제 관련!!!!!! 1.결제 프로세스 이해 결제승인 과정: pg사의 승인을 받기 위한 ppt를 작성해야 한다... 결제승인 주의사항: 경매, 도박, 결제금액 직접입력 ❌ 결제승인 일정: 기능구현 + 3주일(물리적으로!!)=>개발자의 일정(굉장히 중요하며, 어긋나게 된다면 서비스 전체가 흔들림...;.;.;.;.;) 1.

2022년 12월 12일
·
0개의 댓글
·
post-thumbnail

버전 2022-11-16 업데이트 소식

토스페이먼츠 버전 2022-11-16이 나왔어요! 약 4개월 만의 버전 업데이트인 만큼 많은 변화가 있는데요, 어떤 변화가 왜 있었는지 알려드려요. 숫자 기관 코드 이번 릴리즈에 가장 큰 변화는 은행, 카드사 필드에 있어요. 필드 값의 한글·영어 코드를 숫자 코드로 대체했어요. 왜 숫자 코드를 사용해요? 1️⃣ 응답 일관성 API의 Accept-Language 헤더, 브라우저 환경에 따라 응답이 한글 또는 영어로 왔어요. 응답 언어를 예측하기 어려워서 상점에서 두 언어를 모두 대응해야 하는 불편함이 있었어요. 상점에서 API 응답을 더 쉽게 대응할 수 있도록 다국어 환경에서 일관성 있게 돌아오는 숫자 코드를 사용하기로 했어요. 2️⃣ 기관 코드 관리 제일은행을 기억하시나요? 외환위기 이후 SC제일은행이 되었죠. 은행이나 카드사 이름은 언제든 바뀔 수 있는데, 한글·영어 코드는 한 번 설정하면 토스페이먼츠에서 변경하기 어려워요. 토스페이먼

2022년 11월 29일
·
1개의 댓글
·
post-thumbnail

토스페이먼츠 기술 블로그에 오신 것을 환영해요

커버 이미지 온라인 비즈니스를 하려면 PG 연동이 꼭 필요합니다. 하지만 그 과정은 개발자들에게 고통스럽고 복잡했어요. 토스페이먼츠는 PG를 연동하는 개발자 경험을 수호하고 완전히 새로운 경험을 드리기 위해 직관적인 API, 편리한 개발자센터, 읽기 쉬운 문서를 만들고 있어요. 개발자 경험을 수호하는 활동의 일환으로 기술 블로그를 시작하려고 해요. 좀 더 쉽고 재밌는 컨텐츠로 결제 연동을 학습할 수 있도록 도울게요. 이런 주제들을 다룰 예정이에요. 버전 업데이트 소식 새 기능 소개 기술 & 금융 개념 소개 Open API 이해하기 가맹점 연동 사례 및 인터뷰 테크니컬 라이팅 소개 기술적으로 딥다이브하는 주제도 있겠지만, 기술 뿐만 아니라 결제 연동 과정에 필요한 다양한 정보

2022년 11월 29일
·
3개의 댓글
·
post-thumbnail

28일차) 결제 프로세스(결제 시스템 구현)

✍결제프로세스 > `포인트를 충전하는 전체적인 과정` > 사용자가 브라우저에서 충전하기 버튼 클릭 충전하기 창에서 원하는 금액을 선택하고 결제 진행 개인 결제수단(신용카드 / 카카오페이 등)에서 빠져나간 금액만큼 사용자의 포인트 증가 > ### 📌 결제 프로세스에서 각 업체의 역할들 카드사 각각의 카드사마다 결제 시스템이 다르고 지원하는 방법이 다름 그래서 개인이나 회사가 카드사와 직접 연결하는 경우는 거의 불가능 PG(Payment GateWay) 각각의 카드사와 연결하는 작업을 대신해주는 곳 ex) NHN, 나이스페이, KG이니시스 결제 솔루션 PG사의 가이드에 맞추어 결제 시스템을 구축하는 작업을 대신 해주는 결제 솔루션 업체

2022년 8월 15일
·
0개의 댓글
·
post-thumbnail

VAN vs PG

출처: KG 모빌리언스 VAN(Value Added Network)? VAN이란 이름 자체는 부가가치 네트워크를 의미한다. 굉장히 모호한... 정의... 회선을 소유하는 사업자로부터 통신 회선을 빌려 독자적인 통신망을 구성하고 거기에 어떤 가치를 부가한 통신망이라고 보면되는데, 우리나라에서는 네트워크 망을 이용한 거래 시스템이라는 보괄적인 비즈니스 모델이라 이해하면 될듯하다. VAN 사 > 카드사와 카드 가맹점 간 네트워크를 구축하고 고객 카드 사용에 대한 승인을 가맹점과 카드사 사이에서 중개해주는 역할. POS, 단말기 등의 프로그램을 제공하여 카드사와 가맹점 승인을 중개하고 그 승인 건에 대한 매임처리를 관리하는 업체 가맹점은 카드사 마다 개별 계약하는 형태가 아니라 VAN 사를

2022년 5월 17일
·
0개의 댓글
·