import { AdFormat, AdBannerView } from "react-native-daro";import { Platform } from "react-native";
import { AdFormat, AdBannerView } from "react-native-daro-m";import { Platform } from "react-native";
const BANNER_AD_UNIT_ID = Platform.select({ ios: ${iOS unit Id}, android: ${Android unit id}, default: '',});<AdBannerView style={styles.bannerView} //컴포넌트 생성 시 애드유닛 ID 를 전달해야합니다. style 사이즈는 320x50 으로 설정해 주세요. adFormat={AdFormat.BANNER} adUnitId={BANNER_AD_UNIT_ID}/>
const BANNER_AD_UNIT_ID = Platform.select({ ios: ${iOS unit Id}, android: ${Android unit id}, default: '',});<AdBannerView style={styles.bannerView} //컴포넌트 생성 시 애드유닛 ID 를 전달해야합니다. style 사이즈는 300x250 으로 설정해 주세요. adFormat={AdFormat.MREC} adUnitId={BANNER_AD_UNIT_ID}/>
동일 AdUnitId를 여러 지면에서 사용하는 경우 각 지면을 구분할 수 있도록 placement를 반드시 입력해주세요
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"DARO DOCS","colors":{"primary":"#6300da","light":"#9747ff","dark":"#5400b9"},"logo":{"light":"https://mintcdn.com/delightroom-5a71a6a8/zubkjN5vMaM7lt41/logo/light.png?fit=max\u0026auto=format\u0026n=zubkjN5vMaM7lt41\u0026q=85\u0026s=baed95fe98e239c4559a3bb93eef6a3e","dark":"https://mintcdn.com/delightroom-5a71a6a8/zubkjN5vMaM7lt41/logo/dark.png?fit=max\u0026auto=format\u0026n=zubkjN5vMaM7lt41\u0026q=85\u0026s=5a9f99bddf9939ca21a4c24e0da7dd6e"},"favicon":"https://mintcdn.com/delightroom-5a71a6a8/zubkjN5vMaM7lt41/daro-favicon.png?fit=max\u0026auto=format\u0026n=zubkjN5vMaM7lt41\u0026q=85\u0026s=8c2595b9e772ef24236cc0f7e46753dc","navbar":{"links":[{"href":"mailto:[email protected]","label":"Support"}],"primary":{"type":"button","label":"Dashboard","href":"https://dashboard.daro.so"}},"footer":{"socials":{"linkedin":"https://linkedin.com/company/delightroom"}},"thumbnails":{"preset":"classic","appearance":"light","background":"https://mintcdn.com/delightroom-5a71a6a8/ZGUhh4KNQmDZ-0ZT/images/og-background.png?fit=max\u0026auto=format\u0026n=ZGUhh4KNQmDZ-0ZT\u0026q=85\u0026s=34a8c3fb141fbdd2ffa4d40641ccbc59","fonts":{"family":"Noto Sans KR"},"eyebrow":{"source":"none"}},"styling":{"latex":false},"navigation":{"global":{"anchors":[{"anchor":"Home","icon":"house","href":"https://daro.so"},{"anchor":"Blog","icon":"newspaper","href":"https://daro.so/blog"}]},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"delightroom-5a71a6a8","hasAudioNarration":false,"actualSubdomain":"delightroom-5a71a6a8","customDomains":["guide.daro.so"],"gitSource":{"type":"github","owner":"delightroom","repo":"daro-docs-mintlify","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6ae2f91cd24c5743574fe9c3","collectionId":"b92b7635-c283-4071-8088-0ce195ab1473","schemaVersion":"v3","latestBuiltDeploymentHistoryId":"6ae2f91cd24c5743574fe9c3"},"entitlements":{"AI_CHAT":{"status":"ENABLED"},"WEB_MCP":{"status":"ENABLED"},"NARRATION":{"status":"ENABLED"}},"buildId":"6ae2f91cd24c5743574fe9c3","clientVersion":"0.0.4045","searchFilterCounts":[{"language":"en","tag":"Guides","count":109},{"language":"ko","tag":"가이드","count":109},{"language":"en","tag":"Ad Formats","count":52},{"language":"ko","tag":"광고 포맷","count":52},{"language":"en","tag":"SDK Integration","count":48},{"language":"ko","tag":"SDK 통합하기","count":48},{"language":"en","tag":"Legacy SDK","count":40},{"language":"en","tag":"Legacy SDK Integration (Deprecated)","count":40},{"language":"ko","tag":"레거시 SDK","count":40},{"language":"ko","tag":"레거시 SDK 통합하기 (Deprecated)","count":40},{"language":"en","tag":"Android","count":22},{"language":"en","tag":"iOS","count":22},{"language":"ko","tag":"Android","count":22},{"language":"ko","tag":"iOS","count":22},{"language":"en","tag":"Flutter","count":18},{"language":"ko","tag":"Flutter","count":18},{"language":"en","tag":"React Native","count":17},{"language":"ko","tag":"React Native","count":17},{"language":"en","tag":"Unity","count":9},{"language":"ko","tag":"Unity","count":9}]},"assistantConfig":{},"basePath":"","hasChatPermissions":true,"hasWebMcpPermissions":true,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"byok-sep-25","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-updated-9-15","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"ko/sdk-integration/react-native/ad-formats/banner","slug":"/ko/sdk-integration/react-native/ad-formats/banner","pageMetadata":{"title":"배너 \u0026 MREC 광고","description":"DARO를 통해 배너와 MREC 광고를 구현하는 방법을 알아봅니다.","href":"/ko/sdk-integration/react-native/ad-formats/banner"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"DARO를 통해 배너와 MREC 광고를 구현하는 방법을 알아봅니다.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={code:`code`,hr:`hr`,li:`li`,pre:`pre`,span:`span`,ul:`ul`,..._provideComponents(),...props.components},{CodeBlock,CodeGroup,Heading,OptimizedImage,Tab,Tabs,Warning}=_components;if(!CodeBlock)_missingMdxReference(`CodeBlock`,true);if(!CodeGroup)_missingMdxReference(`CodeGroup`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);if(!Tab)_missingMdxReference(`Tab`,true);if(!Tabs)_missingMdxReference(`Tabs`,true);if(!Warning)_missingMdxReference(`Warning`,true);return _jsxs(_Fragment,{children:[_jsx(Heading,{level:`2`,id:`배너-\u0026-mrec-형태-소개`,children:`배너 \u0026 MREC 형태 소개`}),`\n`,_jsx(Heading,{level:`3`,id:`배너-광고`,children:`배너 광고`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:`앱 레이아웃의 일부를 차지하는 직사각형 광고 형태로 보편적으로 사용됩니다.`}),`\n`,_jsx(_components.li,{children:`대부분의 광고 디맨드들이 지원하는 형태인 320x50 사이즈를 사용합니다.`}),`\n`]}),`\n`,_jsx(OptimizedImage,{src:`https://mintcdn.com/delightroom-5a71a6a8/j3-znW7LKrbpP3mb/sdk-integration/common-img/ad-formats/banner-example.png?fit=max\u0026auto=format\u0026n=j3-znW7LKrbpP3mb\u0026q=85\u0026s=d00b59bcc639852f56ead46315f574a5`,alt:`Banner Example Pn`,title:`Banner Example Pn`,style:{width:`40%`},\"data-og-width\":`998`,width:`998`,\"data-og-height\":`2160`,height:`2160`,\"data-path\":`sdk-integration/common-img/ad-formats/banner-example.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/delightroom-5a71a6a8/j3-znW7LKrbpP3mb/sdk-integration/common-img/ad-formats/banner-example.png?w=280\u0026fit=max\u0026auto=format\u0026n=j3-znW7LKrbpP3mb\u0026q=85\u0026s=f416175ecf1807d0686cf15f37f95c51 280w, https://mintcdn.com/delightroom-5a71a6a8/j3-znW7LKrbpP3mb/sdk-integration/common-img/ad-formats/banner-example.png?w=560\u0026fit=max\u0026auto=format\u0026n=j3-znW7LKrbpP3mb\u0026q=85\u0026s=72aa90f01d7e0ad99616dc33cbdd2ee8 560w, https://mintcdn.com/delightroom-5a71a6a8/j3-znW7LKrbpP3mb/sdk-integration/common-img/ad-formats/banner-example.png?w=840\u0026fit=max\u0026auto=format\u0026n=j3-znW7LKrbpP3mb\u0026q=85\u0026s=38270df0e7bc43676bfabfc0c780fabe 840w, https://mintcdn.com/delightroom-5a71a6a8/j3-znW7LKrbpP3mb/sdk-integration/common-img/ad-formats/banner-example.png?w=1100\u0026fit=max\u0026auto=format\u0026n=j3-znW7LKrbpP3mb\u0026q=85\u0026s=eb67c1d0ed21e0d3395ccccdd426b0ae 1100w, https://mintcdn.com/delightroom-5a71a6a8/j3-znW7LKrbpP3mb/sdk-integration/common-img/ad-formats/banner-example.png?w=1650\u0026fit=max\u0026auto=format\u0026n=j3-znW7LKrbpP3mb\u0026q=85\u0026s=5841e5c17a7a55a926573381b6345c97 1650w, https://mintcdn.com/delightroom-5a71a6a8/j3-znW7LKrbpP3mb/sdk-integration/common-img/ad-formats/banner-example.png?w=2500\u0026fit=max\u0026auto=format\u0026n=j3-znW7LKrbpP3mb\u0026q=85\u0026s=71713066ec7daea9c9c65ad281255100 2500w`}),`\n`,_jsx(Heading,{level:`3`,id:`mrec-광고`,children:`MREC 광고`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:`300x250 의 사이즈를 MREC으로 구분하여 부릅니다.`}),`\n`,_jsx(_components.li,{children:`전반적으로 배너와 동일한 특성을 가집니다.`}),`\n`]}),`\n`,_jsx(OptimizedImage,{src:`https://mintcdn.com/delightroom-5a71a6a8/dxU0bpsPoPvkYh_g/sdk-integration/common-img/ad-formats/mrec-example.png?fit=max\u0026auto=format\u0026n=dxU0bpsPoPvkYh_g\u0026q=85\u0026s=6e43a92f3517134aba67f81f874cd36e`,alt:`Mrec Example Pn`,title:`Mrec Example Pn`,style:{width:`41%`},\"data-og-width\":`998`,width:`998`,\"data-og-height\":`2160`,height:`2160`,\"data-path\":`sdk-integration/common-img/ad-formats/mrec-example.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/delightroom-5a71a6a8/dxU0bpsPoPvkYh_g/sdk-integration/common-img/ad-formats/mrec-example.png?w=280\u0026fit=max\u0026auto=format\u0026n=dxU0bpsPoPvkYh_g\u0026q=85\u0026s=a6307e33ad3f0fea1b3067e9d8266177 280w, https://mintcdn.com/delightroom-5a71a6a8/dxU0bpsPoPvkYh_g/sdk-integration/common-img/ad-formats/mrec-example.png?w=560\u0026fit=max\u0026auto=format\u0026n=dxU0bpsPoPvkYh_g\u0026q=85\u0026s=012aa6c1c3f7b22ac40c0bdf10a6920c 560w, https://mintcdn.com/delightroom-5a71a6a8/dxU0bpsPoPvkYh_g/sdk-integration/common-img/ad-formats/mrec-example.png?w=840\u0026fit=max\u0026auto=format\u0026n=dxU0bpsPoPvkYh_g\u0026q=85\u0026s=743aaf03b791c91aac4f252845a549c5 840w, https://mintcdn.com/delightroom-5a71a6a8/dxU0bpsPoPvkYh_g/sdk-integration/common-img/ad-formats/mrec-example.png?w=1100\u0026fit=max\u0026auto=format\u0026n=dxU0bpsPoPvkYh_g\u0026q=85\u0026s=a6134502e9c70e44c8a498575fd9d7bf 1100w, https://mintcdn.com/delightroom-5a71a6a8/dxU0bpsPoPvkYh_g/sdk-integration/common-img/ad-formats/mrec-example.png?w=1650\u0026fit=max\u0026auto=format\u0026n=dxU0bpsPoPvkYh_g\u0026q=85\u0026s=0092896f3b55d8bce40cff3e4bdaf432 1650w, https://mintcdn.com/delightroom-5a71a6a8/dxU0bpsPoPvkYh_g/sdk-integration/common-img/ad-formats/mrec-example.png?w=2500\u0026fit=max\u0026auto=format\u0026n=dxU0bpsPoPvkYh_g\u0026q=85\u0026s=9f64fbb64c2fc2bf4455e7e383ef9eaa 2500w`}),`\n`,_jsx(_components.hr,{}),`\n`,_jsx(Heading,{level:`2`,id:`배너/mrec-컴포넌트-생성하기`,children:`배너/MREC 컴포넌트 생성하기`}),`\n`,_jsxs(Tabs,{children:[_jsx(Tab,{title:`Non-Reward`,id:`non-reward`,children:_jsx(CodeBlock,{filename:``,numberOfLines:`2`,language:`javascript`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`javascript`,children:_jsxs(_components.code,{language:`javascript`,numberOfLines:`2`,children:[_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#C586C0`},children:`import`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` { `}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`AdFormat`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`, `}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`AdBannerView`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` } `}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#C586C0`},children:`from`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` \"react-native-daro\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`;`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#C586C0`},children:`import`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` { `}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`Platform`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` } `}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#C586C0`},children:`from`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` \"react-native\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`;`})]}),`\n`]})})})}),_jsx(Tab,{title:`Reward`,id:`reward`,children:_jsx(CodeBlock,{filename:``,numberOfLines:`2`,language:`javascript`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`javascript`,children:_jsxs(_components.code,{language:`javascript`,numberOfLines:`2`,children:[_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#C586C0`},children:`import`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` { `}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`AdFormat`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`, `}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`AdBannerView`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` } `}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#C586C0`},children:`from`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` \"react-native-daro-m\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`;`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#C586C0`},children:`import`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` { `}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`Platform`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` } `}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#C586C0`},children:`from`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` \"react-native\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`;`})]}),`\n`]})})})})]}),`\n`,_jsxs(CodeGroup,{children:[_jsx(CodeBlock,{filename:`배너`,numberOfLines:`12`,language:`javascript`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`javascript`,children:_jsxs(_components.code,{language:`javascript`,numberOfLines:`12`,children:[_jsx(_components.span,{className:`line`}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`const`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#4FC1FF`},children:` BANNER_AD_UNIT_ID`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:` =`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:` Platform`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`.`}),_jsx(_components.span,{style:{color:`#8250DF`,\"--shiki-dark\":`#DCDCAA`},children:`select`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`({`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:` ios:`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:` $`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`{iOS unit `}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`Id`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`},`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:` android:`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:` $`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`{Android unit `}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`id`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`},`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:` default:`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` ''`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`,`})]}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`});`})}),`\n`,_jsx(_components.span,{className:`line`}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`\u003c`}),_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#4EC9B0`},children:`AdBannerView`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` style`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`{`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`styles`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`.`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`bannerView`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`}`}),_jsx(_components.span,{style:{color:`#6E7781`,\"--shiki-dark\":`#6A9955`},children:` //컴포넌트 생성 시 애드유닛 ID 를 전달해야합니다. style 사이즈는 320x50 으로 설정해 주세요.`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` adFormat`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`{`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`AdFormat`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`.`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#4FC1FF`},children:`BANNER`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`}`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` adUnitId`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`{`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#4FC1FF`},children:`BANNER_AD_UNIT_ID`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`}`})]}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`/>`})}),`\n`]})})}),_jsx(CodeBlock,{filename:`MREC`,numberOfLines:`12`,language:`javascript`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`javascript`,children:_jsxs(_components.code,{language:`javascript`,numberOfLines:`12`,children:[_jsx(_components.span,{className:`line`}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`const`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#4FC1FF`},children:` BANNER_AD_UNIT_ID`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:` =`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:` Platform`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`.`}),_jsx(_components.span,{style:{color:`#8250DF`,\"--shiki-dark\":`#DCDCAA`},children:`select`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`({`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:` ios:`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:` $`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`{iOS unit `}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`Id`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`},`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:` android:`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:` $`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`{Android unit `}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`id`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`},`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:` default:`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` ''`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`,`})]}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`});`})}),`\n`,_jsx(_components.span,{className:`line`}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`\u003c`}),_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#4EC9B0`},children:`AdBannerView`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` style`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`{`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`styles`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`.`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`bannerView`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`}`}),_jsx(_components.span,{style:{color:`#6E7781`,\"--shiki-dark\":`#6A9955`},children:` //컴포넌트 생성 시 애드유닛 ID 를 전달해야합니다. style 사이즈는 300x250 으로 설정해 주세요.`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` adFormat`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`{`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`AdFormat`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`.`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#4FC1FF`},children:`MREC`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`}`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` adUnitId`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`{`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#4FC1FF`},children:`BANNER_AD_UNIT_ID`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`}`})]}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`/>`})}),`\n`]})})})]}),`\n`,_jsx(Warning,{children:_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[`동일 AdUnitId를 여러 지면에서 사용하는 경우 각 지면을 구분할 수 있도록 `,_jsx(_components.code,{children:`placement`}),`를 반드시 입력해주세요`]}),`\n`]})})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...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.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"배너 \u0026 MREC 광고","description":"DARO를 통해 배너와 MREC 광고를 구현하는 방법을 알아봅니다.","href":"/ko/sdk-integration/react-native/ad-formats/banner"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"배너 \u0026 MREC 형태 소개","slug":"배너-\u0026-mrec-형태-소개","depth":2,"children":[{"title":"배너 광고","slug":"배너-광고","depth":3,"children":[]},{"title":"MREC 광고","slug":"mrec-광고","depth":3,"children":[]}]},{"title":"배너/MREC 컴포넌트 생성하기","slug":"배너/mrec-컴포넌트-생성하기","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"delightroom-5a71a6a8","siteName":"DARO DOCS","title":"배너 \u0026 MREC 광고 - DARO DOCS","navMaps":{"firstHrefInVersion":{"DARO 2.0 SDK":{"href":"/ko/sdk-integration/react-native/ad-formats/banner","matchLevel":0}},"firstHrefInLanguage":{"en":{"href":"/en/sdk-integration/react-native/ad-formats/banner","matchLevel":1},"ko":{"href":"/ko/sdk-integration/react-native/ad-formats/banner","matchLevel":0}}},"lastModified":"2026-09-28T03:33:57.291Z","originalFileLocation":"ko/sdk-integration/react-native/ad-formats/banner.mdx","locale":"ko"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"DARO를 통해 배너와 MREC 광고를 구현하는 방법을 알아봅니다.\">\u003cmeta data-mint-head name=\"application-name\" content=\"DARO DOCS\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/delightroom-5a71a6a8/iOSVTcXFom9qs1U1/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/delightroom-5a71a6a8/iOSVTcXFom9qs1U1/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/delightroom-5a71a6a8/iOSVTcXFom9qs1U1/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/delightroom-5a71a6a8/iOSVTcXFom9qs1U1/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/delightroom-5a71a6a8/iOSVTcXFom9qs1U1/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/delightroom-5a71a6a8/iOSVTcXFom9qs1U1/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/delightroom-5a71a6a8/iOSVTcXFom9qs1U1/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/delightroom-5a71a6a8/iOSVTcXFom9qs1U1/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/delightroom-5a71a6a8/iOSVTcXFom9qs1U1/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"배너 \u0026amp; MREC 광고 - DARO DOCS\">\u003cmeta data-mint-head property=\"og:description\" content=\"DARO를 통해 배너와 MREC 광고를 구현하는 방법을 알아봅니다.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"DARO DOCS\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://guide.daro.so/ko/sdk-integration/react-native/ad-formats/banner\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://delightroom-5a71a6a8.mintlify.app/_mintlify/api/og/v2?title=%EB%B0%B0%EB%84%88+%26+MREC+%EA%B4%91%EA%B3%A0\u0026amp;description=DARO%EB%A5%BC+%ED%86%B5%ED%95%B4+%EB%B0%B0%EB%84%88%EC%99%80+MREC+%EA%B4%91%EA%B3%A0%EB%A5%BC+%EA%B5%AC%ED%98%84%ED%95%98%EB%8A%94+%EB%B0%A9%EB%B2%95%EC%9D%84+%EC%95%8C%EC%95%84%EB%B4%85%EB%8B%88%EB%8B%A4.\u0026amp;theme=596b90eb16999ce38a7503da\u0026amp;signature=a908c8eaf49293d905712896404eb321e69a6e8b86da804d710f51623105a5e1\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"배너 \u0026amp; MREC 광고 - DARO DOCS\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"DARO를 통해 배너와 MREC 광고를 구현하는 방법을 알아봅니다.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://delightroom-5a71a6a8.mintlify.app/_mintlify/api/og/v2?title=%EB%B0%B0%EB%84%88+%26+MREC+%EA%B4%91%EA%B3%A0\u0026amp;description=DARO%EB%A5%BC+%ED%86%B5%ED%95%B4+%EB%B0%B0%EB%84%88%EC%99%80+MREC+%EA%B4%91%EA%B3%A0%EB%A5%BC+%EA%B5%AC%ED%98%84%ED%95%98%EB%8A%94+%EB%B0%A9%EB%B2%95%EC%9D%84+%EC%95%8C%EC%95%84%EB%B4%85%EB%8B%88%EB%8B%A4.\u0026amp;theme=596b90eb16999ce38a7503da\u0026amp;signature=a908c8eaf49293d905712896404eb321e69a6e8b86da804d710f51623105a5e1\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/delightroom-5a71a6a8/iOSVTcXFom9qs1U1/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"DARO DOCS\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#6300da\">\u003clink data-mint-head rel=\"canonical\" href=\"https://guide.daro.so/ko/sdk-integration/react-native/ad-formats/banner\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/ko/sdk-integration/react-native/ad-formats/banner.md\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"ko\" href=\"https://guide.daro.so/ko/sdk-integration/react-native/ad-formats/banner\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"en\" href=\"https://guide.daro.so/en/sdk-integration/react-native/ad-formats/banner\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"x-default\" href=\"https://guide.daro.so/ko/sdk-integration/react-native/ad-formats/banner\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://guide.daro.so/#organization\",\"name\":\"DARO DOCS\",\"url\":\"https://guide.daro.so\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/delightroom-5a71a6a8/zubkjN5vMaM7lt41/logo/light.png?fit=max\u0026auto=format\u0026n=zubkjN5vMaM7lt41\u0026q=85\u0026s=baed95fe98e239c4559a3bb93eef6a3e\"}},{\"@type\":\"WebSite\",\"@id\":\"https://guide.daro.so#website\",\"name\":\"DARO DOCS\",\"url\":\"https://guide.daro.so\",\"publisher\":{\"@id\":\"https://guide.daro.so/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://guide.daro.so/ko/sdk-integration/react-native/ad-formats/banner#webpage\",\"url\":\"https://guide.daro.so/ko/sdk-integration/react-native/ad-formats/banner\",\"name\":\"배너 \u0026 MREC 광고\",\"description\":\"DARO를 통해 배너와 MREC 광고를 구현하는 방법을 알아봅니다.\",\"dateModified\":\"2026-09-28T03:33:57.291Z\",\"isPartOf\":{\"@id\":\"https://guide.daro.so#website\"},\"breadcrumb\":{\"@id\":\"https://guide.daro.so/ko/sdk-integration/react-native/ad-formats/banner#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://guide.daro.so/ko/sdk-integration/react-native/ad-formats/banner#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"레거시 SDK\",\"item\":\"https://guide.daro.so/ko/sdk-integration/android/before-the-integration\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"레거시 SDK 통합하기 (Deprecated)\",\"item\":\"https://guide.daro.so/ko/sdk-integration/android/before-the-integration\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"React Native\",\"item\":\"https://guide.daro.so/ko/sdk-integration/react-native/before-the-integration\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"배너 \u0026 MREC 광고\",\"item\":\"https://guide.daro.so/ko/sdk-integration/react-native/ad-formats/banner\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://guide.daro.so/ko/sdk-integration/react-native/ad-formats/banner#article\",\"headline\":\"배너 \u0026 MREC 광고\",\"name\":\"배너 \u0026 MREC 광고\",\"description\":\"DARO를 통해 배너와 MREC 광고를 구현하는 방법을 알아봅니다.\",\"url\":\"https://guide.daro.so/ko/sdk-integration/react-native/ad-formats/banner\",\"mainEntityOfPage\":{\"@id\":\"https://guide.daro.so/ko/sdk-integration/react-native/ad-formats/banner#webpage\"},\"dateModified\":\"2026-09-28T03:33:57.291Z\",\"publisher\":{\"@id\":\"https://guide.daro.so/#organization\"},\"isPartOf\":{\"@id\":\"https://guide.daro.so#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"DARO DOCS\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"DARO DOCS","nav":{"global":{"anchors":[{"anchor":"Home","icon":"house","href":"https://daro.so"},{"anchor":"Blog","icon":"newspaper","href":"https://daro.so/blog"}]},"versions":[{"version":"DARO 2.0 SDK","languages":[{"language":"en","pages":[{"title":"en","href":"/en/sdk-integration/react-native/ad-formats/banner"}]},{"language":"ko","default":true,"tabs":[{"tab":"가이드","groups":[{"group":"DARO 2.0 SDK 마이그레이션","pages":[{"title":"DARO 2.0 SDK 소개","href":"/ko/new-daro-sdk/overview"},{"title":"레거시 SDK (2.0.0 미만) 지원 계획","href":"/ko/new-daro-sdk/legacy-support"},{"title":"마이그레이션 가이드","href":"/ko/new-daro-sdk/migration-guide"}]},{"group":"다로 시작하기","pages":[{"title":"시작하기 전에","href":"/ko/before-the-beginning"},{"title":"app-ads.txt 세팅","href":"/ko/app-ads-txt-settings"}]},{"group":"SDK 통합하기","pages":[{"group":"Android","icon":"android","pages":[{"title":"마이그레이션 가이드","href":"/ko/sdk-integration-v2/android/migration-guide"},{"title":"시작하기","href":"/ko/sdk-integration-v2/android/get-started"},{"group":"광고 포맷","pages":[{"title":"배너 / MREC 광고","href":"/ko/sdk-integration-v2/android/ad-formats/banner"},{"title":"네이티브 광고","href":"/ko/sdk-integration-v2/android/ad-formats/native"},{"title":"인터스티셜 광고","href":"/ko/sdk-integration-v2/android/ad-formats/interstitial"},{"title":"리워드 비디오 광고","href":"/ko/sdk-integration-v2/android/ad-formats/rewarded"},{"title":"앱 오프닝 광고","href":"/ko/sdk-integration-v2/android/ad-formats/appopen"},{"title":"라이트 팝업 광고","href":"/ko/sdk-integration-v2/android/ad-formats/lightpopup"}]},{"title":"개인 정보 보호 관리","href":"/ko/sdk-integration-v2/android/control-privacy"},{"title":"에러 처리","href":"/ko/sdk-integration-v2/android/error-handling"},{"title":"Android SDK 변경사항","href":"/ko/sdk-integration-v2/android/changelog"}]},{"group":"iOS","icon":"apple","pages":[{"title":"마이그레이션 가이드","href":"/ko/sdk-integration-v2/ios_new/migration-guide"},{"title":"시작하기","href":"/ko/sdk-integration-v2/ios_new/get-started"},{"group":"광고 포맷","pages":[{"title":"배너 \u0026 MREC 광고","href":"/ko/sdk-integration-v2/ios_new/ad-formats/bannerAndMREC"},{"title":"네이티브 광고","href":"/ko/sdk-integration-v2/ios_new/ad-formats/native"},{"title":"인터스티셜 광고","href":"/ko/sdk-integration-v2/ios_new/ad-formats/interstitial"},{"title":"리워드 비디오 광고","href":"/ko/sdk-integration-v2/ios_new/ad-formats/rewarded"},{"title":"앱 오프닝 광고","href":"/ko/sdk-integration-v2/ios_new/ad-formats/appopen"},{"title":"라이트 팝업 광고","href":"/ko/sdk-integration-v2/ios_new/ad-formats/lightpopup"}]},{"title":"개인 정보 보호 관리","href":"/ko/sdk-integration-v2/ios_new/control-privacy"},{"title":"에러 처리","href":"/ko/sdk-integration-v2/ios_new/error-handling"},{"title":"iOS SDK 변경사항","href":"/ko/sdk-integration-v2/ios_new/changelog"}]},{"group":"React Native","icon":"react","pages":[{"title":"마이그레이션 가이드","href":"/ko/sdk-integration-v2/react-native/migration-guide"},{"title":"시작하기","href":"/ko/sdk-integration-v2/react-native/get-started"},{"group":"광고 포맷","pages":[{"title":"배너 \u0026 MREC 광고","href":"/ko/sdk-integration-v2/react-native/ad-formats/banner"},{"title":"네이티브 광고","href":"/ko/sdk-integration-v2/react-native/ad-formats/native"},{"title":"인터스티셜 광고","href":"/ko/sdk-integration-v2/react-native/ad-formats/interstitial"},{"title":"리워드 비디오 광고","href":"/ko/sdk-integration-v2/react-native/ad-formats/rewarded"},{"title":"라이트 팝업 광고","href":"/ko/sdk-integration-v2/react-native/ad-formats/lightpopup"}]},{"title":"React Native SDK 변경사항","href":"/ko/sdk-integration-v2/react-native/changelog"}]},{"group":"Flutter","icon":"flutter","pages":[{"title":"마이그레이션 가이드","href":"/ko/sdk-integration-v2/flutter/migration-guide"},{"title":"시작하기","href":"/ko/sdk-integration-v2/flutter/get-started"},{"group":"광고 포맷","pages":[{"title":"배너 / MREC 광고","href":"/ko/sdk-integration-v2/flutter/ad-formats/banner"},{"title":"네이티브 광고","href":"/ko/sdk-integration-v2/flutter/ad-formats/native"},{"title":"인터스티셜 광고","href":"/ko/sdk-integration-v2/flutter/ad-formats/interstitial"},{"title":"리워드 비디오 광고","href":"/ko/sdk-integration-v2/flutter/ad-formats/rewarded"},{"title":"앱 오프닝 광고","href":"/ko/sdk-integration-v2/flutter/ad-formats/appopen"},{"title":"라이트 팝업 광고","href":"/ko/sdk-integration-v2/flutter/ad-formats/lightpopup"}]},{"title":"Flutter SDK 변경사항","href":"/ko/sdk-integration-v2/flutter/changelog"}]},{"group":"Unity","icon":"unity","pages":[{"title":"시작하기","href":"/ko/sdk-integration-v2/unity/get-started"},{"group":"광고 포맷","pages":[{"title":"배너 광고","href":"/ko/sdk-integration-v2/unity/ad-formats/banner"},{"title":"네이티브 광고","href":"/ko/sdk-integration-v2/unity/ad-formats/native"},{"title":"인터스티셜 광고","href":"/ko/sdk-integration-v2/unity/ad-formats/interstitial"},{"title":"리워드 비디오 광고","href":"/ko/sdk-integration-v2/unity/ad-formats/rewarded"},{"title":"앱 오픈 광고","href":"/ko/sdk-integration-v2/unity/ad-formats/appopen"},{"title":"라이트 팝업 광고","href":"/ko/sdk-integration-v2/unity/ad-formats/lightpopup"}]},{"group":"고급 기능","pages":[{"title":"ILRD 사용하기","href":"/ko/sdk-integration-v2/unity/ilrd"}]},{"title":"Unity SDK 변경사항","href":"/ko/sdk-integration-v2/unity/changelog"}]}]},{"group":"DARO 사용하기","pages":[{"group":"대시보드","pages":[{"title":"앱 추가하기","href":"/ko/how-to-use/register-an-app"},{"title":"앱 관리하기","href":"/ko/how-to-use/manage-apps"},{"title":"애드유닛 추가하기","href":"/ko/how-to-use/create-an-ad-unit"},{"title":"애드유닛 관리하기","href":"/ko/how-to-use/manage-an-ad-unit"},{"title":"리포트에서 지표 확인하기","href":"/ko/how-to-use/view-report-metrics"},{"title":"지급정보 입력하기","href":"/ko/how-to-use/enter-payment-info"}]},{"group":"심화 기능","pages":[{"title":"S2S 리워드 콜백 API","href":"/ko/advanced/s2s-reward-video-callback"},{"title":"Report API","href":"/ko/advanced/report-api"}]}]},{"group":"FAQ","pages":[{"group":"기술 연동","pages":[{"title":"연동이 잘되었는지 어떻게 확인하나요?","href":"/ko/faq/integration/check-integration"},{"title":"웹앱인데 DARO 연동이 가능한가요?","href":"/ko/faq/integration/web-app-integration"},{"title":"연동을 잘 한 것 같은데 광고가 노출되지 않아요.","href":"/ko/faq/integration/why-ad-not-imp"},{"title":"Xcode 16 환경에서의 bitcode 에러 이슈","href":"/ko/faq/integration/xcode-bitcode-error"}]},{"group":"광고 운영","pages":[{"title":"원치 않거나 부적절한 광고를 어떻게 차단하나요?","href":"/ko/faq/operation/block-unwanted-ads"},{"title":"정산은 어떻게 진행되나요?","href":"/ko/faq/operation/how-is-payment-processing-done"},{"title":"왜 오늘 데이터는 확인할 수 없나요?","href":"/ko/faq/operation/why-2-days-report"},{"title":"왜 연동 초기에 지표가 급변하나요? (급등, 급락 등)","href":"/ko/faq/operation/why-metrics-fluctuating"}]}]},{"group":"레거시 SDK","pages":[{"group":"레거시 SDK 통합하기 (Deprecated)","expanded":false,"pages":[{"group":"Android","icon":"android","pages":[{"title":"연동하기 전에","href":"/ko/sdk-integration/android/before-the-integration"},{"title":"시작하기","href":"/ko/sdk-integration/android/get-started"},{"group":"광고 포맷","pages":[{"title":"배너 \u0026 MREC 광고","href":"/ko/sdk-integration/android/ad-formats/banner"},{"title":"네이티브 광고","href":"/ko/sdk-integration/android/ad-formats/native"},{"title":"인터스티셜 광고","href":"/ko/sdk-integration/android/ad-formats/interstitial"},{"title":"리워드 비디오 광고","href":"/ko/sdk-integration/android/ad-formats/rewarded"},{"title":"앱 오프닝 광고","href":"/ko/sdk-integration/android/ad-formats/appopen"},{"title":"라이트 팝업 광고","href":"/ko/sdk-integration/android/ad-formats/lightpopup"}]},{"title":"개인 정보 보호 관리","href":"/ko/sdk-integration/android/control-privacy"},{"title":"에러 처리","href":"/ko/sdk-integration/android/error-handling"},{"title":"Android SDK 변경사항","href":"/ko/sdk-integration/android/changelog"}]},{"group":"iOS","icon":"apple","pages":[{"title":"연동하기 전에","href":"/ko/sdk-integration/ios_new/before-the-integration"},{"title":"시작하기","href":"/ko/sdk-integration/ios_new/get-started"},{"group":"광고 포맷","pages":[{"title":"배너 \u0026 MREC 광고","href":"/ko/sdk-integration/ios_new/ad-formats/bannerAndMREC"},{"title":"네이티브 광고","href":"/ko/sdk-integration/ios_new/ad-formats/native"},{"title":"인터스티셜 광고","href":"/ko/sdk-integration/ios_new/ad-formats/interstitial"},{"title":"리워드 비디오 광고","href":"/ko/sdk-integration/ios_new/ad-formats/rewarded"},{"title":"앱 오프닝 광고","href":"/ko/sdk-integration/ios_new/ad-formats/appopen"},{"title":"라이트 팝업 광고","href":"/ko/sdk-integration/ios_new/ad-formats/lightpopup"}]},{"title":"개인 정보 보호 관리","href":"/ko/sdk-integration/ios_new/control-privacy"},{"title":"에러 처리","href":"/ko/sdk-integration/ios_new/error-handling"},{"title":"iOS SDK 변경사항","href":"/ko/sdk-integration/ios_new/changelog"}]},{"group":"React Native","icon":"react","pages":[{"title":"연동하기 전에","href":"/ko/sdk-integration/react-native/before-the-integration"},{"title":"시작하기","description":"Daro React Native SDK를 앱에 통합하는 방법에 대해 안내합니다.","href":"/ko/sdk-integration/react-native/get-started"},{"group":"광고 포맷","pages":[{"title":"배너 \u0026 MREC 광고","href":"/ko/sdk-integration/react-native/ad-formats/banner"},{"title":"네이티브 광고","description":null,"href":"/ko/sdk-integration/react-native/ad-formats/native"},{"title":"인터스티셜 광고","href":"/ko/sdk-integration/react-native/ad-formats/interstitial"},{"title":"리워드 비디오 광고","href":"/ko/sdk-integration/react-native/ad-formats/rewarded"},{"title":"라이트 팝업 광고","href":"/ko/sdk-integration/react-native/ad-formats/lightpopup"}]},{"title":"React Native SDK 변경사항","href":"/ko/sdk-integration/react-native/changelog"},{"title":"React Native 마이그레이션 가이드","href":"/ko/sdk-integration/react-native/migration-guide"}]},{"group":"Flutter","icon":"flutter","pages":[{"title":"연동하기 전에","href":"/ko/sdk-integration/flutter/before-the-integration"},{"title":"시작하기","href":"/ko/sdk-integration/flutter/get-started"},{"group":"광고 포맷","pages":[{"title":"배너 \u0026 MREC 광고","href":"/ko/sdk-integration/flutter/ad-formats/banner"},{"title":"네이티브 광고","href":"/ko/sdk-integration/flutter/ad-formats/native"},{"title":"인터스티셜 광고","href":"/ko/sdk-integration/flutter/ad-formats/interstitial"},{"title":"리워드 비디오 광고","href":"/ko/sdk-integration/flutter/ad-formats/rewarded"},{"title":"앱 오픈 광고","href":"/ko/sdk-integration/flutter/ad-formats/appopen"},{"title":"라이트 팝업 광고","href":"/ko/sdk-integration/flutter/ad-formats/lightpopup"}]},{"title":"Flutter SDK 변경사항","href":"/ko/sdk-integration/flutter/changelog"}]}]}]}]}]}]}]},"basePath":"","title":"배너 \u0026 MREC 광고 - DARO DOCS","buildId":"dpl_36EDyZCDfRuoUD9af5CH4M1bqY2h","deploymentId":"dpl_36EDyZCDfRuoUD9af5CH4M1bqY2h","dynamics":["a74be98ba7"],"chunks":["zoom-image-lightbox-eHyQ0tlO.js","lightbox-handle-r17bVUz3.js"]}