Skip to content

πŸ’³βœ¨πŸ“˜ TypeScript type definitions for PortOne (formerly Iamport) / κ΅­λ‚΄ PG κ²°μ œμ—°λ™ μ„œλΉ„μŠ€, ν¬νŠΈμ›(ꡬ μ•„μž„ν¬νŠΈ)λ₯Ό μœ„ν•œ νƒ€μž…μŠ€ν¬λ¦½νŠΈ νƒ€μž… 선언을 μ œκ³΅ν•©λ‹ˆλ‹€.

Notifications You must be signed in to change notification settings

junhoyeo/iamport-typings

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

43 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

credit-cardman-mage
Iamport Typings

κ΅­λ‚΄ PG κ²°μ œμ—°λ™ μ„œλΉ„μŠ€, ν¬νŠΈμ›(ꡬ μ•„μž„ν¬νŠΈ)λ₯Ό μœ„ν•œ νƒ€μž…μŠ€ν¬λ¦½νŠΈ νƒ€μž… 선언을 μ œκ³΅ν•©λ‹ˆλ‹€.

βš”οΈ μ‚¬μš©ν•˜λŠ” κ³³

PocketLesson

πŸ“¦ μ„€μΉ˜

npm install -D iamport-typings
# Or using yarn
yarn add -D iamport-typings

νŒ¨ν‚€μ§€λ₯Ό μ„€μΉ˜ν•©λ‹ˆλ‹€.

πŸ“Œ λ‘œλ“œλ§΅

λ©”μ†Œλ“œλ³„ 지원 μƒν™©μž…λ‹ˆλ‹€. PR은 μ–Έμ œλ‚˜ ν™˜μ˜! πŸ™Œ

  • init
  • request_pay
  • agency
  • certification
  • close
  • communicate
  • naver_zzim

πŸš€ μ‚¬μš© 방법

// tsconfig.json
{
  "compilerOptions": {
    "types": ["iamport-typings"]
  }
}

μ‚¬μš©ν•  ν”„λ‘œμ νŠΈ 루트 디렉토리에 μžˆλŠ” tsconfig.json 파일의 compilerOptions.types에 iamport-typingsλ₯Ό μΆ”κ°€ν•˜κΈ°λ§Œ ν•˜λ©΄ 끝!

const { IMP } = window;

Window μΈν„°νŽ˜μ΄μŠ€λ₯Ό ν™•μž₯ν•˜κΈ° λ•Œλ¬Έμ—, 기쑴처럼 μœ„μ™€ 같이 λ°”λ‘œ μ‚¬μš©ν•  수 μžˆλ‹΅λ‹ˆλ‹€! πŸ˜‹

import Iamport from 'iamport-typings';

declare global {
  interface Window {
    IMP?: Iamport;
  }
}
import { RequestPayParams, RequestPayResponse } from 'iamport-typings';

const onClickPayment = () => {
  const { IMP } = window;
  IMP.init('your_imp_uid');

  const params: RequestPayParams = {
    ...
  };

  IMP.request_pay(params, onPaymentAccepted);
};

const onPaymentAccepted = (response: RequestPayResponse) => {
  const { imp_uid, merchant_uid } = response;
  console.log(imp_uid, merchant_uid);
};

μœ„μ™€ 같이 각각의 μΈν„°νŽ˜μ΄μŠ€λ₯Ό 가져와 μ‚¬μš©ν•˜λŠ” 것도 κ°€λŠ₯ν•©λ‹ˆλ‹€.

μ•„μž„ν¬νŠΈ 객체

μΈν„°νŽ˜μ΄μŠ€ 이름 μ„€λͺ…
Iamport μ•„μž„ν¬νŠΈ 객체
μΈν„°νŽ˜μ΄μŠ€ 이름 μ„€λͺ…
RequestPayParams request_pay λ©”μ†Œλ“œλ₯Ό μœ„ν•œ 결제 μŠΉμΈμ— ν•„μš”ν•œ 정보λ₯Ό λ‹΄κ³  μžˆλŠ” 객체둜, RequestPayAdditionalParamsμ—μ„œ ν™•μž₯됨
RequestPayAdditionalParams request_pay λ©”μ†Œλ“œλ₯Ό μœ„ν•œ μΆ”κ°€ 속성
μΈν„°νŽ˜μ΄μŠ€ 이름 μ„€λͺ…
RequestPayNaverAdditionalParams λ„€μ΄λ²„νŽ˜μ΄ 연동 μ‹œ RequestPayParams 에 μΆ”κ°€λ˜λŠ” νŒŒλΌλ―Έν„°
RequestPayNaverParams RequestPayParams & RequestPayNaverAdditionalParams

기타

νƒ€μž… 이름 μ„€λͺ… Codegen
Pg Codegen
PaymentMethod Codegen
PayPalSupportedCurrency PayPal 지원 κ²°μ œν†΅ν™”μ˜ μœ λ‹ˆμ–Έ νƒ€μž…(union type) Codegen
Currency κ²°μ œν†΅ν™” κ΅¬λΆ„μ½”λ“œ ('KRW' | 'USD' | 'EUR' | 'JPY' | PayPalSupportedCurrency)
CardCode μΉ΄λ“œμ‚¬ κΈˆμœ΅κ²°μ œμ› ν‘œμ€€ μ½”λ“œμ˜ μœ λ‹ˆμ–Έ νƒ€μž…(union type) Codegen
Language 'en' | 'ko' | 'zh'
EscrowProduct
νƒ€μž… 이름 μ„€λͺ…
NaverProductCategoryType
NaverProductCategoryId
NaverPayReferrer
NaverProduct λ„€μ΄λ²„νŽ˜μ΄ μƒν’ˆ 정보
μΈν„°νŽ˜μ΄μŠ€ 이름 μ„€λͺ…
RequestPayResponse 결제 결과의 정보λ₯Ό λ‹΄κ³  μžˆλŠ” 객체둜, request_pay λ©”μ†Œλ“œμ— μ§€μ •λ˜λŠ” 콜백 ν•¨μˆ˜μ˜ 인자둜, RequestPayAdditionalResponseμ—μ„œ ν™•μž₯됨
RequestPayAdditionalResponse request_pay λ©”μ†Œλ“œμ˜ μ½œλ°±μ„ μœ„ν•œ μΆ”κ°€ 속성
RequestPayResponseCallback request_pay λ©”μ†Œλ“œμ˜ ν•¨μˆ˜ νƒ€μž… λ¦¬ν„°λŸ΄

About

πŸ’³βœ¨πŸ“˜ TypeScript type definitions for PortOne (formerly Iamport) / κ΅­λ‚΄ PG κ²°μ œμ—°λ™ μ„œλΉ„μŠ€, ν¬νŠΈμ›(ꡬ μ•„μž„ν¬νŠΈ)λ₯Ό μœ„ν•œ νƒ€μž…μŠ€ν¬λ¦½νŠΈ νƒ€μž… 선언을 μ œκ³΅ν•©λ‹ˆλ‹€.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •