import{b as r,m as i,i as l,k as o,t as c}from"./web-_MLZFt0f.js";import{M as a}from"./index-Qx1Qe_Zu.js";import{H as p}from"./Hint-DtH3zGYE.js";var d=c("<a href=#sdk-library id=sdk-library>"),h=c("<mark style=color:purple;>");function s(n){const e={a:"a",code:"code",div:"div",h2:"h2",p:"p",pre:"pre",span:"span",strong:"strong",...a(),...n.components};return[r(e.p,{children:"포트원 JavaScript SDK를 사용하면 웹사이트 또는 앱에서 결제창 또는 본인인증창과 연동할 수 있습니다."}),`
`,r(e.h2,{id:"sdk-library-로드하기-",get children(){return["SDK Library 로드하기 ",l(d)]}}),`
`,r(e.p,{get children(){return[r(e.strong,{children:"포트원 JavaScript SDK"}),`를 사용하기 위해서 먼저 해당 라이브러리를 다음과 같이 페이지에 추가해야 합니다.
해당 라이브러리는 CDN`,(()=>{var t=l(h);return o(t,r(e.strong,{get children(){return["(",r(e.a,{href:"https://cdn.iamport.kr/js/iamport.payment-%7BSDK-%EC%B5%9C%EC%8B%A0%EB%B2%84%EC%A0%84%7D.js",children:"https://cdn.iamport.kr/js/iamport.payment-{SDK-최신버전}.js"})]}})),t})(),`)을 통한
사용을 권장합니다. 라이브러리가 로드되면, `,r(e.strong,{children:"IMP"})," 전역 객체를 ",r(e.strong,{children:"window"})," 객체의 프로퍼티로 접근하여 ",r(e.strong,{children:"IMP"}),"의 함수들을 호출할 수 있습니다."]}}),`
`,r(e.pre,{className:"shiki github-light",style:{backgroundColor:"#fff",color:"#24292e"},tabIndex:"0",get children(){return[r(e.div,{className:"title",children:"HTML"}),r(e.code,{get children(){return[r(e.span,{className:"line",get children(){return r(e.span,{style:{color:"#6A737D"},children:"<!-- jQuery -->"})}}),`
`,r(e.span,{className:"line",get children(){return[r(e.span,{style:{color:"#24292E"},children:"<"}),r(e.span,{style:{color:"#22863A"},children:"script"})]}}),`
`,r(e.span,{className:"line",get children(){return[r(e.span,{style:{color:"#6F42C1"},children:"  type"}),r(e.span,{style:{color:"#24292E"},children:"="}),r(e.span,{style:{color:"#032F62"},children:'"text/javascript"'})]}}),`
`,r(e.span,{className:"line",get children(){return[r(e.span,{style:{color:"#6F42C1"},children:"  src"}),r(e.span,{style:{color:"#24292E"},children:"="}),r(e.span,{style:{color:"#032F62"},children:'"https://code.jquery.com/jquery-1.12.4.min.js"'})]}}),`
`,r(e.span,{className:"line",get children(){return[r(e.span,{style:{color:"#24292E"},children:"></"}),r(e.span,{style:{color:"#22863A"},children:"script"}),r(e.span,{style:{color:"#24292E"},children:">"})]}}),`
`,r(e.span,{className:"line",get children(){return r(e.span,{style:{color:"#6A737D"},children:"<!-- iamport.payment.js -->"})}}),`
`,r(e.span,{className:"line",get children(){return[r(e.span,{style:{color:"#24292E"},children:"<"}),r(e.span,{style:{color:"#22863A"},children:"script"})]}}),`
`,r(e.span,{className:"line",get children(){return[r(e.span,{style:{color:"#6F42C1"},children:"  type"}),r(e.span,{style:{color:"#24292E"},children:"="}),r(e.span,{style:{color:"#032F62"},children:'"text/javascript"'})]}}),`
`,r(e.span,{className:"line",get children(){return[r(e.span,{style:{color:"#6F42C1"},children:"  src"}),r(e.span,{style:{color:"#24292E"},children:"="}),r(e.span,{style:{color:"#032F62"},children:'"https://cdn.iamport.kr/js/iamport.payment-{SDK-최신버전}.js"'})]}}),`
`,r(e.span,{className:"line",get children(){return[r(e.span,{style:{color:"#24292E"},children:"></"}),r(e.span,{style:{color:"#22863A"},children:"script"}),r(e.span,{style:{color:"#24292E"},children:">"})]}})]}})]}}),`
`,r(p,{style:"warning",get children(){return r(e.p,{get children(){return[r(e.strong,{children:"jQuery 1.0 이상이 설치"}),"되어 있어야 합니다."]}})}})]}function g(n={}){const{wrapper:e}={...a(),...n.components};return e?r(e,i(n,{get children(){return r(s,n)}})):s(n)}export{g as default};