Giter VIP home page Giter VIP logo

seal7766 / iamport-typings Goto Github PK

View Code? Open in Web Editor NEW

This project forked from junhoyeo/iamport-typings

0.0 0.0 0.0 11 KB

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

TypeScript 100.00%

iamport-typings's Introduction

Iamport Typings

πŸ’³βœ¨πŸ“˜ κ΅­λ‚΄ PG κ²°μ œμ—°λ™ μ„œλΉ„μŠ€, μ•„μž„ν¬νŠΈλ₯Ό μœ„ν•œ νƒ€μž…μŠ€ν¬λ¦½νŠΈ νƒ€μž… 선언을 μ œκ³΅ν•©λ‹ˆλ‹€.

πŸ“¦ μ„€μΉ˜

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 { 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 λ©”μ†Œλ“œλ₯Ό μœ„ν•œ μΆ”κ°€ 속성
Display RequestPayParams에 μ„ νƒμ μœΌλ‘œ ν¬ν•¨λ˜λŠ”, κ΅¬λ§€μžμ—κ²Œ μ œκ³΅λ˜λŠ” 결제창 화면에 λŒ€ν•œ UI μ˜΅μ…˜
RequestPayResponse 결제 결과의 정보λ₯Ό λ‹΄κ³  μžˆλŠ” 객체둜, request_pay λ©”μ†Œλ“œμ— μ§€μ •λ˜λŠ” 콜백 ν•¨μˆ˜μ˜ 인자둜, RequestPayAdditionalResponseμ—μ„œ ν™•μž₯됨
RequestPayAdditionalResponse request_pay λ©”μ†Œλ“œμ˜ μ½œλ°±μ„ μœ„ν•œ μΆ”κ°€ 속성
RequestPayResponseCallback request_pay λ©”μ†Œλ“œμ˜ ν•¨μˆ˜ νƒ€μž… λ¦¬ν„°λŸ΄

iamport-typings's People

Contributors

junhoyeo avatar seal7766 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.