/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { const _components = Object.assign({ ul: "ul", li: "li", p: "p", h1: "h1", a: "a", h2: "h2", ol: "ol", code: "code", table: "table", thead: "thead", tr: "tr", th: "th", tbody: "tbody", td: "td", pre: "pre", div: "div", span: "span", h3: "h3", h4: "h4" }, _provideComponents(), props.components), {TableOfContents, LogNextLink, CopyLinkIcon, GlossaryPopover, FeedbackButton, ExternalLink, Tab, Callout, ParameterList, ParameterItem} = _components; if (!Callout) _missingMdxReference("Callout", true); if (!CopyLinkIcon) _missingMdxReference("CopyLinkIcon", true); if (!ExternalLink) _missingMdxReference("ExternalLink", true); if (!FeedbackButton) _missingMdxReference("FeedbackButton", true); if (!GlossaryPopover) _missingMdxReference("GlossaryPopover", true); if (!LogNextLink) _missingMdxReference("LogNextLink", true); if (!ParameterItem) _missingMdxReference("ParameterItem", true); if (!ParameterList) _missingMdxReference("ParameterList", true); if (!Tab) _missingMdxReference("Tab", true); if (!Tab.Content) _missingMdxReference("Tab.Content", true); if (!Tab.Item) _missingMdxReference("Tab.Item", true); if (!Tab.List) _missingMdxReference("Tab.List", true); if (!TableOfContents) _missingMdxReference("TableOfContents", true); return _jsxs(_Fragment, { children: [_jsx(TableOfContents, { children: _jsxs(_components.ul, { children: ["\n", _jsxs(_components.li, { children: ["\n", _jsx(_components.p, { children: _jsx(LogNextLink, { passHref: true, href: "#웹뷰-결제-과정", title: true, children: "웹뷰 결제 과정" }) }), "\n"] }), "\n", _jsxs(_components.li, { children: ["\n", _jsx(_components.p, { children: _jsx(LogNextLink, { passHref: true, href: "#앱-스킴-리스트", title: true, children: "앱 스킴 리스트" }) }), "\n"] }), "\n", _jsxs(_components.li, { children: ["\n", _jsx(_components.p, { children: _jsx(LogNextLink, { passHref: true, href: "#android", title: true, children: "Android" }) }), "\n"] }), "\n", _jsxs(_components.li, { children: ["\n", _jsx(_components.p, { children: _jsx(LogNextLink, { passHref: true, href: "#ios", title: true, children: "iOS" }) }), "\n"] }), "\n", _jsxs(_components.li, { children: ["\n", _jsx(_components.p, { children: _jsx(LogNextLink, { passHref: true, href: "#flutter", title: true, children: "Flutter" }) }), "\n", _jsxs(_components.ul, { children: ["\n", _jsx(_components.li, { children: _jsx(LogNextLink, { passHref: true, href: "#플러그인-추가하기", title: true, children: "플러그인 추가하기" }) }), "\n", _jsx(_components.li, { children: _jsx(LogNextLink, { passHref: true, href: "#url-변환하기", title: true, children: "URL 변환하기" }) }), "\n"] }), "\n"] }), "\n", _jsxs(_components.li, { children: ["\n", _jsx(_components.p, { children: _jsx(LogNextLink, { passHref: true, href: "#react-native", title: true, children: "React Native" }) }), "\n", _jsxs(_components.ul, { children: ["\n", _jsx(_components.li, { children: _jsx(LogNextLink, { passHref: true, href: "#설치하기", title: true, children: "설치하기" }) }), "\n", _jsx(_components.li, { children: _jsx(LogNextLink, { passHref: true, href: "#url-변환하기-1", title: true, children: "URL 변환하기" }) }), "\n"] }), "\n"] }), "\n"] }) }), "\n", _jsxs(_components.h1, { id: "웹뷰webview-연동하기", children: [_jsx(_components.a, { className: "rehype-autolink", href: "#웹뷰webview-연동하기", children: _jsx(CopyLinkIcon, { id: "웹뷰webview-연동하기" }) }), "웹뷰(WebView) 연동하기"] }), "\n", _jsxs(_components.p, { children: ["✅ 모바일 ", _jsx(GlossaryPopover, { children: _jsx(LogNextLink, { passHref: true, href: "/resources/glossary/webview", title: true, children: "웹뷰" }) }), "에서 카드 결제창으로 이동할 때 필요한 외부 앱(3rd-party 앱)을 연동하는 과정을 알 수 있어요."] }), "\n", _jsx(_components.p, { children: "✅ 연동에 필요한 외부 앱 스킴(App URL Scheme) 목록과 로직을 이해할 수 있어요." }), "\n", _jsxs(_components.h2, { id: "웹뷰-결제-과정", children: [_jsx(_components.a, { className: "rehype-autolink", href: "#웹뷰-결제-과정", children: _jsx(CopyLinkIcon, { id: "웹뷰-결제-과정" }) }), "웹뷰 결제 과정", _jsx(FeedbackButton, { section: "웹뷰 결제 과정" })] }), "\n", _jsx(_components.p, { children: "웹뷰는 다음과 같이 사용할 수 있습니다." }), "\n", _jsxs(_components.ol, { children: ["\n", _jsx(_components.li, { children: "주문 정보를 작성하고 결제창을 호출합니다." }), "\n", _jsx(_components.li, { children: "카드사를 선택하고 다음 단계로 이동합니다." }), "\n", _jsx(_components.li, { children: "선택한 카드사·은행의 결제 앱이 열립니다. 외부 앱이 실행되는 시점입니다." }), "\n", _jsx(_components.li, { children: "결제 정보를 입력하고 결제를 완료합니다." }), "\n", _jsx(_components.li, { children: "상점의 결제 페이지로 돌아옵니다." }), "\n"] }), "\n", _jsxs(_components.ul, { children: ["\n", _jsxs(_components.li, { children: ["앱 스킴(", _jsx(_components.code, { children: "appScheme" }), ") 파라미터를 추가하면 별도의 처리 없이도 외부 앱에서 상점 앱으로 돌아올 수 있습니다. ", _jsx(LogNextLink, { passHref: true, href: "/reference/widget-sdk#requestpayment결제-정보", title: true, children: "결제 요청 파라미터" }), "를 참고하세요."] }), "\n"] }), "\n", _jsx(_components.p, { children: "여기서는 3번 단계에서 외부 앱을 여는 방법을 다룹니다. 웹뷰에서 각 은행의 결제 앱을 실행시키면서 앱 간 일어나는 이동(App to App)입니다." }), "\n", _jsxs(_components.h2, { id: "앱-스킴-리스트", children: [_jsx(_components.a, { className: "rehype-autolink", href: "#앱-스킴-리스트", children: _jsx(CopyLinkIcon, { id: "앱-스킴-리스트" }) }), "앱 스킴 리스트", _jsx(FeedbackButton, { section: "앱 스킴 리스트" })] }), "\n", _jsx(_components.p, { children: "내 상점 앱에서 인증을 위해 이동하게 되는 3rd-party 앱에는 ISP 앱, 카드사별 앱카드 등이 있습니다. 이동할 앱 스킴 리스트를 보고 추가해보세요." }), "\n", _jsxs(_components.table, { children: [_jsx(_components.thead, { children: _jsxs(_components.tr, { children: [_jsx(_components.th, { align: "left", children: "카드사·본인확인기관" }), _jsx(_components.th, { align: "left", children: "앱 스킴" })] }) }), _jsxs(_components.tbody, { children: [_jsxs(_components.tr, { children: [_jsx(_components.td, { align: "left", children: "토스페이" }), _jsx(_components.td, { align: "left", children: _jsx(_components.code, { children: "supertoss://" }) })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { align: "left", children: "국민카드" }), _jsxs(_components.td, { align: "left", children: [_jsx(_components.code, { children: "kb-acp://" }), ", ", _jsx(_components.code, { children: "liivbank:/" }), ", ", _jsx(_components.code, { children: "newliiv://" }), ", ", _jsx(_components.code, { children: "kbbank://" })] })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { align: "left", children: "농협카드" }), _jsxs(_components.td, { align: "left", children: [_jsx(_components.code, { children: "nhappcardansimclick://" }), ", ", _jsx(_components.code, { children: "nhallonepayansimclick://" }), ", ", _jsx(_components.code, { children: "nonghyupcardansimclick://" })] })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { align: "left", children: "롯데카드" }), _jsxs(_components.td, { align: "left", children: [_jsx(_components.code, { children: "lottesmartpay://" }), ", ", _jsx(_components.code, { children: "lotteappcard://" })] })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { align: "left", children: "삼성카드" }), _jsxs(_components.td, { align: "left", children: [_jsx(_components.code, { children: "mpocket.online.ansimclick://" }), ", ", _jsx(_components.code, { children: "vguardstart://" }), ", ", _jsx(_components.code, { children: "samsungpay://" }), ",", _jsx(_components.code, { children: "monimopay://" }), ", ", _jsx(_components.code, { children: "monimopayauth://" })] })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { align: "left", children: "신한카드" }), _jsxs(_components.td, { align: "left", children: [_jsx(_components.code, { children: "shinhan-sr-ansimclick://" }), ", ", _jsx(_components.code, { children: "smshinhanansimclick://" })] })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { align: "left", children: "우리카드" }), _jsxs(_components.td, { align: "left", children: [_jsx(_components.code, { children: "com.wooricard.wcard://" }), ", ", _jsx(_components.code, { children: "newsmartpib://" })] })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { align: "left", children: "씨티카드" }), _jsxs(_components.td, { align: "left", children: [_jsx(_components.code, { children: "citispay://" }), ", ", _jsx(_components.code, { children: "citicardappkr://" }), ", ", _jsx(_components.code, { children: "citimobileapp://" })] })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { align: "left", children: "하나카드" }), _jsxs(_components.td, { align: "left", children: [_jsx(_components.code, { children: "cloudpay://" }), ", ", _jsx(_components.code, { children: "hanawalletmembers://" })] })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { align: "left", children: "현대카드" }), _jsxs(_components.td, { align: "left", children: [_jsx(_components.code, { children: "hdcardappcardansimclick://" }), ", ", _jsx(_components.code, { children: "smhyundaiansimclick://" })] })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { align: "left", children: "간편결제" }), _jsxs(_components.td, { align: "left", children: [_jsx(_components.code, { children: "shinsegaeeasypayment://" }), ", ", _jsx(_components.code, { children: "payco://" }), ", ", _jsx(_components.code, { children: "lpayapp://" })] })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { align: "left", children: "ISP(BC/국민)" }), _jsx(_components.td, { align: "left", children: _jsx(_components.code, { children: "ispmobile://" }) })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { align: "left", children: "모바일 PASS(본인 인증)" }), _jsxs(_components.td, { align: "left", children: [_jsx(_components.code, { children: "tauthlink://" }), ", ", _jsx(_components.code, { children: "ktauthexternalcall://" }), ", ", _jsx(_components.code, { children: "upluscorporation://" })] })] })] })] }), "\n", _jsxs(_components.h2, { id: "android", children: [_jsx(_components.a, { className: "rehype-autolink", href: "#android", children: _jsx(CopyLinkIcon, { id: "android" }) }), "Android", _jsx(FeedbackButton, { section: "Android" })] }), "\n", _jsxs(_components.p, { children: ["먼저 ", _jsx(_components.code, { children: "AndroidManifest.xml" }), " 파일에 카드앱·은행앱 패키지를 등록합니다. 패키지를 등록하지 않으면 앱이 설치되어 있어도 스토어로 이동하고, Google 정책을 위반하게 됩니다."] }), "\n", _jsx(_components.pre, { children: _jsxs(_components.code, { className: "language-xml", lang: "xml", children: [_jsx(_components.div, { "data-line": "1", className: "highlight-line", "data-highlighted": "false", children: "// AndroidManifest.xml\n" }), _jsx(_components.div, { "data-line": "2", className: "highlight-line", "data-highlighted": "false", children: "\n" }), _jsxs(_components.div, { "data-line": "3", className: "highlight-line", "data-highlighted": "false", children: [_jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "queries"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "4", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "com.kakao.talk", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "5", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "com.nhn.android.search", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "6", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "com.samsung.android.spay", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "7", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "net.ib.android.smcard", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "8", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "com.mobiletoong.travelwallet", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\\\n"] }), _jsxs(_components.div, { "data-line": "9", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "com.samsung.android.spaylite", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "10", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "com.ssg.serviceapp.android.egiftcertificate", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "11", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "com.nhnent.payapp", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "12", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "com.lottemembers.android", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "13", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "viva.republica.toss", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "14", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "com.shinhan.smartcaremgr", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "15", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "com.shcard.smartpay", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "16", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "com.shinhancard.smartshinhan", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "17", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "com.hyundaicard.appcard", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "18", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "com.lumensoft.touchenappfree", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "19", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "kr.co.samsungcard.mpocket", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "20", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "nh.smart.nhallonepay", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "21", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "com.kbcard.cxh.appcard", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "22", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "com.kbstar.liivbank", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "23", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "com.kbstar.reboot", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "24", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "com.kbstar.kbbank", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "25", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "kvp.jjy.MispAndroid320", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "26", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "com.lcacApp", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "27", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "com.hanaskcard.paycla", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "28", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "com.hanaskcard.rocomo.potal", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "29", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "kr.co.hanamembers.hmscustomer", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "30", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "kr.co.citibank.citimobile", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "31", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "com.wooricard.wpay", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "32", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "com.wooricard.smartapp", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "33", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "com.wooribank.smart.npib", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "34", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "com.lguplus.paynow", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "35", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "com.kftc.bankpay.android", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "36", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "com.TouchEn.mVaccine.webs", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "37", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "kr.co.shiftworks.vguardweb", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "38", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "package"] }), " ", _jsxs(_components.span, { className: "token attr-name", children: [_jsx(_components.span, { className: "token namespace", children: "android:" }), "name"] }), _jsxs(_components.span, { className: "token attr-value", children: [_jsx(_components.span, { className: "token punctuation attr-equals", children: "=" }), _jsx(_components.span, { className: "token punctuation", children: "\"" }), "com.ahnlab.v3mobileplus", _jsx(_components.span, { className: "token punctuation", children: "\"" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "/>" })] }), " ", _jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.div, { "data-line": "39", className: "highlight-line", "data-highlighted": "false", children: [_jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] })] }) }), "\n", _jsxs(_components.p, { children: [_jsx(_components.code, { children: "AndroidManifest.xml" }), " 파일에 필요한 앱 스킴을 추가했다면, 앱 간 이동에 필요한 아래 코드를 살펴보세요."] }), "\n", _jsxs(_components.p, { children: [_jsx(ExternalLink, { href: "https://developer.android.com/reference/android/webkit/WebViewClient", children: "WebViewClient" }), "의 ", _jsx(ExternalLink, { href: "https://developer.android.com/reference/android/webkit/WebViewClient#shouldOverrideUrlLoading(android.webkit.WebView,%20android.webkit.WebResourceRequest)", children: _jsx(_components.code, { children: "shouldOverrideUrlLoading" }) }), " 함수에 오버라이딩 로직을 추가하세요.\n추가하지 않으면 웹뷰에서 외부 앱을 호출하거나 마켓(", _jsx(_components.code, { children: "market://" }), ")으로 연결할 때 ", _jsx(_components.code, { children: "net::ERR_UNKNOWN_URL_SCHEME" }), " 에러가 발생합니다."] }), "\n", _jsxs(Tab, { defaultValue: "kotlin", children: [_jsxs(Tab.List, { children: [_jsx(Tab.Item, { value: "kotlin", children: "Kotlin" }), _jsx(Tab.Item, { value: "java", children: "Java" })] }), _jsx(Tab.Content, { value: "kotlin", children: _jsx(_components.pre, { title: "Kotlin", children: _jsxs(_components.code, { className: "language-kotlin", lang: "kotlin", children: [_jsxs(_components.div, { "data-line": "1", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token comment", children: "// API 수준 24 이상을 위한 메소드" }), "\n"] }), _jsxs(_components.div, { "data-line": "2", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token keyword", children: "override" }), " ", _jsx(_components.span, { className: "token keyword", children: "fun" }), " ", _jsx(_components.span, { className: "token function", children: "shouldOverrideUrlLoading" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "view", _jsx(_components.span, { className: "token operator", children: ":" }), " WebView", _jsx(_components.span, { className: "token punctuation", children: "," }), " request", _jsx(_components.span, { className: "token operator", children: ":" }), " WebResourceRequest", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token operator", children: ":" }), " Boolean ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "3", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "val" }), " url ", _jsx(_components.span, { className: "token operator", children: "=" }), " request", _jsx(_components.span, { className: "token punctuation", children: "." }), "url", _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "toString" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), "\n"] }), _jsxs(_components.div, { "data-line": "4", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "return" }), " ", _jsx(_components.span, { className: "token function", children: "handleUrl" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "url", _jsx(_components.span, { className: "token punctuation", children: ")" }), "\n"] }), _jsxs(_components.div, { "data-line": "5", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsx(_components.div, { "data-line": "6", className: "highlight-line", "data-highlighted": "false", children: "\n" }), _jsxs(_components.div, { "data-line": "7", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token comment", children: "// (선택) API 수준 24 미만을 타겟팅하려면 다음 코드를 추가해 주세요" }), "\n"] }), _jsxs(_components.div, { "data-line": "8", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token annotation builtin", children: "@Deprecated" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token string-literal singleline", children: _jsx(_components.span, { className: "token string", children: "\"Deprecated in Java\"" }) }), _jsx(_components.span, { className: "token punctuation", children: ")" }), "\n"] }), _jsxs(_components.div, { "data-line": "9", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token annotation builtin", children: "@Suppress" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token string-literal singleline", children: _jsx(_components.span, { className: "token string", children: "\"DEPRECATION\"" }) }), _jsx(_components.span, { className: "token punctuation", children: ")" }), "\n"] }), _jsxs(_components.div, { "data-line": "10", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token keyword", children: "override" }), " ", _jsx(_components.span, { className: "token keyword", children: "fun" }), " ", _jsx(_components.span, { className: "token function", children: "shouldOverrideUrlLoading" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "view", _jsx(_components.span, { className: "token operator", children: ":" }), " WebView", _jsx(_components.span, { className: "token punctuation", children: "," }), " url", _jsx(_components.span, { className: "token operator", children: ":" }), " String", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token operator", children: ":" }), " Boolean ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "11", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "if" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), "Build", _jsx(_components.span, { className: "token punctuation", children: "." }), "VERSION", _jsx(_components.span, { className: "token punctuation", children: "." }), "SDK_INT ", _jsx(_components.span, { className: "token operator", children: "<" }), " Build", _jsx(_components.span, { className: "token punctuation", children: "." }), "VERSION_CODES", _jsx(_components.span, { className: "token punctuation", children: "." }), "N", _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "12", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "return" }), " ", _jsx(_components.span, { className: "token function", children: "handleUrl" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "url", _jsx(_components.span, { className: "token punctuation", children: ")" }), "\n"] }), _jsxs(_components.div, { "data-line": "13", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsxs(_components.div, { "data-line": "14", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "return" }), " ", _jsx(_components.span, { className: "token keyword", children: "super" }), _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "shouldOverrideUrlLoading" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "view", _jsx(_components.span, { className: "token punctuation", children: "," }), " url", _jsx(_components.span, { className: "token punctuation", children: ")" }), "\n"] }), _jsxs(_components.div, { "data-line": "15", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsx(_components.div, { "data-line": "16", className: "highlight-line", "data-highlighted": "false", children: "\n" }), _jsxs(_components.div, { "data-line": "17", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token comment", children: "// 공통 URL 처리 로직" }), "\n"] }), _jsxs(_components.div, { "data-line": "18", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token keyword", children: "private" }), " ", _jsx(_components.span, { className: "token keyword", children: "fun" }), " ", _jsx(_components.span, { className: "token function", children: "handleUrl" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "url", _jsx(_components.span, { className: "token operator", children: ":" }), " String", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token operator", children: ":" }), " Boolean ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "19", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "if" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token operator", children: "!" }), "URLUtil", _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "isNetworkUrl" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "url", _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token operator", children: "&&" }), " ", _jsx(_components.span, { className: "token operator", children: "!" }), "URLUtil", _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "isJavaScriptUrl" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "url", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "20", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "val" }), " uri ", _jsx(_components.span, { className: "token operator", children: "=" }), " ", _jsx(_components.span, { className: "token keyword", children: "try" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "21", className: "highlight-line", "data-highlighted": "false", children: [" Uri", _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "parse" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "url", _jsx(_components.span, { className: "token punctuation", children: ")" }), "\n"] }), _jsxs(_components.div, { "data-line": "22", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), " ", _jsx(_components.span, { className: "token keyword", children: "catch" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), "e", _jsx(_components.span, { className: "token operator", children: ":" }), " Exception", _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "23", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "return" }), " ", _jsx(_components.span, { className: "token boolean", children: "false" }), "\n"] }), _jsxs(_components.div, { "data-line": "24", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsx(_components.div, { "data-line": "25", className: "highlight-line", "data-highlighted": "false", children: "\n" }), _jsxs(_components.div, { "data-line": "26", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "return" }), " ", _jsx(_components.span, { className: "token keyword", children: "when" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), "uri", _jsx(_components.span, { className: "token punctuation", children: "." }), "scheme", _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "27", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token string-literal singleline", children: _jsx(_components.span, { className: "token string", children: "\"intent\"" }) }), " ", _jsx(_components.span, { className: "token operator", children: "->" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "28", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token function", children: "startSchemeIntent" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "url", _jsx(_components.span, { className: "token punctuation", children: ")" }), "\n"] }), _jsxs(_components.div, { "data-line": "29", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsxs(_components.div, { "data-line": "30", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "else" }), " ", _jsx(_components.span, { className: "token operator", children: "->" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "31", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "return" }), " ", _jsx(_components.span, { className: "token keyword", children: "try" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "32", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token function", children: "startActivity" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token function", children: "Intent" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "Intent", _jsx(_components.span, { className: "token punctuation", children: "." }), "ACTION_VIEW", _jsx(_components.span, { className: "token punctuation", children: "," }), " uri", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), "\n"] }), _jsxs(_components.div, { "data-line": "33", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token boolean", children: "true" }), "\n"] }), _jsxs(_components.div, { "data-line": "34", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), " ", _jsx(_components.span, { className: "token keyword", children: "catch" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), "e", _jsx(_components.span, { className: "token operator", children: ":" }), " Exception", _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "35", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token boolean", children: "false" }), "\n"] }), _jsxs(_components.div, { "data-line": "36", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsxs(_components.div, { "data-line": "37", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsxs(_components.div, { "data-line": "38", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsxs(_components.div, { "data-line": "39", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), " ", _jsx(_components.span, { className: "token keyword", children: "else" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "40", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "return" }), " ", _jsx(_components.span, { className: "token boolean", children: "false" }), "\n"] }), _jsxs(_components.div, { "data-line": "41", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsxs(_components.div, { "data-line": "42", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsx(_components.div, { "data-line": "43", className: "highlight-line", "data-highlighted": "false", children: "\n" }), _jsxs(_components.div, { "data-line": "44", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token keyword", children: "private" }), " ", _jsx(_components.span, { className: "token keyword", children: "fun" }), " ", _jsx(_components.span, { className: "token function", children: "startSchemeIntent" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "url", _jsx(_components.span, { className: "token operator", children: ":" }), " String", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token operator", children: ":" }), " Boolean ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "45", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "val" }), " schemeIntent", _jsx(_components.span, { className: "token operator", children: ":" }), " Intent ", _jsx(_components.span, { className: "token operator", children: "=" }), " ", _jsx(_components.span, { className: "token keyword", children: "try" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "46", className: "highlight-line", "data-highlighted": "false", children: [" Intent", _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "parseUri" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "url", _jsx(_components.span, { className: "token punctuation", children: "," }), " Intent", _jsx(_components.span, { className: "token punctuation", children: "." }), "URI_INTENT_SCHEME", _jsx(_components.span, { className: "token punctuation", children: ")" }), "\n"] }), _jsxs(_components.div, { "data-line": "47", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), " ", _jsx(_components.span, { className: "token keyword", children: "catch" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), "e", _jsx(_components.span, { className: "token operator", children: ":" }), " URISyntaxException", _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "48", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "return" }), " ", _jsx(_components.span, { className: "token boolean", children: "false" }), "\n"] }), _jsxs(_components.div, { "data-line": "49", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsxs(_components.div, { "data-line": "50", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "try" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "51", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token function", children: "startActivity" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "schemeIntent", _jsx(_components.span, { className: "token punctuation", children: ")" }), "\n"] }), _jsxs(_components.div, { "data-line": "52", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "return" }), " ", _jsx(_components.span, { className: "token boolean", children: "true" }), "\n"] }), _jsxs(_components.div, { "data-line": "53", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), " ", _jsx(_components.span, { className: "token keyword", children: "catch" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), "e", _jsx(_components.span, { className: "token operator", children: ":" }), " ActivityNotFoundException", _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "54", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "val" }), " packageName ", _jsx(_components.span, { className: "token operator", children: "=" }), " schemeIntent", _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "getPackage" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), "\n"] }), _jsx(_components.div, { "data-line": "55", className: "highlight-line", "data-highlighted": "false", children: "\n" }), _jsxs(_components.div, { "data-line": "56", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "if" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token operator", children: "!" }), "packageName", _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "isNullOrBlank" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "57", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token function", children: "startActivity" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "\n"] }), _jsxs(_components.div, { "data-line": "58", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token function", children: "Intent" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "\n"] }), _jsxs(_components.div, { "data-line": "59", className: "highlight-line", "data-highlighted": "false", children: [" Intent", _jsx(_components.span, { className: "token punctuation", children: "." }), "ACTION_VIEW", _jsx(_components.span, { className: "token punctuation", children: "," }), "\n"] }), _jsxs(_components.div, { "data-line": "60", className: "highlight-line", "data-highlighted": "false", children: [" Uri", _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "parse" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsxs(_components.span, { className: "token string-literal singleline", children: [_jsx(_components.span, { className: "token string", children: "\"market://details?id=" }), _jsxs(_components.span, { className: "token interpolation", children: [_jsx(_components.span, { className: "token interpolation-punctuation punctuation", children: "$" }), _jsx(_components.span, { className: "token expression", children: "packageName" })] }), _jsx(_components.span, { className: "token string", children: "\"" })] }), _jsx(_components.span, { className: "token punctuation", children: ")" }), "\n"] }), _jsxs(_components.div, { "data-line": "61", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: ")" }), "\n"] }), _jsxs(_components.div, { "data-line": "62", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: ")" }), "\n"] }), _jsxs(_components.div, { "data-line": "63", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "return" }), " ", _jsx(_components.span, { className: "token boolean", children: "true" }), "\n"] }), _jsxs(_components.div, { "data-line": "64", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsxs(_components.div, { "data-line": "65", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsxs(_components.div, { "data-line": "66", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "return" }), " ", _jsx(_components.span, { className: "token boolean", children: "false" }), "\n"] }), _jsxs(_components.div, { "data-line": "67", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] })] }) }) }), _jsx(Tab.Content, { value: "java", children: _jsx(_components.pre, { title: "Java", children: _jsxs(_components.code, { className: "language-java", lang: "java", children: [_jsxs(_components.div, { "data-line": "1", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token comment", children: "// API 수준 24 이상을 위한 메소드" }), "\n"] }), _jsxs(_components.div, { "data-line": "2", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token annotation punctuation", children: "@Override" }), "\n"] }), _jsxs(_components.div, { "data-line": "3", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token keyword", children: "public" }), " ", _jsx(_components.span, { className: "token keyword", children: "boolean" }), " ", _jsx(_components.span, { className: "token function", children: "shouldOverrideUrlLoading" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token class-name", children: "WebView" }), " view", _jsx(_components.span, { className: "token punctuation", children: "," }), " ", _jsx(_components.span, { className: "token class-name", children: "WebResourceRequest" }), " request", _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "4", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token class-name", children: "String" }), " url ", _jsx(_components.span, { className: "token operator", children: "=" }), " request", _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "getUrl" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "toString" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.div, { "data-line": "5", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "return" }), " ", _jsx(_components.span, { className: "token function", children: "handleUrl" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "url", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.div, { "data-line": "6", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsx(_components.div, { "data-line": "7", className: "highlight-line", "data-highlighted": "false", children: "\n" }), _jsxs(_components.div, { "data-line": "8", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token comment", children: "// (선택) API 수준 24 미만을 타겟팅하려면 다음 코드를 추가해 주세요" }), "\n"] }), _jsxs(_components.div, { "data-line": "9", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token annotation punctuation", children: "@SuppressWarnings" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token string", children: "\"deprecation\"" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), "\n"] }), _jsxs(_components.div, { "data-line": "10", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token annotation punctuation", children: "@Override" }), "\n"] }), _jsxs(_components.div, { "data-line": "11", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token keyword", children: "public" }), " ", _jsx(_components.span, { className: "token keyword", children: "boolean" }), " ", _jsx(_components.span, { className: "token function", children: "shouldOverrideUrlLoading" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token class-name", children: "WebView" }), " view", _jsx(_components.span, { className: "token punctuation", children: "," }), " ", _jsx(_components.span, { className: "token class-name", children: "String" }), " url", _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "12", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "if" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token class-name", children: "Build" }), _jsx(_components.span, { className: "token punctuation", children: "." }), "VERSION", _jsx(_components.span, { className: "token punctuation", children: "." }), "SDK_INT ", _jsx(_components.span, { className: "token operator", children: "<" }), " ", _jsxs(_components.span, { className: "token class-name", children: ["Build", _jsx(_components.span, { className: "token punctuation", children: "." }), "VERSION_CODES", _jsx(_components.span, { className: "token punctuation", children: "." }), "N"] }), _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "13", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "return" }), " ", _jsx(_components.span, { className: "token function", children: "handleUrl" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "url", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.div, { "data-line": "14", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsxs(_components.div, { "data-line": "15", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "return" }), " ", _jsx(_components.span, { className: "token keyword", children: "super" }), _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "shouldOverrideUrlLoading" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "view", _jsx(_components.span, { className: "token punctuation", children: "," }), " url", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.div, { "data-line": "16", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsx(_components.div, { "data-line": "17", className: "highlight-line", "data-highlighted": "false", children: "\n" }), _jsxs(_components.div, { "data-line": "18", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token comment", children: "// 공통 URL 처리 로직" }), "\n"] }), _jsxs(_components.div, { "data-line": "19", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token keyword", children: "private" }), " ", _jsx(_components.span, { className: "token keyword", children: "boolean" }), " ", _jsx(_components.span, { className: "token function", children: "handleUrl" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token class-name", children: "String" }), " url", _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "20", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "if" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token operator", children: "!" }), _jsx(_components.span, { className: "token class-name", children: "URLUtil" }), _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "isNetworkUrl" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "url", _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token operator", children: "&&" }), " ", _jsx(_components.span, { className: "token operator", children: "!" }), _jsx(_components.span, { className: "token class-name", children: "URLUtil" }), _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "isJavaScriptUrl" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "url", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "21", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "final" }), " ", _jsx(_components.span, { className: "token class-name", children: "Uri" }), " uri", _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.div, { "data-line": "22", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "try" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "23", className: "highlight-line", "data-highlighted": "false", children: [" uri ", _jsx(_components.span, { className: "token operator", children: "=" }), " ", _jsx(_components.span, { className: "token class-name", children: "Uri" }), _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "parse" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "url", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.div, { "data-line": "24", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), " ", _jsx(_components.span, { className: "token keyword", children: "catch" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token class-name", children: "Exception" }), " e", _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "25", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "return" }), " ", _jsx(_components.span, { className: "token boolean", children: "false" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.div, { "data-line": "26", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsx(_components.div, { "data-line": "27", className: "highlight-line", "data-highlighted": "false", children: "\n" }), _jsxs(_components.div, { "data-line": "28", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "if" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token string", children: "\"intent\"" }), _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "equals" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "uri", _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "getScheme" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "29", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "return" }), " ", _jsx(_components.span, { className: "token function", children: "startSchemeIntent" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "url", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.div, { "data-line": "30", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), " ", _jsx(_components.span, { className: "token keyword", children: "else" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "31", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "try" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "32", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token function", children: "startActivity" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token keyword", children: "new" }), " ", _jsx(_components.span, { className: "token class-name", children: "Intent" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token class-name", children: "Intent" }), _jsx(_components.span, { className: "token punctuation", children: "." }), "ACTION_VIEW", _jsx(_components.span, { className: "token punctuation", children: "," }), " uri", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.div, { "data-line": "33", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "return" }), " ", _jsx(_components.span, { className: "token boolean", children: "true" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.div, { "data-line": "34", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), " ", _jsx(_components.span, { className: "token keyword", children: "catch" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token class-name", children: "Exception" }), " e", _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "35", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "return" }), " ", _jsx(_components.span, { className: "token boolean", children: "false" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.div, { "data-line": "36", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsxs(_components.div, { "data-line": "37", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsxs(_components.div, { "data-line": "38", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), " ", _jsx(_components.span, { className: "token keyword", children: "else" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "39", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "return" }), " ", _jsx(_components.span, { className: "token boolean", children: "false" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.div, { "data-line": "40", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsxs(_components.div, { "data-line": "41", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsx(_components.div, { "data-line": "42", className: "highlight-line", "data-highlighted": "false", children: "\n" }), _jsxs(_components.div, { "data-line": "43", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token keyword", children: "private" }), " ", _jsx(_components.span, { className: "token keyword", children: "boolean" }), " ", _jsx(_components.span, { className: "token function", children: "startSchemeIntent" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token class-name", children: "String" }), " url", _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "44", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "final" }), " ", _jsx(_components.span, { className: "token class-name", children: "Intent" }), " schemeIntent", _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsx(_components.div, { "data-line": "45", className: "highlight-line", "data-highlighted": "false", children: "\n" }), _jsxs(_components.div, { "data-line": "46", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "try" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "47", className: "highlight-line", "data-highlighted": "false", children: [" schemeIntent ", _jsx(_components.span, { className: "token operator", children: "=" }), " ", _jsx(_components.span, { className: "token class-name", children: "Intent" }), _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "parseUri" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "url", _jsx(_components.span, { className: "token punctuation", children: "," }), " ", _jsx(_components.span, { className: "token class-name", children: "Intent" }), _jsx(_components.span, { className: "token punctuation", children: "." }), "URI_INTENT_SCHEME", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.div, { "data-line": "48", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), " ", _jsx(_components.span, { className: "token keyword", children: "catch" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token class-name", children: "URISyntaxException" }), " e", _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "49", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "return" }), " ", _jsx(_components.span, { className: "token boolean", children: "false" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.div, { "data-line": "50", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsx(_components.div, { "data-line": "51", className: "highlight-line", "data-highlighted": "false", children: "\n" }), _jsxs(_components.div, { "data-line": "52", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "try" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "53", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token function", children: "startActivity" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "schemeIntent", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.div, { "data-line": "54", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "return" }), " ", _jsx(_components.span, { className: "token boolean", children: "true" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.div, { "data-line": "55", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), " ", _jsx(_components.span, { className: "token keyword", children: "catch" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token class-name", children: "ActivityNotFoundException" }), " e", _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "56", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "final" }), " ", _jsx(_components.span, { className: "token class-name", children: "String" }), " packageName ", _jsx(_components.span, { className: "token operator", children: "=" }), " schemeIntent", _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "getPackage" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsx(_components.div, { "data-line": "57", className: "highlight-line", "data-highlighted": "false", children: "\n" }), _jsxs(_components.div, { "data-line": "58", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "if" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token operator", children: "!" }), _jsx(_components.span, { className: "token class-name", children: "TextUtils" }), _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "isEmpty" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "packageName", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "59", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token function", children: "startActivity" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token keyword", children: "new" }), " ", _jsx(_components.span, { className: "token class-name", children: "Intent" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token class-name", children: "Intent" }), _jsx(_components.span, { className: "token punctuation", children: "." }), "ACTION_VIEW", _jsx(_components.span, { className: "token punctuation", children: "," }), " ", _jsx(_components.span, { className: "token class-name", children: "Uri" }), _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "parse" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token string", children: "\"market://details?id=\"" }), " ", _jsx(_components.span, { className: "token operator", children: "+" }), " packageName", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.div, { "data-line": "60", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "return" }), " ", _jsx(_components.span, { className: "token boolean", children: "true" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.div, { "data-line": "61", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsxs(_components.div, { "data-line": "62", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsx(_components.div, { "data-line": "63", className: "highlight-line", "data-highlighted": "false", children: "\n" }), _jsxs(_components.div, { "data-line": "64", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "return" }), " ", _jsx(_components.span, { className: "token boolean", children: "false" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.div, { "data-line": "65", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] })] }) }) })] }), "\n", _jsx(Callout, { type: "info", children: _jsxs(_components.p, { children: ["위와 같이 구현하기 어려우면 ", _jsx(LogNextLink, { passHref: true, href: "/resources/faq#q-android-11api-수준-30-이상인-앱에서-패키지-공개-상태-관리-대응은-어떻게-하나요", title: true, children: "패키지 공개 상태 관리 대응" }), "을 확인해보세요."] }) }), "\n", _jsxs(_components.h2, { id: "ios", children: [_jsx(_components.a, { className: "rehype-autolink", href: "#ios", children: _jsx(CopyLinkIcon, { id: "ios" }) }), "iOS", _jsx(FeedbackButton, { section: "iOS" })] }), "\n", _jsxs(_components.p, { children: ["먼저 ", _jsx(_components.code, { children: "Info.plist" }), " 에 LSApplicationQueriesSchemes 를 추가하고 카드사, 은행의 앱 스킴을 배열에 넣어 주세요. 설정하지 않으면, 앱이 열리지 않고 콘솔 쪽에 ", _jsx(_components.code, { children: "canOpenURL : failed for URL" }), " 에러가 발생합니다."] }), "\n", _jsx(_components.pre, { children: _jsxs(_components.code, { className: "language-xml", lang: "xml", children: [_jsx(_components.div, { "data-line": "1", className: "highlight-line", "data-highlighted": "false", children: "//Info.plist\n" }), _jsx(_components.div, { "data-line": "2", className: "highlight-line", "data-highlighted": "false", children: "\n" }), _jsxs(_components.div, { "data-line": "3", className: "highlight-line", "data-highlighted": "false", children: [_jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "key"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "LSApplicationQueriesSchemes", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "4", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "array"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "5", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "supertoss", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "6", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "kb-acp", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "7", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "liivbank", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "8", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "newliiv", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "9", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "kbbank", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "10", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "nhappcardansimclick", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "11", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "nhallonepayansimclick", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "12", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "nonghyupcardansimclick", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "13", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "lottesmartpay", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "14", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "lotteappcard", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "15", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "mpocket.online.ansimclick", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "16", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "ansimclickscard", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "17", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "tswansimclick", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "18", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "ansimclickipcollect", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "19", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "vguardstart", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "20", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "samsungpay", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "21", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "scardcertiapp", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "22", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "shinhan-sr-ansimclick", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "23", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "smshinhanansimclick", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "24", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "com.wooricard.wcard", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "25", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "newsmartpib", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "26", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "citispay", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "27", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "citicardappkr", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "28", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "citimobileapp", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "29", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "cloudpay", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "30", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "hanawalletmembers", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "31", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "hdcardappcardansimclick", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "32", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "smhyundaiansimclick", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "33", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "shinsegaeeasypayment", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "34", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "payco", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "35", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "lpayapp", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "36", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "ispmobile", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "37", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "tauthlink", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "38", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "ktauthexternalcall", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "39", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "upluscorporation", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "40", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "kftc-bankpay", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "41", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "kakaotalk", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "42", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "wooripay", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "43", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "lmslpay", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "44", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "naversearchthirdlogin", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "45", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "hanaskcardmobileportal", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "46", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), "string"] }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), "kb-bankpay", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] }), _jsxs(_components.div, { "data-line": "47", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsxs(_components.span, { className: "token tag", children: [_jsxs(_components.span, { className: "token tag", children: [_jsx(_components.span, { className: "token punctuation", children: "" })] }), "\n"] })] }) }), "\n", _jsx(_components.p, { children: "XCode에 필요한 앱 스킴을 추가했다면, 앱 간(App to App) 이동에 필요한 아래 코드를 살펴보세요." }), "\n", _jsxs(_components.p, { children: ["웹뷰에서 URL이 변경될 때 페이지 전환 대신 내 상점의 앱 스킴을 실행시키려면 ", _jsx(ExternalLink, { href: "https://developer.apple.com/documentation/webkit/wknavigationdelegate", children: "WKNavigationDelegate" }), " protocol 중 아래 코드에 해당하는 메서드를 구현해야 합니다."] }), "\n", _jsxs(Tab, { defaultValue: "swift", children: [_jsxs(Tab.List, { children: [_jsx(Tab.Item, { value: "swift", children: "Swift" }), _jsx(Tab.Item, { value: "obj-c", children: "Objective-C" })] }), _jsx(Tab.Content, { value: "swift", children: _jsx(_components.pre, { title: "Swift", children: _jsxs(_components.code, { className: "language-swift", lang: "swift", children: [_jsxs(_components.div, { "data-line": "1", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token keyword", children: "func" }), " ", _jsx(_components.span, { className: "token function-definition function", children: "webView" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "\n"] }), _jsxs(_components.div, { "data-line": "2", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token omit keyword", children: "_" }), " webView", _jsx(_components.span, { className: "token punctuation", children: ":" }), " ", _jsx(_components.span, { className: "token class-name", children: "WKWebView" }), _jsx(_components.span, { className: "token punctuation", children: "," }), "\n"] }), _jsxs(_components.div, { "data-line": "3", className: "highlight-line", "data-highlighted": "false", children: [" decidePolicyFor navigationAction", _jsx(_components.span, { className: "token punctuation", children: ":" }), " ", _jsx(_components.span, { className: "token class-name", children: "WKNavigationAction" }), _jsx(_components.span, { className: "token punctuation", children: "," }), "\n"] }), _jsxs(_components.div, { "data-line": "4", className: "highlight-line", "data-highlighted": "false", children: [" decisionHandler", _jsx(_components.span, { className: "token punctuation", children: ":" }), " ", _jsx(_components.span, { className: "token attribute atrule", children: "@escaping" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token class-name", children: "WKNavigationActionPolicy" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token operator", children: "->" }), " ", _jsx(_components.span, { className: "token class-name", children: "Void" }), "\n"] }), _jsxs(_components.div, { "data-line": "5", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "6", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "if" }), " ", _jsx(_components.span, { className: "token keyword", children: "let" }), " url ", _jsx(_components.span, { className: "token operator", children: "=" }), " navigationAction", _jsx(_components.span, { className: "token punctuation", children: "." }), "request", _jsx(_components.span, { className: "token punctuation", children: "." }), "url", _jsx(_components.span, { className: "token punctuation", children: "," }), "\n"] }), _jsxs(_components.div, { "data-line": "7", className: "highlight-line", "data-highlighted": "false", children: [" url", _jsx(_components.span, { className: "token punctuation", children: "." }), "scheme ", _jsx(_components.span, { className: "token operator", children: "!=" }), " ", _jsx(_components.span, { className: "token string-literal", children: _jsx(_components.span, { className: "token string", children: "\"http\"" }) }), " ", _jsx(_components.span, { className: "token operator", children: "&&" }), " url", _jsx(_components.span, { className: "token punctuation", children: "." }), "scheme ", _jsx(_components.span, { className: "token operator", children: "!=" }), " ", _jsx(_components.span, { className: "token string-literal", children: _jsx(_components.span, { className: "token string", children: "\"https\"" }) }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "8", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token class-name", children: "UIApplication" }), _jsx(_components.span, { className: "token punctuation", children: "." }), "shared", _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token keyword", children: "open" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "url", _jsx(_components.span, { className: "token punctuation", children: "," }), " options", _jsx(_components.span, { className: "token punctuation", children: ":" }), " ", _jsx(_components.span, { className: "token punctuation", children: "[" }), _jsx(_components.span, { className: "token punctuation", children: ":" }), _jsx(_components.span, { className: "token punctuation", children: "]" }), _jsx(_components.span, { className: "token punctuation", children: "," }), " completionHandler", _jsx(_components.span, { className: "token punctuation", children: ":" }), _jsx(_components.span, { className: "token punctuation", children: "{" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), "success", _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token keyword", children: "in" }), "\n"] }), _jsxs(_components.div, { "data-line": "9", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "if" }), " ", _jsx(_components.span, { className: "token operator", children: "!" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "success", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "10", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token comment", children: "/*앱이 설치되어 있지 않을 때*/" }), "\n"] }), _jsxs(_components.div, { "data-line": "11", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsxs(_components.div, { "data-line": "12", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), "\n"] }), _jsxs(_components.div, { "data-line": "13", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token function", children: "decisionHandler" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token punctuation", children: "." }), "cancel", _jsx(_components.span, { className: "token punctuation", children: ")" }), "\n"] }), _jsxs(_components.div, { "data-line": "14", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), " ", _jsx(_components.span, { className: "token keyword", children: "else" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "15", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token function", children: "decisionHandler" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token punctuation", children: "." }), "allow", _jsx(_components.span, { className: "token punctuation", children: ")" }), "\n"] }), _jsxs(_components.div, { "data-line": "16", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsxs(_components.div, { "data-line": "17", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] })] }) }) }), _jsx(Tab.Content, { value: "obj-c", children: _jsx(_components.pre, { title: "Objective-C", children: _jsxs(_components.code, { className: "language-objectivec", lang: "objectivec", children: [_jsxs(_components.div, { "data-line": "1", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token operator", children: "-" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token keyword", children: "void" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), "webView", _jsx(_components.span, { className: "token punctuation", children: ":" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "WKWebView ", _jsx(_components.span, { className: "token operator", children: "*" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), "webView\n"] }), _jsxs(_components.div, { "data-line": "2", className: "highlight-line", "data-highlighted": "false", children: [" decidePolicyForNavigationAction", _jsx(_components.span, { className: "token punctuation", children: ":" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "WKNavigationAction ", _jsx(_components.span, { className: "token operator", children: "*" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), "navigationAction\n"] }), _jsxs(_components.div, { "data-line": "3", className: "highlight-line", "data-highlighted": "false", children: [" decisionHandler", _jsx(_components.span, { className: "token punctuation", children: ":" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token keyword", children: "void" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token operator", children: "^" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "WKNavigationActionPolicy", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), "decisionHandler ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "4", className: "highlight-line", "data-highlighted": "false", children: [" NSURL", _jsx(_components.span, { className: "token operator", children: "*" }), " url ", _jsx(_components.span, { className: "token operator", children: "=" }), " navigationAction", _jsx(_components.span, { className: "token punctuation", children: "." }), "request", _jsx(_components.span, { className: "token punctuation", children: "." }), "URL", _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.div, { "data-line": "5", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "if" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), "url ", _jsx(_components.span, { className: "token operator", children: "!=" }), " nil ", _jsx(_components.span, { className: "token operator", children: "&&" }), " ", _jsx(_components.span, { className: "token operator", children: "!" }), _jsx(_components.span, { className: "token punctuation", children: "[" }), "url", _jsx(_components.span, { className: "token punctuation", children: "." }), "scheme isEqual", _jsx(_components.span, { className: "token punctuation", children: ":" }), _jsx(_components.span, { className: "token string", children: "@\"http\"" }), _jsx(_components.span, { className: "token punctuation", children: "]" }), " ", _jsx(_components.span, { className: "token operator", children: "&&" }), "\n"] }), _jsxs(_components.div, { "data-line": "6", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token operator", children: "!" }), _jsx(_components.span, { className: "token punctuation", children: "[" }), "url", _jsx(_components.span, { className: "token punctuation", children: "." }), "scheme isEqual", _jsx(_components.span, { className: "token punctuation", children: ":" }), _jsx(_components.span, { className: "token string", children: "@\"https\"" }), _jsx(_components.span, { className: "token punctuation", children: "]" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "7", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "[" }), _jsx(_components.span, { className: "token punctuation", children: "[" }), "UIApplication sharedApplication", _jsx(_components.span, { className: "token punctuation", children: "]" }), " openURL", _jsx(_components.span, { className: "token punctuation", children: ":" }), "url options", _jsx(_components.span, { className: "token punctuation", children: ":" }), _jsx(_components.span, { className: "token operator", children: "@" }), _jsx(_components.span, { className: "token punctuation", children: "{" }), _jsx(_components.span, { className: "token punctuation", children: "}" }), " completionHandler", _jsx(_components.span, { className: "token punctuation", children: ":" }), "nil", _jsx(_components.span, { className: "token punctuation", children: "]" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.div, { "data-line": "8", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token function", children: "decisionHandler" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "WKNavigationActionPolicyCancel", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.div, { "data-line": "9", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "return" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.div, { "data-line": "10", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsxs(_components.div, { "data-line": "11", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token function", children: "decisionHandler" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "WKNavigationActionPolicyAllow", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] })] }) }) })] }), "\n", _jsxs(_components.h2, { id: "flutter", children: [_jsx(_components.a, { className: "rehype-autolink", href: "#flutter", children: _jsx(CopyLinkIcon, { id: "flutter" }) }), "Flutter", _jsx(FeedbackButton, { section: "Flutter" })] }), "\n", _jsxs(_components.h3, { id: "플러그인-추가하기", children: [_jsx(_components.a, { className: "rehype-autolink", href: "#플러그인-추가하기", children: _jsx(CopyLinkIcon, { id: "플러그인-추가하기" }) }), "플러그인 추가하기", _jsx(FeedbackButton, { section: "플러그인 추가하기" })] }), "\n", _jsxs(_components.p, { children: [_jsx(_components.code, { children: "pubspec.yaml" }), " 파일에 가장 ", _jsx(ExternalLink, { href: "https://pub.dev/packages/tosspayments_widget_sdk_flutter", children: "최신 버전의 토스페이먼츠 플러그인" }), "을 추가해주세요."] }), "\n", _jsx(_components.pre, { title: "pubspec.yaml", children: _jsxs(_components.code, { className: "language-yaml", lang: "yaml", children: [_jsxs(_components.div, { "data-line": "1", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token key atrule", children: "dependencies" }), _jsx(_components.span, { className: "token punctuation", children: ":" }), "\n"] }), _jsxs(_components.div, { "data-line": "2", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token key atrule", children: "tosspayments_widget_sdk_flutter" }), _jsx(_components.span, { className: "token punctuation", children: ":" }), " ^0.X.X\n"] })] }) }), "\n", _jsxs(_components.h3, { id: "url-변환하기", children: [_jsx(_components.a, { className: "rehype-autolink", href: "#url-변환하기", children: _jsx(CopyLinkIcon, { id: "url-변환하기" }) }), "URL 변환하기", _jsx(FeedbackButton, { section: "URL 변환하기" })] }), "\n", _jsxs(_components.p, { children: ["Flutter 웹뷰에서는 Intent URL을 앱 스킴 URL로 변환해야 카드사 앱으로 이동합니다. 아래 예시와 같이 ", _jsx(_components.code, { children: "tossPaymentsWebview()" }), " 함수를 정의해서 사용하세요."] }), "\n", _jsx(_components.pre, { title: "Dart", children: _jsxs(_components.code, { className: "language-dart", lang: "dart", children: [_jsxs(_components.div, { "data-line": "1", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token keyword", children: "import" }), " ", _jsx(_components.span, { className: "token string-literal", children: _jsx(_components.span, { className: "token string", children: "'package:tosspayments_widget_sdk_flutter/model/tosspayments_url.dart'" }) }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsx(_components.div, { "data-line": "2", className: "highlight-line", "data-highlighted": "false", children: "\n" }), _jsxs(_components.div, { "data-line": "3", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token function", children: "tossPaymentsWebview" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "url", _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "4", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "final" }), " appScheme ", _jsx(_components.span, { className: "token operator", children: "=" }), " ", _jsx(_components.span, { className: "token class-name", children: "ConvertUrl" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "url", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), " ", _jsx(_components.span, { className: "token comment", children: "// Intent URL을 앱 스킴 URL로 변환" }), "\n"] }), _jsx(_components.div, { "data-line": "5", className: "highlight-line", "data-highlighted": "false", children: "\n" }), _jsxs(_components.div, { "data-line": "6", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "if" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), "appScheme", _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "isAppLink" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), " ", _jsx(_components.span, { className: "token comment", children: "// 앱 스킴 URL인지 확인" }), "\n"] }), _jsxs(_components.div, { "data-line": "7", className: "highlight-line", "data-highlighted": "false", children: [" appScheme", _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "launchApp" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "mode", _jsx(_components.span, { className: "token punctuation", children: ":" }), " ", _jsx(_components.span, { className: "token class-name", children: "LaunchMode" }), _jsx(_components.span, { className: "token punctuation", children: "." }), "externalApplication", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), " ", _jsx(_components.span, { className: "token comment", children: "// 앱 설치 상태에 따라 앱 실행 또는 마켓으로 이동" }), "\n"] }), _jsxs(_components.div, { "data-line": "8", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "return" }), " ", _jsx(_components.span, { className: "token class-name", children: "NavigationDecision" }), _jsx(_components.span, { className: "token punctuation", children: "." }), "prevent", _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.div, { "data-line": "9", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsxs(_components.div, { "data-line": "10", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] })] }) }), "\n", _jsxs(_components.h4, { id: "converturl", children: [_jsx(_components.a, { className: "rehype-autolink", href: "#converturl", children: _jsx(CopyLinkIcon, { id: "converturl" }) }), "ConvertUrl"] }), "\n", _jsx(_components.pre, { theme: "grey", copyable: "false", feedbackable: "false", children: _jsx(_components.code, { className: "language-dart", lang: "dart", children: _jsxs(_components.div, { "data-line": "1", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token class-name", children: "ConvertUrl" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), "url ", _jsx(_components.span, { className: "token punctuation", children: ":" }), " ", _jsx(_components.span, { className: "token class-name", children: "String" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), "\n"] }) }) }), "\n", _jsx(ParameterList, { children: _jsx(ParameterItem, { name: "url", children: _jsxs(_components.p, { children: ["앱 스킴 형태로 변환하고 싶은 Intent 스킴 URL입니다. 예를 들어 ", _jsx(_components.code, { children: "intent:appScheme://...#Intent;...;end;" }), " 형태의 Intent URL이 ", _jsx(_components.code, { children: "appScheme://..." }), " 형태의 앱 스킴 URL로 바뀝니다."] }) }) }), "\n", _jsxs(_components.h2, { id: "react-native", children: [_jsx(_components.a, { className: "rehype-autolink", href: "#react-native", children: _jsx(CopyLinkIcon, { id: "react-native" }) }), "React Native", _jsx(FeedbackButton, { section: "React Native" })] }), "\n", _jsxs(_components.h3, { id: "설치하기", children: [_jsx(_components.a, { className: "rehype-autolink", href: "#설치하기", children: _jsx(CopyLinkIcon, { id: "설치하기" }) }), "설치하기", _jsx(FeedbackButton, { section: "설치하기" })] }), "\n", _jsx(_components.p, { children: "npm 또는 yarn으로 토스페이먼츠 결제위젯 React Native SDK를 설치하세요." }), "\n", _jsx(_components.pre, { theme: "grey", copyable: "false", feedbackable: "false", children: _jsxs(_components.code, { className: "language-bash", lang: "bash", children: [_jsxs(_components.div, { "data-line": "1", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token comment", children: "# npm" }), "\n"] }), _jsxs(_components.div, { "data-line": "2", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token function", children: "npm" }), " ", _jsx(_components.span, { className: "token function", children: "install" }), " @tosspayments/widget-sdk-react-native\n"] }), _jsx(_components.div, { "data-line": "3", className: "highlight-line", "data-highlighted": "false", children: "\n" }), _jsxs(_components.div, { "data-line": "4", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token comment", children: "# yarn" }), "\n"] }), _jsxs(_components.div, { "data-line": "5", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token function", children: "yarn" }), " ", _jsx(_components.span, { className: "token function", children: "add" }), " @tosspayments/widget-sdk-react-native\n"] })] }) }), "\n", _jsxs(_components.h3, { id: "url-변환하기-1", children: [_jsx(_components.a, { className: "rehype-autolink", href: "#url-변환하기-1", children: _jsx(CopyLinkIcon, { id: "url-변환하기-1" }) }), "URL 변환하기", _jsx(FeedbackButton, { section: "URL 변환하기" })] }), "\n", _jsxs(_components.p, { children: ["React Native 웹뷰에서는 Intent URL을 앱 스킴 URL로 변환해야 카드사 앱으로 이동합니다. 아래 예시와 같이 ", _jsx(_components.code, { children: "urlConverter()" }), " 함수를 정의해서 사용하세요."] }), "\n", _jsx(_components.pre, { children: _jsxs(_components.code, { className: "language-tsx", lang: "tsx", children: [_jsxs(_components.div, { "data-line": "1", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token keyword", children: "import" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), " ConvertUrl ", _jsx(_components.span, { className: "token punctuation", children: "}" }), " ", _jsx(_components.span, { className: "token keyword", children: "from" }), " ", _jsx(_components.span, { className: "token string", children: "'@tosspayments/widget-sdk-react-native/src/utils/convertUrl'" }), "\n"] }), _jsx(_components.div, { "data-line": "2", className: "highlight-line", "data-highlighted": "false", children: "\n" }), _jsxs(_components.div, { "data-line": "3", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token keyword", children: "const" }), " ", _jsx(_components.span, { className: "token function-variable function", children: "urlConverter" }), " ", _jsx(_components.span, { className: "token operator", children: "=" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), "url", _jsx(_components.span, { className: "token operator", children: ":" }), " ", _jsx(_components.span, { className: "token builtin", children: "string" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token operator", children: "=>" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "4", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "const" }), " convertUrl ", _jsx(_components.span, { className: "token operator", children: "=" }), " ", _jsx(_components.span, { className: "token keyword", children: "new" }), " ", _jsx(_components.span, { className: "token class-name", children: "ConvertUrl" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "url", _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token comment", children: "// Intent URL을 앱 스킴 URL로 변환" }), "\n"] }), _jsxs(_components.div, { "data-line": "5", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "if" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), "convertUrl", _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "isAppLink" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "6", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token comment", children: "// 앱 스킴 URL인지 확인" }), "\n"] }), _jsxs(_components.div, { "data-line": "7", className: "highlight-line", "data-highlighted": "false", children: [" convertUrl", _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "launchApp" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "then" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "isLaunch ", _jsx(_components.span, { className: "token operator", children: "=>" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "8", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token comment", children: "// 앱 설치 상태에 따라 카드사 앱 실행 또는 앱마켓으로 이동" }), "\n"] }), _jsxs(_components.div, { "data-line": "9", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "if" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), "isLaunch ", _jsx(_components.span, { className: "token operator", children: "===" }), " ", _jsx(_components.span, { className: "token boolean", children: "false" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "10", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token comment", children: "// 앱 실행 실패시 처리 로직" }), "\n"] }), _jsxs(_components.div, { "data-line": "11", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsxs(_components.div, { "data-line": "12", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), "\n"] }), _jsxs(_components.div, { "data-line": "13", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), " ", _jsx(_components.span, { className: "token keyword", children: "else" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "14", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token keyword", children: "return" }), " ", _jsx(_components.span, { className: "token boolean", children: "true" }), "\n"] }), _jsxs(_components.div, { "data-line": "15", className: "highlight-line", "data-highlighted": "false", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsxs(_components.div, { "data-line": "16", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] })] }) }), "\n", _jsxs(_components.h4, { id: "converturl-1", children: [_jsx(_components.a, { className: "rehype-autolink", href: "#converturl-1", children: _jsx(CopyLinkIcon, { id: "converturl-1" }) }), "ConvertUrl"] }), "\n", _jsx(_components.pre, { theme: "grey", copyable: "false", feedbackable: "false", children: _jsxs(_components.code, { className: "language-dart", lang: "dart", children: [_jsxs(_components.div, { "data-line": "1", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token keyword", children: "class" }), " ", _jsx(_components.span, { className: "token class-name", children: "ConvertUrl" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.div, { "data-line": "2", className: "highlight-line", "data-highlighted": "false", children: [" url", _jsx(_components.span, { className: "token punctuation", children: ":" }), " string", _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.div, { "data-line": "3", className: "highlight-line", "data-highlighted": "false", children: [" appScheme", _jsx(_components.span, { className: "token operator", children: "?" }), _jsx(_components.span, { className: "token punctuation", children: ":" }), " string", _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.div, { "data-line": "4", className: "highlight-line", "data-highlighted": "false", children: [" appLink", _jsx(_components.span, { className: "token operator", children: "?" }), _jsx(_components.span, { className: "token punctuation", children: ":" }), " string", _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.div, { "data-line": "5", className: "highlight-line", "data-highlighted": "false", children: [" package", _jsx(_components.span, { className: "token operator", children: "?" }), _jsx(_components.span, { className: "token punctuation", children: ":" }), " string", _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.div, { "data-line": "6", className: "highlight-line", "data-highlighted": "false", children: [_jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] })] }) }), "\n", _jsxs(ParameterList, { children: [_jsx(ParameterItem, { name: "url", children: _jsxs(_components.p, { children: ["앱 스킴 형태로 변환하고 싶은 Intent 스킴 URL입니다. 예를 들어 ", _jsx(_components.code, { children: "intent:appScheme://...#Intent;...;end;" }), " 형태입니다."] }) }), _jsx(ParameterItem, { name: "appScheme", children: _jsxs(_components.p, { children: [_jsx(_components.code, { children: "url" }), "의 앱스킴입니다."] }) }), _jsx(ParameterItem, { name: "appLink", children: _jsxs(_components.p, { children: [_jsx(_components.code, { children: "url" }), "의 앱스킴 링크입니다. 예를 들어 ", _jsx(_components.code, { children: "appScheme://..." }), " 형태입니다."] }) }), _jsx(ParameterItem, { name: "package", children: _jsxs(_components.p, { children: [_jsx(_components.code, { children: "url" }), "의 앱 패키지 정보입니다."] }) })] })] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components); return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, { children: _jsx(_createMdxContent, props) })) : _createMdxContent(props); } return { default: MDXContent }; function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); }