드래그 앤 드롭 에디터는 기본적으로 시스템 폰트를 지원합니다. 사용자 정의 폰트를 사용하려면 HTML 블록을 사용해야 합니다.
HTML block
<!-- Place this into a HTML block at the top of your email --><style type="text/css"> /* Declare Bebas Neue (only loads in clients that support web fonts) */ @font-face { font-family: 'Bebas Neue'; font-style: normal; font-weight: 400; src: url('https://fonts.gstatic.com/s/bebasneue/v9/JTUSjIg69CK48gW7PXoo9Wlhzg.ttf') format('truetype'); }</style><h1 style="font-family:'Bebas Neue', Arial, Helvetica, sans-serif; font-size:36px; line-height:1.2; margin:0; text-transform:uppercase;"> 환영합니다!</h1><p style="font-family:Arial, Helvetica, sans-serif; font-size:16px; margin:12px 0 0;"> 구독해주셔서 감사합니다.</p>
많은 이메일 클라이언트(Gmail과 Windows용 Outlook 포함)는 웹 폰트를 로드하지 않습니다. 본문 텍스트에는 시스템 폰트를 사용하고 사용자 정의 폰트는 헤드라인에만 사용하세요. 항상 대체 폰트를 포함하거나, 보장된 타이포그래피를 위해 이미지를 사용하세요.
모든 마케팅 이메일에는 구독 취소 링크가 포함되어야 합니다. 없으면 받은 편지함 제공자가 이메일을 스팸으로 표시할 가능성이 높아집니다. 수신자가 OneSignal 기본 구독 취소 링크를 클릭하면 해당 이메일 구독이 자동으로 구독 취소 상태로 설정됩니다.다음 방법 중 하나를 사용하여 이메일에 [unsubscribe_url] 태그를 추가하세요:
Windows의 Outlook은 Microsoft Word 렌더링 엔진을 사용하며, 이는 최신 CSS를 지원하지 않습니다. 일반적인 문제로는 무시되는 max-width, 축소되는 배경 이미지, 로드되지 않는 웹 폰트 등이 있습니다. Outlook에서 특별히 테스트하고 이미지에 명시적인 width와 height 속성이 있는 인라인 CSS를 사용하세요.
상단 툴바의 미리보기 버튼을 사용하여 데스크톱과 모바일에서 이메일이 어떻게 렌더링되는지 확인하세요. 실제 테스트를 보내려면 테스트 이메일 발송을 클릭하고 수신자 주소를 입력하세요. 테스트 이메일은 받은 편지함으로 전달되어 실제 이메일 클라이언트에서 렌더링, 링크, 개인화를 확인할 수 있습니다.
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"OneSignal Documentation","description":"OneSignal is a platform for sending push notifications, emails, in-app messages, and SMS campaigns via a single API, Journey Builder, and a dashboard.","colors":{"primary":"#3A3DB3","light":"#E54B4D","dark":"#3A3DB3"},"logo":{"light":"https://mintcdn.com/onesignal/yJcueeDCO7UpHnnY/logo/OneSignal-Logo.svg?fit=max\u0026auto=format\u0026n=yJcueeDCO7UpHnnY\u0026q=85\u0026s=1fcfb6fef6d820fd9d99c74850711107","dark":"https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/logo/OneSignal-Logo-White.svg?fit=max\u0026auto=format\u0026n=s4WC_KzLxf8ornqq\u0026q=85\u0026s=2573a53b5aea961e18c82b3af8f31925"},"favicon":"https://mintcdn.com/onesignal/SGduBFHpiRdg5l6h/favicon.ico?fit=max\u0026auto=format\u0026n=SGduBFHpiRdg5l6h\u0026q=85\u0026s=c0a99fadc0553c658a83741c5611cef4","api":{"examples":{"languages":["curl","typescript","python","php","go","ruby","java","csharp","rust"],"autogenerate":true}},"navbar":{"links":[{"href":"mailto:support@onesignal.com","label":"Support"}],"primary":{"type":"button","label":"Dashboard","href":"https://dashboard.onesignal.com"}},"footer":{"socials":{"github":"https://github.com/OneSignal","linkedin":"https://linkedin.com/company/onesignal","youtube":"https://www.youtube.com/@onesignalofficial/playlists"}},"seo":{"metatags":{"apple-mobile-web-app-title":"OneSignal Docs"}},"fonts":{"family":"Nunito Sans"},"styling":{"eyebrows":"breadcrumbs","latex":true},"integrations":{"ga4":{"measurementId":"G-2DGWL0VYP5"},"posthog":{"apiKey":"phc_vZpvE0f5eyzcOt30FHer34yddVmNdo9kmlMVRBzLMtn","apiHost":"https://eu.i.posthog.com","sessionRecording":true}},"contextual":{"options":["copy","view","chatgpt","claude"],"display":"header"},"navigation":{"languages":[{"language":"en","href":"docs/en/home"},{"language":"cn","href":"docs/cn/home"},{"language":"ko","href":"docs/ko/home"},{"language":"ja","href":"docs/ja/home"},{"language":"tr","href":"docs/tr/home"},{"language":"pt-BR","href":"docs/pt-BR/home"},{"language":"es","href":"docs/es/home"},{"language":"fr","href":"docs/fr/home"}]}},"deployment":{"deploymentMetadataValue":{"subdomain":"onesignal","hasAudioNarration":false,"actualSubdomain":"onesignal","customDomains":["documentation.onesignal.com"],"gitSource":{"type":"github","owner":"onesignal","repo":"mintlify-docs","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"feedback":{"thumbs":true},"entitlements":{"AI_CHAT":{"status":"ENABLED"},"WEB_MCP":{"status":"ENABLED"},"NARRATION":{"status":"ENABLED"}},"buildId":"6af263cb6575a850b3cad407","clientVersion":"0.0.4094","searchFilterCounts":[{"language":"en","tag":"User Guides","count":203},{"language":"es","tag":"Guías del Usuario","count":178},{"language":"fr","tag":"Guides utilisateur","count":178},{"language":"ja","tag":"ユーザーガイド","count":178},{"language":"ko","tag":"사용자 가이드","count":178},{"language":"pt-BR","tag":"Guia do Usuário","count":178},{"language":"tr","tag":"Kullanıcı Kılavuzları","count":178},{"language":"cn","tag":"用户指南","count":176},{"language":"en","tag":"Message channels","count":90},{"language":"es","tag":"Canales de mensajería","count":84},{"language":"fr","tag":"Canaux de messagerie","count":84},{"language":"ja","tag":"メッセージングチャネル","count":84},{"language":"ko","tag":"메시지 채널","count":84},{"language":"pt-BR","tag":"Canais de mensagem","count":84},{"language":"tr","tag":"Mesaj kanalları","count":84},{"language":"cn","tag":"消息渠道","count":83},{"language":"default","tag":"API Reference","count":68},{"language":"default","tag":"API reference","count":64},{"language":"en","tag":"Analytics \u0026 Integrations","count":53},{"language":"es","tag":"Analítica \u0026 Integraciones","count":52},{"language":"fr","tag":"Analyses et intégrations","count":52},{"language":"ja","tag":"分析 \u0026 統合","count":52},{"language":"ko","tag":"분석 \u0026 통합","count":52},{"language":"pt-BR","tag":"Análises \u0026 Integrações","count":52},{"language":"tr","tag":"Analitik ve Entegrasyonlar","count":52},{"language":"cn","tag":"分析和集成","count":51},{"language":"cn","tag":"开发者指南","count":48},{"language":"es","tag":"Guías del desarrollador","count":48},{"language":"fr","tag":"Guides développeur","count":48},{"language":"ja","tag":"開発者ガイド","count":48},{"language":"ko","tag":"개발자 가이드","count":48},{"language":"tr","tag":"Geliştirici Kılavuzları","count":48},{"language":"en","tag":"Developer Guides","count":47},{"language":"pt-BR","tag":"Guia de desenvolvedor","count":47},{"language":"en","tag":"Integrations","count":37},{"language":"es","tag":"Integraciones","count":37},{"language":"fr","tag":"Intégrations","count":37},{"language":"ja","tag":"統合","count":37},{"language":"ko","tag":"통합","count":37},{"language":"pt-BR","tag":"Integrações","count":37},{"language":"tr","tag":"Entegrasyonlar","count":37},{"language":"cn","tag":"集成","count":36},{"language":"en","tag":"Tutorials","count":35},{"language":"cn","tag":"推送通知","count":31},{"language":"cn","tag":"OneSignal 作为目的地","count":31},{"language":"en","tag":"Push","count":31},{"language":"en","tag":"OneSignal as destination","count":31},{"language":"es","tag":"Push notificaciones","count":31},{"language":"es","tag":"OneSignal como destino","count":31},{"language":"fr","tag":"Push","count":31},{"language":"fr","tag":"OneSignal comme destination","count":31},{"language":"ja","tag":"プッシュ通知","count":31},{"language":"ja","tag":"OneSignal as 宛先","count":31},{"language":"ko","tag":"푸시","count":31},{"language":"ko","tag":"OneSignal을 데이터 목적지로 사용","count":31},{"language":"pt-BR","tag":"Push notificações","count":31},{"language":"pt-BR","tag":"OneSignal como destino","count":31},{"language":"tr","tag":"Anlık bildirimler","count":31},{"language":"tr","tag":"OneSignal hedef","count":31},{"language":"en","tag":"Mobile SDKs","count":26},{"language":"cn","tag":"移动SDK","count":25},{"language":"es","tag":"SDKs móviles","count":25},{"language":"fr","tag":"SDK mobiles","count":25},{"language":"ja","tag":"モバイルSDK","count":25},{"language":"ko","tag":"모바일 SDKs","count":25},{"language":"pt-BR","tag":"SDKs móveis","count":25},{"language":"tr","tag":"Mobil SDK'lar","count":25},{"language":"cn","tag":"教程","count":24},{"language":"es","tag":"Tutoriales","count":24},{"language":"fr","tag":"Tutoriels","count":24},{"language":"ja","tag":"チュートリアル","count":24},{"language":"ko","tag":"튜토리얼","count":24},{"language":"pt-BR","tag":"Tutoriais","count":24},{"language":"tr","tag":"Eğitimler","count":24},{"language":"en","tag":"Mobile SDK setup","count":19},{"language":"cn","tag":"移动SDK设置","count":18},{"language":"es","tag":"Configuración del SDK móvil","count":18},{"language":"fr","tag":"Configuration SDK mobile","count":18},{"language":"ja","tag":"モバイルSDKセットアップ","count":18},{"language":"ko","tag":"모바일 SDK 설정","count":18},{"language":"pt-BR","tag":"Configuração do SDK móvel","count":18},{"language":"tr","tag":"Mobil SDK kurulumu","count":18},{"language":"default","tag":"Messages","count":9},{"language":"default","tag":"Users","count":9},{"language":"default","tag":"Organization","count":9},{"language":"default","tag":"Journeys","count":8},{"language":"default","tag":"Deprecated","count":6},{"language":"default","tag":"Templates","count":6},{"language":"default","tag":"Subscriptions","count":6},{"language":"default","tag":"Segments","count":5}]},"assistantConfig":{"enableStarterQuestions":false,"deflection":{"enabled":true,"email":"support@onesignal.com","showHelpButton":true}},"basePath":"","hasChatPermissions":true,"hasWebMcpPermissions":true,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-rbac-roles","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":"rbac-expansion","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":"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":"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":"editor-metadata","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},{"name":"turbopuffer-serve","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"live-agents","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":true},"customCss":[],"page":{"pagePath":"docs/ko/design-emails-with-drag-and-drop","slug":"/docs/ko/design-emails-with-drag-and-drop","pageMetadata":{"title":"드래그 앤 드롭으로 이메일 디자인하기","description":"OneSignal의 드래그 앤 드롭 이메일 빌더를 사용하여 반응형 이메일을 시각적으로 만드세요. 설정, 행, 콘텐츠 블록, 개인화, 준수 링크에 대해 알아보세요.","keywords":["email builder","drag and drop editor","email design","create email","email templates","saved rows"],"href":"/docs/ko/design-emails-with-drag-and-drop"},"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: \"OneSignal의 드래그 앤 드롭 이메일 빌더를 사용하여 반응형 이메일을 시각적으로 만드세요. 설정, 행, 콘텐츠 블록, 개인화, 준수 링크에 대해 알아보세요.\"\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={a:`a`,code:`code`,hr:`hr`,li:`li`,ol:`ol`,p:`p`,pre:`pre`,span:`span`,strong:`strong`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,ul:`ul`,..._provideComponents(),...props.components},{Accordion,AccordionGroup,Card,Check,CodeBlock,CodeGroup,Columns,Frame,Heading,Info,Note,OptimizedImage,Step,Steps,Tab,Table,Tabs,Warning}=_components;if(!Accordion)_missingMdxReference(`Accordion`,true);if(!AccordionGroup)_missingMdxReference(`AccordionGroup`,true);if(!Card)_missingMdxReference(`Card`,true);if(!Check)_missingMdxReference(`Check`,true);if(!CodeBlock)_missingMdxReference(`CodeBlock`,true);if(!CodeGroup)_missingMdxReference(`CodeGroup`,true);if(!Columns)_missingMdxReference(`Columns`,true);if(!Frame)_missingMdxReference(`Frame`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!Info)_missingMdxReference(`Info`,true);if(!Note)_missingMdxReference(`Note`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);if(!Step)_missingMdxReference(`Step`,true);if(!Steps)_missingMdxReference(`Steps`,true);if(!Tab)_missingMdxReference(`Tab`,true);if(!Table)_missingMdxReference(`Table`,true);if(!Tabs)_missingMdxReference(`Tabs`,true);if(!Warning)_missingMdxReference(`Warning`,true);return _jsxs(_Fragment,{children:[_jsx(Heading,{level:`2`,id:`개요`,children:`개요`}),`\n`,_jsx(_components.p,{children:`OneSignal 드래그 앤 드롭 이메일 빌더를 사용하면 사용자의 받은 편지함에 표시되는 것과 정확히 같은 반응형 이메일을 시각적으로 디자인할 수 있습니다—완전한 HTML을 작성할 필요 없이 말이죠.`}),`\n`,_jsx(_components.p,{children:`세 가지 핵심 구성 요소를 사용하여 이메일을 만듭니다:`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`설정`}),` – 전체 이메일에 적용되는 글로벌 스타일과 레이아웃`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`행`}),` – 구조와 반응성을 제어하는 수평 레이아웃 컨테이너`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`콘텐츠`}),` – 텍스트, 이미지, 버튼, HTML과 같은 개별 블록`]}),`\n`]}),`\n`,_jsx(_components.p,{children:`아래 섹션에서 각 구성 요소와 이메일을 만드는 권장 순서를 설명합니다.`}),`\n`,_jsxs(Note,{children:[_jsx(_components.p,{children:`다음을 원한다면 드래그 앤 드롭 이메일 빌더를 사용하세요:`}),_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:`완전한 HTML 관리 없이 이메일을 시각적으로 디자인 (HTML 블록 사용 가능)`}),`\n`,_jsx(_components.li,{children:`캠페인 간에 행이나 템플릿을 재사용`}),`\n`,_jsx(_components.li,{children:`비기술적 팀 멤버가 안전하게 콘텐츠를 편집할 수 있도록 허용`}),`\n`]}),_jsxs(_components.p,{children:[`완전한 HTML 제어, 모든 곳에서의 사용자 정의 폰트, 또는 고급 다크 모드 로직이 필요하다면 `,_jsx(_components.a,{href:`/docs/ko/design-emails-with-html`,children:`HTML 에디터`}),`를 사용하세요.`]})]}),`\n`,_jsx(Heading,{level:`3`,id:`권장-빌드-플로우`,children:`권장 빌드 플로우`}),`\n`,_jsx(_components.p,{children:`최상의 결과를 얻고 렌더링 문제를 줄이려면 이 순서를 따르세요:`}),`\n`,_jsxs(_components.ol,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`설정`}),`에서 글로벌 스타일 설정`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`행`}),`을 사용하여 레이아웃 구조 추가`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`콘텐츠`}),` 블록 삽입`]}),`\n`,_jsx(_components.li,{children:`개인화 및 링크 추가`}),`\n`,_jsx(_components.li,{children:`구독 취소 링크 추가 (마케팅 이메일용)`}),`\n`,_jsx(_components.li,{children:`템플릿으로 저장하거나 발송`}),`\n`]}),`\n`,_jsxs(Check,{children:[_jsx(_components.p,{children:`완성 시 이메일은 다음을 충족해야 합니다:`}),_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:`너비가 600px 이하`}),`\n`,_jsx(_components.li,{children:`모바일과 데스크톱에서 깔끔하게 렌더링`}),`\n`,_jsx(_components.li,{children:`필수 준수 링크 포함`}),`\n`]})]}),`\n`,_jsxs(Warning,{children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`렌더링 또는 전달률 문제를 일으키는 일반적인 실수:`})}),_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`구독 취소 링크 누락`}),` — 마케팅 이메일에는 필수입니다. 없으면 받은 편지함 제공자가 이메일을 스팸으로 표시할 가능성이 높아집니다.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`600px보다 넓은 이메일`}),` — 모바일에서 가로 스크롤이 생기고 많은 클라이언트에서 레이아웃이 깨집니다.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`행의 배경 이미지`}),` — Outlook과 일부 모바일 클라이언트는 이를 렌더링하지 않습니다. 대신 이미지 블록을 사용하세요.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`대체 폰트 없음`}),` — 사용자 정의 웹 폰트는 일부 클라이언트에서만 로드됩니다. 항상 시스템 폰트 대체 옵션을 선언하세요.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`지나치게 큰 이미지`}),` — 1MB를 초과하는 이메일은 느리게 로드되거나 차단될 수 있습니다. 개별 이미지는 200KB 미만으로 유지하세요.`]}),`\n`]})]}),`\n`,_jsx(_components.hr,{}),`\n`,_jsx(Heading,{level:`2`,id:`설정`,children:`설정`}),`\n`,_jsx(_components.p,{children:`설정은 이메일의 기본 레이아웃과 스타일을 정의합니다. 명시적으로 재정의되지 않는 한 이러한 값들이 행과 콘텐츠 블록에 계단식으로 적용됩니다.`}),`\n`,_jsx(Frame,{caption:`드래그 앤 드롭 에디터의 글로벌 설정 패널`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-settings.png?fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=0a857f7754c6b1031926f2e62b6dde15`,alt:`Global settings panel in the Drag and Drop Editor`,\"data-og-width\":`2418`,width:`2418`,\"data-og-height\":`1652`,height:`1652`,\"data-path\":`images/email/email-drag-and-drop-settings.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-settings.png?w=280\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=a0981d5286a95fd696224687268d8784 280w, https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-settings.png?w=560\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=4aeb4e348428a4f3a9805032288b8035 560w, https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-settings.png?w=840\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=b7c843f6ff72676660fea22550de5b06 840w, https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-settings.png?w=1100\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=1486b1bbfb0f615ac68520d57c684296 1100w, https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-settings.png?w=1650\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=e5493cfb6128ffddc4110c02bbc5ac0a 1650w, https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-settings.png?w=2500\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=e9cd3858661ee1ef2c54c052917378bd 2500w`})}),`\n`,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`디자인 설정`}),_jsx(_components.th,{children:`설명`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`콘텐츠 영역 너비`}),_jsxs(_components.td,{children:[`이메일의 너비(픽셀). `,_jsx(_components.strong,{children:`권장:`}),` `,_jsx(_components.code,{children:`600px`}),`.`]})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`콘텐츠 영역 정렬`}),_jsx(_components.td,{children:`콘텐츠를 왼쪽 또는 중앙에 정렬.`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`배경색`}),_jsx(_components.td,{children:`콘텐츠 영역 뒤의 색상.`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`콘텐츠 영역 배경색`}),_jsx(_components.td,{children:`콘텐츠 영역 내의 색상.`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`기본 폰트`}),_jsx(_components.td,{children:`재정의되지 않는 한 모든 텍스트에 적용. 사용자 정의 폰트는 HTML이 필요.`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`링크 색상`}),_jsx(_components.td,{children:`모든 링크의 기본 색상.`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`언어`}),_jsxs(_components.td,{children:[`접근성을 위해 HTML `,_jsx(_components.code,{children:`lang`}),` 속성 설정. 기본값은 영어.`]})]})]})]}),`\n`,_jsx(Note,{children:_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`권장 기본값:`}),` 일관성을 보장하고 블록별 재정의를 줄이기 위해 설정에서 가능한 한 많은 스타일링을 구성하세요.`]})}),`\n`,_jsx(_components.hr,{}),`\n`,_jsx(Heading,{level:`2`,id:`행`,children:`행`}),`\n`,_jsx(_components.p,{children:`행은 이메일의 수평 레이아웃을 정의합니다. 각 행은 하나 이상의 열을 포함할 수 있고, 각 열은 콘텐츠 블록을 포함할 수 있습니다.`}),`\n`,_jsx(_components.p,{children:`구조를 구축하기 위해 에디터에 행을 드래그 앤 드롭하세요.`}),`\n`,_jsx(Frame,{caption:`이메일 구조를 위한 행 추가`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-rows.png?fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=77120964b859903fc5b9b14ae94f1c44`,alt:`Adding rows to structure an email`,\"data-og-width\":`2418`,width:`2418`,\"data-og-height\":`1652`,height:`1652`,\"data-path\":`images/email/email-drag-and-drop-rows.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-rows.png?w=280\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=6d3d3494a2317e0dc18527a328040c73 280w, https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-rows.png?w=560\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=490a060a017dce3ea101c43fd9a1a70c 560w, https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-rows.png?w=840\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=f87b98f7cc0d5c750e87c7be322239fc 840w, https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-rows.png?w=1100\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=2d15661691ec31505eea9e446fd9ec27 1100w, https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-rows.png?w=1650\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=3f86e5606d532c5b6ddf5b2a0aa21f97 1650w, https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-rows.png?w=2500\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=72fa2172c022e597ba94c45559bcab6a 2500w`})}),`\n`,_jsx(Note,{children:_jsx(_components.p,{children:`행을 사용하여 레이아웃과 간격을 제어하세요. 주요 레이아웃 결정에 개별 콘텐츠 블록에 의존하는 것은 피하세요.`})}),`\n`,_jsx(Heading,{level:`3`,id:`저장된-행`,children:`저장된 행`}),`\n`,_jsx(_components.p,{children:`저장된 행을 사용하면 이메일과 템플릿 전체에서 헤더, 푸터 또는 반복 섹션을 재사용할 수 있습니다.`}),`\n`,_jsxs(_components.p,{children:[`행의 `,_jsx(_components.strong,{children:`저장 아이콘`}),`을 클릭하여 저장하세요.`]}),`\n`,_jsx(Frame,{caption:`재사용을 위해 행 저장`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/onesignal/Xl2NHJvxakrK4JbL/images/docs/f4244e8-save-row.png?fit=max\u0026auto=format\u0026n=Xl2NHJvxakrK4JbL\u0026q=85\u0026s=d08bbd071e599b38cceb57a093db8837`,alt:`Saving a row for reuse`,\"data-og-width\":`1056`,width:`1056`,\"data-og-height\":`650`,height:`650`,\"data-path\":`images/docs/f4244e8-save-row.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/onesignal/Xl2NHJvxakrK4JbL/images/docs/f4244e8-save-row.png?w=280\u0026fit=max\u0026auto=format\u0026n=Xl2NHJvxakrK4JbL\u0026q=85\u0026s=6ad961a1a61061573f6bb614c6b6324c 280w, https://mintcdn.com/onesignal/Xl2NHJvxakrK4JbL/images/docs/f4244e8-save-row.png?w=560\u0026fit=max\u0026auto=format\u0026n=Xl2NHJvxakrK4JbL\u0026q=85\u0026s=d550f33ad36ff9817f03d8a9737851c0 560w, https://mintcdn.com/onesignal/Xl2NHJvxakrK4JbL/images/docs/f4244e8-save-row.png?w=840\u0026fit=max\u0026auto=format\u0026n=Xl2NHJvxakrK4JbL\u0026q=85\u0026s=7fd5c76f72bf4567e9a32112d26b943c 840w, https://mintcdn.com/onesignal/Xl2NHJvxakrK4JbL/images/docs/f4244e8-save-row.png?w=1100\u0026fit=max\u0026auto=format\u0026n=Xl2NHJvxakrK4JbL\u0026q=85\u0026s=041e57c32da273566b9c3ab1a6544784 1100w, https://mintcdn.com/onesignal/Xl2NHJvxakrK4JbL/images/docs/f4244e8-save-row.png?w=1650\u0026fit=max\u0026auto=format\u0026n=Xl2NHJvxakrK4JbL\u0026q=85\u0026s=0894654500518c442e3015d15a4d217c 1650w, https://mintcdn.com/onesignal/Xl2NHJvxakrK4JbL/images/docs/f4244e8-save-row.png?w=2500\u0026fit=max\u0026auto=format\u0026n=Xl2NHJvxakrK4JbL\u0026q=85\u0026s=132ccb6011d86ae4ab1befaaa114ca85 2500w`})}),`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Rows > Saved rows`}),`에서 저장된 행에 액세스하세요.`]}),`\n`,_jsx(Frame,{caption:`저장된 행 선택`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/onesignal/4HyuQPBpu-4xjmQC/images/docs/cc85e4fe9192d6917cf8b6e7be2ee3c13473d77cc7719d4bc4e14c26f40e00f8-image.png?fit=max\u0026auto=format\u0026n=4HyuQPBpu-4xjmQC\u0026q=85\u0026s=534a234a40e10750ae07706628f9fecd`,alt:`Selecting a saved row`,\"data-og-width\":`419`,width:`419`,\"data-og-height\":`705`,height:`705`,\"data-path\":`images/docs/cc85e4fe9192d6917cf8b6e7be2ee3c13473d77cc7719d4bc4e14c26f40e00f8-image.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/onesignal/4HyuQPBpu-4xjmQC/images/docs/cc85e4fe9192d6917cf8b6e7be2ee3c13473d77cc7719d4bc4e14c26f40e00f8-image.png?w=280\u0026fit=max\u0026auto=format\u0026n=4HyuQPBpu-4xjmQC\u0026q=85\u0026s=b6735702464ad3b024c12fc0d41c6db9 280w, https://mintcdn.com/onesignal/4HyuQPBpu-4xjmQC/images/docs/cc85e4fe9192d6917cf8b6e7be2ee3c13473d77cc7719d4bc4e14c26f40e00f8-image.png?w=560\u0026fit=max\u0026auto=format\u0026n=4HyuQPBpu-4xjmQC\u0026q=85\u0026s=926cd322d36f754063e79a6d42ddb001 560w, https://mintcdn.com/onesignal/4HyuQPBpu-4xjmQC/images/docs/cc85e4fe9192d6917cf8b6e7be2ee3c13473d77cc7719d4bc4e14c26f40e00f8-image.png?w=840\u0026fit=max\u0026auto=format\u0026n=4HyuQPBpu-4xjmQC\u0026q=85\u0026s=72913244888b5ccc7d65c3d159f80e01 840w, https://mintcdn.com/onesignal/4HyuQPBpu-4xjmQC/images/docs/cc85e4fe9192d6917cf8b6e7be2ee3c13473d77cc7719d4bc4e14c26f40e00f8-image.png?w=1100\u0026fit=max\u0026auto=format\u0026n=4HyuQPBpu-4xjmQC\u0026q=85\u0026s=ee9463e3a5ce046d7596dbdba65e4c58 1100w, https://mintcdn.com/onesignal/4HyuQPBpu-4xjmQC/images/docs/cc85e4fe9192d6917cf8b6e7be2ee3c13473d77cc7719d4bc4e14c26f40e00f8-image.png?w=1650\u0026fit=max\u0026auto=format\u0026n=4HyuQPBpu-4xjmQC\u0026q=85\u0026s=b10706205ee056d8a0a52eae7326d090 1650w, https://mintcdn.com/onesignal/4HyuQPBpu-4xjmQC/images/docs/cc85e4fe9192d6917cf8b6e7be2ee3c13473d77cc7719d4bc4e14c26f40e00f8-image.png?w=2500\u0026fit=max\u0026auto=format\u0026n=4HyuQPBpu-4xjmQC\u0026q=85\u0026s=247ba4605907c849575f063fcd8bfa17 2500w`})}),`\n`,_jsx(_components.p,{children:`저장된 행 카테고리:`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Empty`}),` – 빈 행 템플릿`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`My Saved Rows`}),` – 본인 또는 팀이 만든 행`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Sample Rows`}),` – OneSignal 예시`]}),`\n`]}),`\n`,_jsx(Heading,{level:`3`,id:`행-속성`,children:`행 속성`}),`\n`,_jsx(_components.p,{children:`행 수준 설정을 편집하려면 행의 바깥쪽 가장자리를 클릭하세요.`}),`\n`,_jsxs(Note,{children:[` 마우스를 올렸을 때 `,_jsx(_components.strong,{children:`행`}),` 대신 `,_jsx(_components.strong,{children:`콘텐츠`}),`가 표시된다면 콘텐츠 블록을 선택한 것입니다. 라벨에 `,_jsx(_components.strong,{children:`행`}),`이 표시될 때까지 바깥쪽 컨테이너 가장자리를 클릭하세요. `]}),`\n`,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`행 속성`}),_jsx(_components.th,{children:`설명`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`배경`}),_jsxs(_components.td,{children:[`행 뒤의 색상이나 이미지. `,_jsx(_components.strong,{children:`권장:`}),` 일관성을 위해 설정에서 배경색 설정.`]})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`테두리`}),_jsx(_components.td,{children:`테두리 색상, 너비, 스타일.`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`레이아웃`}),_jsx(_components.td,{children:`모바일이나 데스크톱에서 행 표시하거나 숨기기.`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`열`}),_jsx(_components.td,{children:`열 추가, 제거, 크기 조정 및 열 패딩 조정.`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`삭제/복제`}),_jsxs(_components.td,{children:[`행을 선택하고 `,_jsx(_components.strong,{children:`삭제`}),` 또는 `,_jsx(_components.strong,{children:`복제`}),` 아이콘을 사용하여 제거하거나 복사하세요.`]})]})]})]}),`\n`,_jsxs(Warning,{children:[` 행에서 배경 이미지 사용은 피하세요. 이메일 클라이언트 지원이 일관되지 않습니다. 행에 이미지만 있다면 대신 `,_jsx(_components.strong,{children:`이미지 블록`}),`을 사용하세요. `]}),`\n`,_jsx(_components.hr,{}),`\n`,_jsx(Heading,{level:`2`,id:`콘텐츠`,children:`콘텐츠`}),`\n`,_jsx(_components.p,{children:`콘텐츠 블록은 수신자가 보는 요소들입니다—텍스트, 이미지, 버튼, 구분선, HTML.`}),`\n`,_jsx(_components.p,{children:`콘텐츠 블록을 행의 열로 드래그하세요. 열 너비에 자동으로 맞춰집니다.`}),`\n`,_jsx(Frame,{caption:`사용 가능한 콘텐츠 블록`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-content.png?fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=c4a31c6aa103e112e90519cf6cc0956a`,alt:`Available content blocks`,\"data-og-width\":`2418`,width:`2418`,\"data-og-height\":`1660`,height:`1660`,\"data-path\":`images/email/email-drag-and-drop-content.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-content.png?w=280\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=92b34b65265138b7dfaabcbcaac661b8 280w, https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-content.png?w=560\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=3fc6457f9f509f955a3cc68b9e443468 560w, https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-content.png?w=840\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=f7133c2a0d1e92ab34a7feaed01f2828 840w, https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-content.png?w=1100\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=a65a8ecef5aee58f50cbdc8e72c17151 1100w, https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-content.png?w=1650\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=cf5fcb2d454e319811ed9a1f2af84017 1650w, https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-content.png?w=2500\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=fc0dcff6f0f34c60eaba6e6925ed2ad0 2500w`})}),`\n`,_jsxs(Info,{children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`콘텐츠 블록 결정 규칙:`})}),_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[`대부분의 텍스트에는 `,_jsx(_components.strong,{children:`텍스트 블록`}),`을 사용하세요.`]}),`\n`,_jsxs(_components.li,{children:[`시각적 요소나 사용자 정의 타이포그래피에는 `,_jsx(_components.strong,{children:`이미지 블록`}),`을 사용하세요.`]}),`\n`,_jsxs(_components.li,{children:[`고급 스타일링이나 동작이 필요한 경우에만 `,_jsx(_components.strong,{children:`HTML 블록`}),`을 사용하세요.`]}),`\n`]})]}),`\n`,_jsx(Heading,{level:`3`,id:`사용자-정의-폰트`,children:`사용자 정의 폰트`}),`\n`,_jsx(_components.p,{children:`드래그 앤 드롭 에디터는 기본적으로 시스템 폰트를 지원합니다. 사용자 정의 폰트를 사용하려면 HTML 블록을 사용해야 합니다.`}),`\n`,_jsx(CodeBlock,{filename:`HTML block`,numberOfLines:`18`,language:`html`,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:`html`,children:_jsxs(_components.code,{language:`html`,numberOfLines:`18`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{style:{color:`#6E7781`,\"--shiki-dark\":`#6A9955`},children:`\u003c!-- Place this into a HTML block at the top of your email -->`})}),`\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\":`#569CD6`},children:`style`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` type`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"text/css\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`})]}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{style:{color:`#6E7781`,\"--shiki-dark\":`#6A9955`},children:` /* Declare Bebas Neue (only loads in clients that support web fonts) */`})}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#C586C0`},children:` @font-face`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` {`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` font-family`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`: `}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`'Bebas Neue'`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`;`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` font-style`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`: `}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#CE9178`},children:`normal`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`;`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` font-weight`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`: `}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#B5CEA8`},children:`400`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`;`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` src`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`: `}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#DCDCAA`},children:`url`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`(`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`'https://fonts.gstatic.com/s/bebasneue/v9/JTUSjIg69CK48gW7PXoo9Wlhzg.ttf'`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`) `}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#DCDCAA`},children:`format`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`(`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`'truetype'`}),_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`,_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\":`#569CD6`},children:`style`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},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\":`#569CD6`},children:`h1`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` style`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"font-family:'Bebas Neue', Arial, Helvetica, sans-serif;`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` font-size:36px; line-height:1.2; margin:0; text-transform:uppercase;\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`})]}),`\n`,_jsx(_components.span,{className:`line`,children:_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\":`#808080`},children:`\u003c/`}),_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#569CD6`},children:`h1`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`})]}),`\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\":`#569CD6`},children:`p`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` style`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"font-family:Arial, Helvetica, sans-serif; font-size:16px; margin:12px 0 0;\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`})]}),`\n`,_jsx(_components.span,{className:`line`,children:_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\":`#808080`},children:`\u003c/`}),_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#569CD6`},children:`p`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`})]}),`\n`]})})}),`\n`,_jsx(Warning,{children:_jsx(_components.p,{children:`많은 이메일 클라이언트(Gmail과 Windows용 Outlook 포함)는 웹 폰트를 로드하지 않습니다. 본문 텍스트에는 시스템 폰트를 사용하고 사용자 정의 폰트는 헤드라인에만 사용하세요. 항상 대체 폰트를 포함하거나, 보장된 타이포그래피를 위해 이미지를 사용하세요.`})}),`\n`,_jsx(Heading,{level:`3`,id:`이미지-및-비디오`,children:`이미지 및 비디오`}),`\n`,_jsx(_components.p,{children:`OneSignal 대시보드에 이미지를 직접 업로드하여 팀이 재사용할 수 있게 만드세요. 에디터에서 자르기, 필터링 및 기타 효과를 지원합니다. 외부에 호스팅된 이미지와 비디오를 URL로 참조할 수도 있습니다—각 URL이 공개적으로 액세스 가능한지 확인하세요.`}),`\n`,_jsx(Heading,{level:`4`,id:`이메일용-권장-이미지-크기`,children:`이메일용 권장 이미지 크기`}),`\n`,_jsxs(AccordionGroup,{children:[_jsx(Accordion,{title:`화면 비율`,id:`%ED%97%A4%EB%8D%94%2F%EB%B0%B0%EB%84%88-%EC%9D%B4%EB%AF%B8%EC%A7%80%3A-3%3A1-%EB%98%90%EB%8A%94-4%3A1-(%EC%98%88%3A-600%C3%97200-%EB%98%90%EB%8A%94-600%C3%97150)-%ED%9E%88%EC%96%B4%EB%A1%9C-%EC%9D%B4%EB%AF%B8%EC%A7%80%3A-16%3A9-%EB%98%90%EB%8A%94-2%3A1-(%EC%98%88%3A-600%C3%97338-%EB%98%90%EB%8A%94-600%C3%97300)-%EC%A0%95%EC%82%AC%EA%B0%81%ED%98%95-%EC%9D%B4%EB%AF%B8%EC%A7%80%3A-1%3A1-(%EC%98%88%3A-300%C3%97300)-%E2%80%94-%EC%A0%9C%ED%92%88-%EA%B7%B8%EB%A6%AC%EB%93%9C%EC%97%90-%EC%A0%81%ED%95%A9-%EC%8D%B8%EB%84%A4%EC%9D%BC%3A-1%3A1-%EB%98%90%EB%8A%94-4%3A3-%EC%B5%9C%EB%8C%80-%EB%84%88%EB%B9%84%3A-600%E2%80%93700px%EA%B0%80-%ED%91%9C%EC%A4%80-(%EB%8C%80%EB%B6%80%EB%B6%84%EC%9D%98-%EC%9D%B4%EB%A9%94%EC%9D%BC-%ED%81%B4%EB%9D%BC%EC%9D%B4%EC%96%B8%ED%8A%B8)-%EB%A0%88%ED%8B%B0%EB%82%98-%EB%94%94%EC%8A%A4%ED%94%8C%EB%A0%88%EC%9D%B4%EB%A5%BC-%EC%9C%84%ED%95%B4-2x%EB%A1%9C-%EB%94%94%EC%9E%90%EC%9D%B8-(%EC%98%88%3A-1200px-%EB%84%88%EB%B9%84%2C-600px%EB%A1%9C-%ED%91%9C%EC%8B%9C)`,children:_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[`헤더/배너 이미지: `,_jsx(_components.code,{children:`3:1`}),` 또는 `,_jsx(_components.code,{children:`4:1`}),` (예: `,_jsx(_components.code,{children:`600×200`}),` 또는 `,_jsx(_components.code,{children:`600×150`}),`)`]}),`\n`,_jsxs(_components.li,{children:[`히어로 이미지: `,_jsx(_components.code,{children:`16:9`}),` 또는 `,_jsx(_components.code,{children:`2:1`}),` (예: `,_jsx(_components.code,{children:`600×338`}),` 또는 `,_jsx(_components.code,{children:`600×300`}),`)`]}),`\n`,_jsxs(_components.li,{children:[`정사각형 이미지: `,_jsx(_components.code,{children:`1:1`}),` (예: `,_jsx(_components.code,{children:`300×300`}),`) — 제품 그리드에 적합`]}),`\n`,_jsxs(_components.li,{children:[`썸네일: `,_jsx(_components.code,{children:`1:1`}),` 또는 `,_jsx(_components.code,{children:`4:3`})]}),`\n`,_jsxs(_components.li,{children:[`최대 너비: `,_jsx(_components.code,{children:`600–700px`}),`가 표준 (대부분의 이메일 클라이언트)`]}),`\n`,_jsxs(_components.li,{children:[`레티나 디스플레이를 위해 `,_jsx(_components.code,{children:`2x`}),`로 디자인 (예: `,_jsx(_components.code,{children:`1200px`}),` 너비, `,_jsx(_components.code,{children:`600px`}),`로 표시)`]}),`\n`]})}),_jsx(Accordion,{title:`파일 크기`,id:`-1`,children:_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[`개별 이미지를 `,_jsx(_components.code,{children:`100–200KB`}),` 미만으로 유지`]}),`\n`,_jsxs(_components.li,{children:[`총 이메일 크기(이미지 포함)를 `,_jsx(_components.code,{children:`1MB`}),` 미만으로 유지`]}),`\n`,_jsx(_components.li,{children:`이미지가 작을수록 로딩 속도가 빠르고 전달률이 향상됩니다`}),`\n`]})}),_jsx(Accordion,{title:`파일 형식`,id:`-2`,children:_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`JPG`}),` — 사진에 최적`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`PNG`}),` — 그래픽, 로고, 투명 이미지에 최적`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`GIF`}),` — 간단한 애니메이션용 (파일 크기를 작게 유지)`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`WebP`}),` — 이메일에서 아직 광범위하게 지원되지 않음 — 사용 자제`]}),`\n`]})}),_jsx(Accordion,{title:`일반 팁`,id:`-3`,children:_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:`접근성과 이미지가 로드되지 않을 때를 위해 항상 alt 텍스트 포함`}),`\n`,_jsxs(_components.li,{children:[`스타일링에 인라인 CSS 사용 (많은 클라이언트가 `,_jsx(_components.code,{children:`\u003cstyle>`}),` 태그 제거)`]}),`\n`,_jsx(_components.li,{children:`배경 이미지 피하기 (클라이언트 지원 불일치)`}),`\n`,_jsx(_components.li,{children:`클라이언트 간 테스트 — Gmail, Outlook, Apple Mail 모두 다르게 렌더링`}),`\n`,_jsxs(_components.li,{children:[`Outlook은 종종 이미지 차원을 무시하므로 HTML에서 `,_jsx(_components.code,{children:`width`}),`와 `,_jsx(_components.code,{children:`height`}),` 속성 모두 설정`]}),`\n`]})})]}),`\n`,_jsx(Heading,{level:`3`,id:`링크`,children:`링크`}),`\n`,_jsx(_components.p,{children:`OneSignal은 기본적으로 링크 추적을 활성화하며 다중 링크 추적을 지원합니다.`}),`\n`,_jsxs(Columns,{cols:2,children:[_jsx(Card,{title:`링크`,icon:`link`,href:`/docs/ko/links#email`,children:_jsx(_components.p,{children:`이메일의 링크 추적, 다중 링크 추적, 클릭 분석을 설정하세요.`})}),_jsx(Card,{title:`딥 링킹`,icon:`arrow-up-right-from-square`,href:`/docs/ko/deep-linking`,children:_jsx(_components.p,{children:`이메일 링크에서 앱의 특정 화면으로 수신자를 이동시키세요.`})})]}),`\n`,_jsx(Heading,{level:`4`,id:`구독-취소-링크`,children:`구독 취소 링크`}),`\n`,_jsxs(_components.p,{children:[`모든 마케팅 이메일에는 구독 취소 링크가 포함되어야 합니다. 없으면 받은 편지함 제공자가 이메일을 스팸으로 표시할 가능성이 높아집니다. 수신자가 OneSignal 기본 구독 취소 링크를 클릭하면 해당 이메일 `,_jsx(_components.a,{href:`/docs/ko/subscriptions`,children:`구독`}),`이 자동으로 구독 취소 상태로 설정됩니다.`]}),`\n`,_jsxs(_components.p,{children:[`다음 방법 중 하나를 사용하여 이메일에 `,_jsx(_components.code,{children:`[unsubscribe_url]`}),` 태그를 추가하세요:`]}),`\n`,_jsxs(Tabs,{children:[_jsxs(Tab,{title:`에디터 (특수 링크)`,id:`%EC%97%90%EB%94%94%ED%84%B0-%ED%8A%B9%EC%88%98-%EB%A7%81%ED%81%AC`,children:[_jsxs(_components.ol,{children:[`\n`,_jsx(_components.li,{children:`구독 취소 링크로 만들 텍스트를 선택하세요.`}),`\n`,_jsx(_components.li,{children:`툴바에서 링크 아이콘을 클릭하세요.`}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`특수 링크 > 구독 취소`}),`를 선택하세요.`]}),`\n`]}),_jsx(Frame,{caption:`에디터의 특수 링크를 사용하여 구독 취소 링크 추가`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-unsubscribe-link.png?fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=42c785978dc3142feba1b8de65cc9e62`,alt:`Adding the unsubscribe link using Special links in the editor`,\"data-og-width\":`1320`,width:`1320`,\"data-og-height\":`936`,height:`936`,\"data-path\":`images/email/email-drag-and-drop-unsubscribe-link.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-unsubscribe-link.png?w=280\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=7855e262bd88dfb9ce3f21a51facb0b0 280w, https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-unsubscribe-link.png?w=560\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=14487e00dd110f483aa857b3fec18f08 560w, https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-unsubscribe-link.png?w=840\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=95c68ff49005f348e6bb5e938d3d7ace 840w, https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-unsubscribe-link.png?w=1100\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=1fb67717a54c295243d63056c71b6dba 1100w, https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-unsubscribe-link.png?w=1650\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=431699ded25477eb8638cccc526564c0 1650w, https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-unsubscribe-link.png?w=2500\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=ecdc7200fb200260aefa48a74a90d3da 2500w`})})]}),_jsxs(Tab,{title:`HTML 블록`,id:`html-%EB%B8%94%EB%A1%9D`,children:[_jsx(_components.p,{children:`HTML 블록에 다음을 붙여넣으세요:`}),_jsx(CodeBlock,{filename:``,numberOfLines:`1`,language:`html`,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:`html`,children:_jsxs(_components.code,{language:`html`,numberOfLines:`1`,children:[_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\":`#569CD6`},children:`a`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` href`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"[unsubscribe_url]\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`Unsubscribe`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`\u003c/`}),_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#569CD6`},children:`a`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`})]}),`\n`]})})})]})]}),`\n`,_jsxs(Columns,{cols:2,children:[_jsx(Card,{title:`구독 취소 링크`,icon:`link-slash`,href:`/docs/ko/unsubscribe-links-email-subscriptions`,children:_jsx(_components.p,{children:`준수 요구사항과 OneSignal의 구독 취소 처리 방식.`})}),_jsx(Card,{title:`사용자 정의 구독 취소 페이지`,icon:`browser`,href:`/docs/ko/create-custom-unsubscribe-page`,children:_jsx(_components.p,{children:`기본 구독 취소 흐름을 브랜드에 맞는 페이지로 교체하세요.`})})]}),`\n`,_jsx(Heading,{level:`3`,id:`html-블록`,children:`HTML 블록`}),`\n`,_jsx(_components.p,{children:`드래그 앤 드롭 콘텐츠 블록으로는 제공할 수 없는 제어가 필요할 때 HTML 블록을 사용하세요:`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`다크 모드 재정의`}),` — `,_jsx(_components.code,{children:`prefers-color-scheme`}),` CSS 추가. 아래 `,_jsx(_components.a,{href:`#dark-mode-styling-with-drag-and-drop`,children:`다크 모드 스타일링`}),`을 참조하세요.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`사용자 정의 폰트`}),` — 대체 스택과 함께 `,_jsx(_components.code,{children:`@font-face`}),` 규칙 선언.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`고급 레이아웃`}),` — 다중 열 그리드, 조건부 콘텐츠, 또는 Outlook 전용 마크업.`]}),`\n`]}),`\n`,_jsx(Note,{children:_jsxs(_components.p,{children:[`JavaScript는 이메일에서 지원되지 않습니다. 인라인 CSS를 사용하세요 — 많은 클라이언트가 `,_jsx(_components.code,{children:`\u003cstyle>`}),` 태그, 클래스, ID를 제거합니다.`]})}),`\n`,_jsx(Heading,{level:`3`,id:`개인화`,children:`개인화`}),`\n`,_jsxs(_components.p,{children:[`Liquid 템플릿을 사용하여 이름, 태그, 또는 대체 값과 같은 구독자별 콘텐츠를 삽입하세요. 예: `,_jsx(_components.code,{children:`{{ first_name | default: \"there\" }}`})]}),`\n`,_jsx(Frame,{caption:`Liquid 템플릿을 사용한 메시지 개인화`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-personalization.png?fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=1bf7e704ceb2cdf940ffdfe3939dac44`,alt:`Using Liquid templating to personalize messages`,\"data-og-width\":`1232`,width:`1232`,\"data-og-height\":`670`,height:`670`,\"data-path\":`images/email/email-drag-and-drop-personalization.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-personalization.png?w=280\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=980da7ba4955c2ba7715d468efbc4b68 280w, https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-personalization.png?w=560\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=80ce6c980e68533ec6c70290ca8e8251 560w, https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-personalization.png?w=840\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=9ccf678d8771aa965144b2950c6a76d8 840w, https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-personalization.png?w=1100\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=268a96fed952ca5e4c28498782be1560 1100w, https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-personalization.png?w=1650\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=d362dd697fc3a36ad51d7710cdf4f237 1650w, https://mintcdn.com/onesignal/RBBmVfkQbMT-0tMb/images/email/email-drag-and-drop-personalization.png?w=2500\u0026fit=max\u0026auto=format\u0026n=RBBmVfkQbMT-0tMb\u0026q=85\u0026s=b76f9ed73f8f3da027c090e95b3feac0 2500w`})}),`\n`,_jsxs(Columns,{cols:2,children:[_jsx(Card,{title:`메시지 개인화`,icon:`user-pen`,href:`/docs/ko/message-personalization`,children:_jsx(_components.p,{children:`사용 가능한 개인화 변수와 사용 방법.`})}),_jsx(Card,{title:`Liquid 구문 사용`,icon:`code`,href:`/docs/ko/using-liquid-syntax`,children:_jsx(_components.p,{children:`조건문, 필터, 반복문, 고급 Liquid 패턴.`})})]}),`\n`,_jsx(_components.hr,{}),`\n`,_jsx(Heading,{level:`2`,id:`다크-모드`,children:`다크 모드`}),`\n`,_jsx(_components.p,{children:`대부분의 이메일은 변경 없이도 다크 모드에서 허용 가능하게 렌더링됩니다. 그러나 브랜드 색상, 흰색 배경의 로고, 또는 색상 섹션이 있는 이메일은 조정이 필요한 경우가 많습니다.`}),`\n`,_jsx(Heading,{level:`3`,id:`다크-모드-스타일링이-필요한가요`,children:`다크 모드 스타일링이 필요한가요?`}),`\n`,_jsx(_components.p,{children:`이메일에 다음 중 하나라도 포함되어 있다면 다크 모드 재정의를 추가하세요:`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`브랜드 색상 섹션`}),` — 채도가 높은 색상은 다크 모드에서 거칠게 보여 가독성을 해칩니다`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`흰색/밝은 배경의 로고 또는 아이콘`}),` — 배경은 반전될 수 있지만 이미지는 밝게 유지되어 보이지 않을 수 있습니다`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`색상 배경의 텍스트`}),` — 반전된 배경이 반전되지 않은 텍스트 색상과 충돌할 수 있습니다`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`클릭 유도 버튼`}),` — 버튼 배경이 예상치 못한 색상으로 반전될 수 있습니다`]}),`\n`]}),`\n`,_jsx(_components.p,{children:`이메일이 주로 텍스트로 이루어지고 스타일링이 최소화되어 있다면 기본 렌더링이 보통 허용 가능합니다.`}),`\n`,_jsx(Heading,{level:`3`,id:`에디터에서-다크-모드-미리보기`,children:`에디터에서 다크 모드 미리보기`}),`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`미리보기 모드`}),` 버튼을 사용하여 다크 모드 렌더링의 전반적인 미리보기를 확인하세요. 이 미리보기는 근사치입니다 — 실제 렌더링은 받은 편지함 제공자에 따라 다릅니다 (아래 `,_jsx(_components.a,{href:`#how-email-clients-handle-dark-mode`,children:`클라이언트 동작 표`}),` 참조).`]}),`\n`,_jsx(Frame,{caption:`드래그 앤 드롭 에디터의 미리보기 모드`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/onesignal/nqVPQMp5bHnJaL0x/images/email/email-drag-and-drop-dark-mode-preview.png?fit=max\u0026auto=format\u0026n=nqVPQMp5bHnJaL0x\u0026q=85\u0026s=8eb1757aa045df0becd6a393522853fe`,alt:`Preview mode in the Drag and Drop Editor`,\"data-og-width\":`2852`,width:`2852`,\"data-og-height\":`1830`,height:`1830`,\"data-path\":`images/email/email-drag-and-drop-dark-mode-preview.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/onesignal/nqVPQMp5bHnJaL0x/images/email/email-drag-and-drop-dark-mode-preview.png?w=280\u0026fit=max\u0026auto=format\u0026n=nqVPQMp5bHnJaL0x\u0026q=85\u0026s=8420f09a8121fb3cd4aac75d7b2856ad 280w, https://mintcdn.com/onesignal/nqVPQMp5bHnJaL0x/images/email/email-drag-and-drop-dark-mode-preview.png?w=560\u0026fit=max\u0026auto=format\u0026n=nqVPQMp5bHnJaL0x\u0026q=85\u0026s=db719c8aaf17280a994b83a29131c181 560w, https://mintcdn.com/onesignal/nqVPQMp5bHnJaL0x/images/email/email-drag-and-drop-dark-mode-preview.png?w=840\u0026fit=max\u0026auto=format\u0026n=nqVPQMp5bHnJaL0x\u0026q=85\u0026s=b18e91ef7288af7fd4dd8030ae48b43a 840w, https://mintcdn.com/onesignal/nqVPQMp5bHnJaL0x/images/email/email-drag-and-drop-dark-mode-preview.png?w=1100\u0026fit=max\u0026auto=format\u0026n=nqVPQMp5bHnJaL0x\u0026q=85\u0026s=9e22c99563de0731db5da1143825dc6e 1100w, https://mintcdn.com/onesignal/nqVPQMp5bHnJaL0x/images/email/email-drag-and-drop-dark-mode-preview.png?w=1650\u0026fit=max\u0026auto=format\u0026n=nqVPQMp5bHnJaL0x\u0026q=85\u0026s=d3fe5c3eb354416f4cd5563c6dbebcb9 1650w, https://mintcdn.com/onesignal/nqVPQMp5bHnJaL0x/images/email/email-drag-and-drop-dark-mode-preview.png?w=2500\u0026fit=max\u0026auto=format\u0026n=nqVPQMp5bHnJaL0x\u0026q=85\u0026s=00257fe2520fca0c07e85b8140357268 2500w`})}),`\n`,_jsx(Frame,{caption:`드래그 앤 드롭 에디터의 라이트 및 다크 모드 전환`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/onesignal/nqVPQMp5bHnJaL0x/images/email/email-drag-and-drop-light-dark-mode-toggle.png?fit=max\u0026auto=format\u0026n=nqVPQMp5bHnJaL0x\u0026q=85\u0026s=c6565bbb0effe970750a159cf234f23e`,alt:`Light and dark mode toggle in the Drag and Drop Editor`,\"data-og-width\":`2852`,width:`2852`,\"data-og-height\":`1830`,height:`1830`,\"data-path\":`images/email/email-drag-and-drop-light-dark-mode-toggle.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/onesignal/nqVPQMp5bHnJaL0x/images/email/email-drag-and-drop-light-dark-mode-toggle.png?w=280\u0026fit=max\u0026auto=format\u0026n=nqVPQMp5bHnJaL0x\u0026q=85\u0026s=456880d00d7cab6bba2fe782428dc178 280w, https://mintcdn.com/onesignal/nqVPQMp5bHnJaL0x/images/email/email-drag-and-drop-light-dark-mode-toggle.png?w=560\u0026fit=max\u0026auto=format\u0026n=nqVPQMp5bHnJaL0x\u0026q=85\u0026s=7d08de4380de1e4a589c186960578338 560w, https://mintcdn.com/onesignal/nqVPQMp5bHnJaL0x/images/email/email-drag-and-drop-light-dark-mode-toggle.png?w=840\u0026fit=max\u0026auto=format\u0026n=nqVPQMp5bHnJaL0x\u0026q=85\u0026s=4fd21ceab648869d370bd9ba4b904570 840w, https://mintcdn.com/onesignal/nqVPQMp5bHnJaL0x/images/email/email-drag-and-drop-light-dark-mode-toggle.png?w=1100\u0026fit=max\u0026auto=format\u0026n=nqVPQMp5bHnJaL0x\u0026q=85\u0026s=ef8f4e9ab50822167de74f7f9cb3e8d9 1100w, https://mintcdn.com/onesignal/nqVPQMp5bHnJaL0x/images/email/email-drag-and-drop-light-dark-mode-toggle.png?w=1650\u0026fit=max\u0026auto=format\u0026n=nqVPQMp5bHnJaL0x\u0026q=85\u0026s=4fb57ed4674976a9a468f03e37d1dc42 1650w, https://mintcdn.com/onesignal/nqVPQMp5bHnJaL0x/images/email/email-drag-and-drop-light-dark-mode-toggle.png?w=2500\u0026fit=max\u0026auto=format\u0026n=nqVPQMp5bHnJaL0x\u0026q=85\u0026s=38fc82f9113f68652a8d1bd7b9f33bcd 2500w`})}),`\n`,_jsx(Heading,{level:`3`,id:`이메일-클라이언트의-다크-모드-처리-방식`,children:`이메일 클라이언트의 다크 모드 처리 방식`}),`\n`,_jsx(_components.p,{children:`모든 이메일 클라이언트는 다크 모드를 다르게 적용합니다. 이 동작을 직접 제어할 수는 없지만, 모든 모드에서 잘 렌더링되는 이메일을 디자인할 수 있습니다.`}),`\n`,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`클라이언트`}),_jsx(_components.th,{children:`동작`}),_jsxs(_components.th,{children:[_jsx(_components.code,{children:`prefers-color-scheme`}),` CSS 지원 여부`]})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsxs(_components.td,{children:[_jsx(_components.strong,{children:`Apple Mail`}),` (iOS/macOS)`]}),_jsx(_components.td,{children:`완전한 색상 반전`}),_jsx(_components.td,{children:`예`})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{children:[_jsx(_components.strong,{children:`Gmail`}),` (iOS/Android 앱)`]}),_jsx(_components.td,{children:`부분 반전 — 밝은 배경은 변경되지만 모든 색상이 변경되지는 않음`}),_jsx(_components.td,{children:`아니오`})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{children:[_jsx(_components.strong,{children:`Gmail`}),` (웹)`]}),_jsx(_components.td,{children:`다크 모드 렌더링 없음`}),_jsx(_components.td,{children:`해당 없음`})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{children:[_jsx(_components.strong,{children:`Outlook`}),` (Windows)`]}),_jsx(_components.td,{children:`Word 렌더링 엔진을 사용한 완전한 반전`}),_jsx(_components.td,{children:`아니오 — 대부분의 CSS 재정의 무시`})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{children:[_jsx(_components.strong,{children:`Outlook`}),` (Mac/iOS)`]}),_jsx(_components.td,{children:`부분 반전`}),_jsx(_components.td,{children:`예`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Yahoo Mail`})}),_jsx(_components.td,{children:`부분 반전`}),_jsx(_components.td,{children:`아니오`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Samsung Mail`})}),_jsx(_components.td,{children:`완전한 반전`}),_jsx(_components.td,{children:`아니오`})]})]})]}),`\n`,_jsxs(Warning,{children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`주의해야 할 일반적인 다크 모드 오류:`})}),_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`사라지는 로고`}),` — 투명 PNG의 어두운 로고는 어두운 배경에서 보이지 않게 됩니다. 흰색 또는 밝은 외곽선을 추가하거나 밝은 배경이 내장된 버전을 사용하세요.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`읽기 어려운 텍스트`}),` — 밝은 배경의 어두운 텍스트는 배경이 반전된 후에도 어둡게 유지될 수 있습니다. 항상 텍스트 색상 재정의와 배경 재정의를 함께 적용하세요.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`충돌하는 브랜드 색상`}),` — 흰색에서 멋지게 보이는 채도 높은 브랜드 색상은 어두운 배경에서 거칠게 보입니다. 채도를 낮추거나 부드러운 대안을 테스트하세요.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`보이지 않는 버튼`}),` — 브랜드 색상 배경에 어두운 텍스트가 있는 CTA 버튼은 부분 반전 후 대비를 잃을 수 있습니다.`]}),`\n`]})]}),`\n`,_jsx(_components.p,{children:_jsx(_components.strong,{children:`디자인 팁:`})}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[`순수 흰색(`,_jsx(_components.code,{children:`#FFFFFF`}),`)과 순수 검정(`,_jsx(_components.code,{children:`#000000`}),`)을 피하세요. 완전 반전 클라이언트의 영향을 줄이기 위해 오프화이트와 진한 회색을 사용하세요.`]}),`\n`,_jsx(_components.li,{children:`투명 PNG는 주의해서 사용하세요. 어떤 배경색과도 잘 어울리지만, 투명 배경의 어두운 로고는 다크 모드에서 보이지 않게 됩니다. 로고에는 밝은 외곽선을 추가하거나 배경이 내장된 버전을 사용하세요.`}),`\n`,_jsx(_components.li,{children:`텍스트가 포함된 이미지에서 어두운 텍스트는 흰색으로 외곽선을 추가하여 가독성을 보장하세요. 어두운 배경의 흰색 텍스트는 검정으로 외곽선을 추가하세요.`}),`\n`]}),`\n`,_jsx(Heading,{level:`3`,id:`드래그-앤-드롭으로-다크-모드-스타일링`,children:`드래그 앤 드롭으로 다크 모드 스타일링`}),`\n`,_jsxs(_components.p,{children:[`일부 요소만 다크 모드에서 잘 렌더링되지 않는 경우, 해당 요소를 HTML 블록으로 교체하고 CSS 클래스와 `,_jsx(_components.code,{children:`!important`}),` 선언을 사용하여 스타일을 직접 재정의할 수 있습니다.`]}),`\n`,_jsxs(Steps,{children:[_jsxs(Step,{title:`이메일 상단에 HTML 블록 추가`,children:[_jsxs(_components.p,{children:[`이메일의 첫 번째 행에 `,_jsx(_components.strong,{children:`HTML 블록`}),`을 드래그하세요.`]}),_jsx(Frame,{caption:`이메일 상단에 HTML 블록 추가`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/onesignal/nqVPQMp5bHnJaL0x/images/email/email-drag-html-block.png?fit=max\u0026auto=format\u0026n=nqVPQMp5bHnJaL0x\u0026q=85\u0026s=b5ddeeb7ed1144655ba0ee92891f059f`,alt:`Adding an HTML block to the top of your email`,\"data-og-width\":`1299`,width:`1299`,\"data-og-height\":`603`,height:`603`,\"data-path\":`images/email/email-drag-html-block.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/onesignal/nqVPQMp5bHnJaL0x/images/email/email-drag-html-block.png?w=280\u0026fit=max\u0026auto=format\u0026n=nqVPQMp5bHnJaL0x\u0026q=85\u0026s=77dd8d201ea24c6c56cab282dea807b1 280w, https://mintcdn.com/onesignal/nqVPQMp5bHnJaL0x/images/email/email-drag-html-block.png?w=560\u0026fit=max\u0026auto=format\u0026n=nqVPQMp5bHnJaL0x\u0026q=85\u0026s=c67884c91bb1f4a02327bb3200ac6304 560w, https://mintcdn.com/onesignal/nqVPQMp5bHnJaL0x/images/email/email-drag-html-block.png?w=840\u0026fit=max\u0026auto=format\u0026n=nqVPQMp5bHnJaL0x\u0026q=85\u0026s=198ed4ab9dd75db17e6bc5a2a63ebbe1 840w, https://mintcdn.com/onesignal/nqVPQMp5bHnJaL0x/images/email/email-drag-html-block.png?w=1100\u0026fit=max\u0026auto=format\u0026n=nqVPQMp5bHnJaL0x\u0026q=85\u0026s=ad2414f6752776c18d46a97f92dcd12c 1100w, https://mintcdn.com/onesignal/nqVPQMp5bHnJaL0x/images/email/email-drag-html-block.png?w=1650\u0026fit=max\u0026auto=format\u0026n=nqVPQMp5bHnJaL0x\u0026q=85\u0026s=0b2efef6a8c7eab5bdbf8789c4fc2dd7 1650w, https://mintcdn.com/onesignal/nqVPQMp5bHnJaL0x/images/email/email-drag-html-block.png?w=2500\u0026fit=max\u0026auto=format\u0026n=nqVPQMp5bHnJaL0x\u0026q=85\u0026s=e5a890f21b15dcd9b445e9390fb54c6d 2500w`})})]}),_jsxs(Step,{title:`다크 모드 CSS 추가`,children:[_jsxs(_components.p,{children:[`HTML 블록에 다음을 붙여넣으세요. `,_jsx(_components.code,{children:`prefers-color-scheme: dark`}),` 미디어 쿼리는 수신자의 이메일 클라이언트가 다크 모드일 때만 스타일을 적용합니다.`]}),_jsx(CodeBlock,{filename:`HTML block`,numberOfLines:`22`,language:`html`,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:`html`,children:_jsxs(_components.code,{language:`html`,numberOfLines:`22`,children:[_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\":`#569CD6`},children:`meta`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` name`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"color-scheme\"`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` content`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"light dark\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:` />`})]}),`\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\":`#569CD6`},children:`meta`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` name`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"supported-color-schemes\"`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` content`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"light dark\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:` />`})]}),`\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\":`#569CD6`},children:`style`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#D7BA7D`},children:` :root`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` {`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` color-scheme`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`: `}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#CE9178`},children:`light`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#CE9178`},children:` dark`}),_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:`#CF222E`,\"--shiki-dark\":`#C586C0`},children:` @media`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` (prefers-color-scheme: dark) {`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#D7BA7D`},children:` .email-body`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` {`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` background-color`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`: `}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#CE9178`},children:`#1a1a1a`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:` !important`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`;`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` color`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`: `}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#CE9178`},children:`#f0f0f0`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:` !important`}),_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:`#0550AE`,\"--shiki-dark\":`#D7BA7D`},children:` .email-header`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` {`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` background-color`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`: `}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#CE9178`},children:`#2d2d2d`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:` !important`}),_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:`#0550AE`,\"--shiki-dark\":`#D7BA7D`},children:` .email-button`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` {`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` background-color`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`: `}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#CE9178`},children:`#0a84ff`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:` !important`}),_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`,children:_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\":`#808080`},children:`\u003c/`}),_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#569CD6`},children:`style`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`})]}),`\n`]})})})]}),_jsxs(Step,{title:`문제가 있는 콘텐츠를 HTML 블록으로 교체`,children:[_jsx(_components.p,{children:`다크 모드에서 올바르게 렌더링되지 않는 콘텐츠 블록을 위에서 정의한 CSS 클래스를 사용하는 HTML 블록으로 교체하세요.`}),_jsxs(CodeGroup,{children:[_jsx(CodeBlock,{filename:`email-header`,numberOfLines:`6`,language:`html`,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:`html`,children:_jsxs(_components.code,{language:`html`,numberOfLines:`6`,children:[_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\":`#569CD6`},children:`div`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` class`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"email-header\"`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` style`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"background-color: #f5f5f5; padding: 0; text-align: center;\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`})]}),`\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\":`#569CD6`},children:`img`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` src`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"https://dashboard.onesignal.com/assets/email/your-email-strategy-starts-here.jpg\"`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` alt`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"Your email strategy starts here\"`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` width`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"600\"`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` style`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"display: block; width: 100%; max-width: 600px; height: auto;\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:` />`})]}),`\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\":`#569CD6`},children:`div`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`})]}),`\n`]})})}),_jsx(CodeBlock,{filename:`email-body`,numberOfLines:`9`,language:`html`,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:`html`,children:_jsxs(_components.code,{language:`html`,numberOfLines:`9`,children:[_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\":`#569CD6`},children:`div`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` class`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"email-body\"`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` style`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"background-color: #ffffff; color: #333333; padding: 24px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.5;\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`})]}),`\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\":`#569CD6`},children:`p`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` style`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"margin: 0 0 16px;\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`Hi {{ first_name | default: 'there' }}!`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`\u003c/`}),_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#569CD6`},children:`p`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`})]}),`\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\":`#569CD6`},children:`p`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` style`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"margin: 0 0 16px;\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`Ready to craft a stunning email? Here's how to get started:`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`\u003c/`}),_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#569CD6`},children:`p`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`})]}),`\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\":`#569CD6`},children:`ul`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` style`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"margin: 0 0 16px; padding-left: 20px;\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`})]}),`\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\":`#569CD6`},children:`li`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` style`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"margin-bottom: 8px;\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>\u003c`}),_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#569CD6`},children:`strong`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`Drag `}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`\u0026amp;`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` drop simplicity:`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`\u003c/`}),_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#569CD6`},children:`strong`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` Add text, images, and buttons to your email.`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`\u003c/`}),_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#569CD6`},children:`li`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`})]}),`\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\":`#569CD6`},children:`li`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` style`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"margin-bottom: 8px;\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>\u003c`}),_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#569CD6`},children:`strong`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`Build smarter with Saved Rows:`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`\u003c/`}),_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#569CD6`},children:`strong`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` Create reusable headers and footers for consistent branding.`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`\u003c/`}),_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#569CD6`},children:`li`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`})]}),`\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\":`#569CD6`},children:`li`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` style`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"margin-bottom: 8px;\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>\u003c`}),_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#569CD6`},children:`strong`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`Test `}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`\u0026amp;`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` preview:`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`\u003c/`}),_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#569CD6`},children:`strong`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` Verify your email on every device before sending.`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`\u003c/`}),_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#569CD6`},children:`li`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`})]}),`\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\":`#569CD6`},children:`ul`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`})]}),`\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\":`#569CD6`},children:`div`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`})]}),`\n`]})})}),_jsx(CodeBlock,{filename:`email-button`,numberOfLines:`8`,language:`html`,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:`html`,children:_jsxs(_components.code,{language:`html`,numberOfLines:`8`,children:[_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\":`#569CD6`},children:`div`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` class`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"email-body\"`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` style`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"background-color: #ffffff; padding: 0 24px 24px; text-align: center;\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`})]}),`\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\":`#569CD6`},children:`a`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` class`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"email-button\"`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` href`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"https://example.com\"`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` style`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"background-color: #0066cc; color: #ffffff; padding: 14px 32px;`})]}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` text-decoration: none; border-radius: 4px; display: inline-block;`})}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`})]}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` Get Started`})}),`\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\":`#569CD6`},children:`a`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`})]}),`\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\":`#569CD6`},children:`div`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`})]}),`\n`]})})})]})]})]}),`\n`,_jsx(Check,{children:_jsx(_components.p,{children:`미리보기 모드로 돌아가서 다크 모드 스타일이 올바르게 적용되었는지 확인하세요.`})}),`\n`,_jsx(_components.hr,{}),`\n`,_jsx(Heading,{level:`2`,id:`작업-저장`,children:`작업 저장`}),`\n`,_jsxs(_components.p,{children:[`이메일 디자인을 향후 사용을 위해 `,_jsx(_components.a,{href:`/docs/ko/templates`,children:_jsx(_components.strong,{children:`템플릿`})}),`으로 저장하세요.`]}),`\n`,_jsx(Frame,{caption:`이메일을 템플릿으로 저장`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/onesignal/56ctKxZSV4m5VEkn/images/docs/b827bbc-Email-Save_As_Template.jpg?fit=max\u0026auto=format\u0026n=56ctKxZSV4m5VEkn\u0026q=85\u0026s=042193dfb7e8d814f99deb2b12bb26fa`,alt:`Save email as a template`,\"data-og-width\":`2250`,width:`2250`,\"data-og-height\":`1176`,height:`1176`,\"data-path\":`images/docs/b827bbc-Email-Save_As_Template.jpg`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/onesignal/56ctKxZSV4m5VEkn/images/docs/b827bbc-Email-Save_As_Template.jpg?w=280\u0026fit=max\u0026auto=format\u0026n=56ctKxZSV4m5VEkn\u0026q=85\u0026s=68b79c5c4fb35dbb737437d837bae085 280w, https://mintcdn.com/onesignal/56ctKxZSV4m5VEkn/images/docs/b827bbc-Email-Save_As_Template.jpg?w=560\u0026fit=max\u0026auto=format\u0026n=56ctKxZSV4m5VEkn\u0026q=85\u0026s=89865abdad50826cee0a2ee4fd4bf3ac 560w, https://mintcdn.com/onesignal/56ctKxZSV4m5VEkn/images/docs/b827bbc-Email-Save_As_Template.jpg?w=840\u0026fit=max\u0026auto=format\u0026n=56ctKxZSV4m5VEkn\u0026q=85\u0026s=9f0276667d19236f37945af8682d057f 840w, https://mintcdn.com/onesignal/56ctKxZSV4m5VEkn/images/docs/b827bbc-Email-Save_As_Template.jpg?w=1100\u0026fit=max\u0026auto=format\u0026n=56ctKxZSV4m5VEkn\u0026q=85\u0026s=2dfb09cc12ee7a705f9520272f6a352a 1100w, https://mintcdn.com/onesignal/56ctKxZSV4m5VEkn/images/docs/b827bbc-Email-Save_As_Template.jpg?w=1650\u0026fit=max\u0026auto=format\u0026n=56ctKxZSV4m5VEkn\u0026q=85\u0026s=3134ffa0fb32a7e9c42e58b552008faa 1650w, https://mintcdn.com/onesignal/56ctKxZSV4m5VEkn/images/docs/b827bbc-Email-Save_As_Template.jpg?w=2500\u0026fit=max\u0026auto=format\u0026n=56ctKxZSV4m5VEkn\u0026q=85\u0026s=dcf51ed84b9ead5b8bae50c3dfeb49f1 2500w`})}),`\n`,_jsx(_components.hr,{}),`\n`,_jsx(Heading,{level:`2`,id:`faq`,children:`FAQ`}),`\n`,_jsx(Heading,{level:`3`,id:`사용자-정의-구독-취소-링크를-어떻게-추가하나요`,children:`사용자 정의 구독 취소 링크를 어떻게 추가하나요?`}),`\n`,_jsxs(_components.p,{children:[`기본 `,_jsx(_components.code,{children:`[unsubscribe_url]`}),`을 자신의 URL로 교체하세요. 수신자가 구독 취소할 때 OneSignal에서 이메일 구독 상태를 업데이트하는 것은 사용자의 책임입니다. 설정 방법은 `,_jsx(_components.a,{href:`/docs/ko/create-custom-unsubscribe-page`,children:`사용자 정의 구독 취소 페이지 만들기`}),`를 참조하세요.`]}),`\n`,_jsx(Heading,{level:`3`,id:`outlook에서-이메일이-다르게-보이는-이유는-무엇인가요`,children:`Outlook에서 이메일이 다르게 보이는 이유는 무엇인가요?`}),`\n`,_jsxs(_components.p,{children:[`Windows의 Outlook은 Microsoft Word 렌더링 엔진을 사용하며, 이는 최신 CSS를 지원하지 않습니다. 일반적인 문제로는 무시되는 `,_jsx(_components.code,{children:`max-width`}),`, 축소되는 배경 이미지, 로드되지 않는 웹 폰트 등이 있습니다. Outlook에서 특별히 테스트하고 이미지에 명시적인 `,_jsx(_components.code,{children:`width`}),`와 `,_jsx(_components.code,{children:`height`}),` 속성이 있는 인라인 CSS를 사용하세요.`]}),`\n`,_jsx(Heading,{level:`3`,id:`최대-이메일-크기는-얼마인가요`,children:`최대 이메일 크기는 얼마인가요?`}),`\n`,_jsx(_components.p,{children:`총 이메일 크기(HTML + 이미지)를 1MB 미만으로 유지하세요. 102KB를 초과하는 HTML 이메일은 Gmail에 의해 잘리며, “전체 메시지 보기” 링크 뒤에 콘텐츠가 숨겨집니다. 이 임계값을 유지하기 위해 이미지를 최적화하고 사용하지 않는 코드를 제거하세요.`}),`\n`,_jsx(Heading,{level:`3`,id:`여러-캠페인에서-이메일의-일부를-재사용할-수-있나요`,children:`여러 캠페인에서 이메일의 일부를 재사용할 수 있나요?`}),`\n`,_jsxs(_components.p,{children:[`예. 행의 저장 아이콘을 클릭하여 임의의 행을 `,_jsx(_components.strong,{children:`저장된 행`}),`으로 저장하세요. 저장된 행은 `,_jsx(_components.strong,{children:`Rows > My Saved Rows`}),`에 표시되며 모든 이메일에 드래그할 수 있습니다. 전체 이메일 재사용을 위해서는 전체 디자인을 `,_jsx(_components.a,{href:`/docs/ko/templates`,children:`템플릿`}),`으로 저장하세요.`]}),`\n`,_jsx(Heading,{level:`3`,id:`발송-전에-이메일을-어떻게-미리보기하나요`,children:`발송 전에 이메일을 어떻게 미리보기하나요?`}),`\n`,_jsxs(_components.p,{children:[`상단 툴바의 `,_jsx(_components.strong,{children:`미리보기`}),` 버튼을 사용하여 데스크톱과 모바일에서 이메일이 어떻게 렌더링되는지 확인하세요. 실제 테스트를 보내려면 `,_jsx(_components.strong,{children:`테스트 이메일 발송`}),`을 클릭하고 수신자 주소를 입력하세요. 테스트 이메일은 받은 편지함으로 전달되어 실제 이메일 클라이언트에서 렌더링, 링크, 개인화를 확인할 수 있습니다.`]}),`\n`,_jsx(Heading,{level:`3`,id:`이메일에서-이모지가-작동하나요`,children:`이메일에서 이모지가 작동하나요?`}),`\n`,_jsx(_components.p,{children:`예, 하지만 이메일 클라이언트에 따라 다르게 렌더링됩니다. Windows의 Outlook이 가장 불일치합니다 — 이모지가 흑백 윤곽이나 상자로 표시될 수 있습니다. 이모지가 제목 줄이나 CTA 텍스트의 일부라면 발송 전에 클라이언트 간에 테스트하세요.`}),`\n`,_jsx(Heading,{level:`3`,id:`기존-html-이메일-템플릿을-어떻게-가져오나요`,children:`기존 HTML 이메일 템플릿을 어떻게 가져오나요?`}),`\n`,_jsx(_components.p,{children:`기존 HTML 템플릿을 OneSignal에 가져오는 세 가지 방법이 있습니다:`}),`\n`,_jsxs(_components.ol,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.a,{href:`/docs/ko/email-template-forwarding`,children:`이메일 템플릿 전달`}),`을 사용하여 OneSignal에 이메일 전달`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.a,{href:`/reference/create-template`,children:`Create Template API`}),`를 사용하여 프로그래밍 방식으로 HTML 업로드`]}),`\n`,_jsxs(_components.li,{children:[`HTML을 `,_jsx(_components.a,{href:`/docs/ko/design-emails-with-html`,children:`HTML 에디터`}),`에 직접 복사 및 붙여넣기`]}),`\n`]}),`\n`,_jsx(Heading,{level:`2`,id:`관련-문서`,children:`관련 문서`}),`\n`,_jsxs(Columns,{cols:3,children:[_jsx(Card,{title:`이메일 개요`,icon:`envelope`,href:`/docs/ko/email-messaging`,children:_jsx(_components.p,{children:`OneSignal로 이메일 발송에 대한 엔드투엔드 가이드.`})}),_jsx(Card,{title:`HTML로 이메일 디자인`,icon:`code`,href:`/docs/ko/design-emails-with-html`,children:_jsx(_components.p,{children:`완전한 HTML 제어, 다크 모드 재정의, 고급 스타일링.`})}),_jsx(Card,{title:`이메일 템플릿`,icon:`copy`,href:`/docs/ko/templates`,children:_jsx(_components.p,{children:`캠페인 전반에서 이메일 디자인을 저장하고 재사용하세요.`})}),_jsx(Card,{title:`구독 취소 링크`,icon:`link-slash`,href:`/docs/ko/unsubscribe-links-email-subscriptions`,children:_jsx(_components.p,{children:`준수를 위한 기본 또는 사용자 정의 구독 취소 링크 추가.`})}),_jsx(Card,{title:`메시지 개인화`,icon:`user-pen`,href:`/docs/ko/message-personalization`,children:_jsx(_components.p,{children:`태그, Liquid 구문, 동적 콘텐츠로 이메일을 개인화하세요.`})}),_jsx(Card,{title:`AB 테스트`,icon:`flask`,href:`/docs/ko/ab-testing`,children:_jsx(_components.p,{children:`제목 줄, 콘텐츠, 발송 시간을 테스트하여 참여도를 최적화하세요.`})})]})]})}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":"드래그 앤 드롭으로 이메일 디자인하기","description":"OneSignal의 드래그 앤 드롭 이메일 빌더를 사용하여 반응형 이메일을 시각적으로 만드세요. 설정, 행, 콘텐츠 블록, 개인화, 준수 링크에 대해 알아보세요.","keywords":["email builder","drag and drop editor","email design","create email","email templates","saved rows"],"href":"/docs/ko/design-emails-with-drag-and-drop"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"개요","slug":"개요","depth":2,"children":[{"title":"권장 빌드 플로우","slug":"권장-빌드-플로우","depth":3,"children":[]}]},{"title":"설정","slug":"설정","depth":2,"children":[]},{"title":"행","slug":"행","depth":2,"children":[{"title":"저장된 행","slug":"저장된-행","depth":3,"children":[]},{"title":"행 속성","slug":"행-속성","depth":3,"children":[]}]},{"title":"콘텐츠","slug":"콘텐츠","depth":2,"children":[{"title":"사용자 정의 폰트","slug":"사용자-정의-폰트","depth":3,"children":[]},{"title":"이미지 및 비디오","slug":"이미지-및-비디오","depth":3,"children":[]},{"title":"이메일용 권장 이미지 크기","slug":"이메일용-권장-이미지-크기","depth":4,"children":[]},{"title":"링크","slug":"링크","depth":3,"children":[]},{"title":"구독 취소 링크","slug":"구독-취소-링크","depth":4,"children":[]},{"title":"HTML 블록","slug":"html-블록","depth":3,"children":[]},{"title":"개인화","slug":"개인화","depth":3,"children":[]}]},{"title":"다크 모드","slug":"다크-모드","depth":2,"children":[{"title":"다크 모드 스타일링이 필요한가요?","slug":"다크-모드-스타일링이-필요한가요","depth":3,"children":[]},{"title":"에디터에서 다크 모드 미리보기","slug":"에디터에서-다크-모드-미리보기","depth":3,"children":[]},{"title":"이메일 클라이언트의 다크 모드 처리 방식","slug":"이메일-클라이언트의-다크-모드-처리-방식","depth":3,"children":[]},{"title":"드래그 앤 드롭으로 다크 모드 스타일링","slug":"드래그-앤-드롭으로-다크-모드-스타일링","depth":3,"children":[]}]},{"title":"작업 저장","slug":"작업-저장","depth":2,"children":[]},{"title":"FAQ","slug":"faq","depth":2,"children":[{"title":"사용자 정의 구독 취소 링크를 어떻게 추가하나요?","slug":"사용자-정의-구독-취소-링크를-어떻게-추가하나요","depth":3,"children":[]},{"title":"Outlook에서 이메일이 다르게 보이는 이유는 무엇인가요?","slug":"outlook에서-이메일이-다르게-보이는-이유는-무엇인가요","depth":3,"children":[]},{"title":"최대 이메일 크기는 얼마인가요?","slug":"최대-이메일-크기는-얼마인가요","depth":3,"children":[]},{"title":"여러 캠페인에서 이메일의 일부를 재사용할 수 있나요?","slug":"여러-캠페인에서-이메일의-일부를-재사용할-수-있나요","depth":3,"children":[]},{"title":"발송 전에 이메일을 어떻게 미리보기하나요?","slug":"발송-전에-이메일을-어떻게-미리보기하나요","depth":3,"children":[]},{"title":"이메일에서 이모지가 작동하나요?","slug":"이메일에서-이모지가-작동하나요","depth":3,"children":[]},{"title":"기존 HTML 이메일 템플릿을 어떻게 가져오나요?","slug":"기존-html-이메일-템플릿을-어떻게-가져오나요","depth":3,"children":[]}]},{"title":"관련 문서","slug":"관련-문서","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":["/_mintlify/custom/onesignal/e069c1b9f3157e14/hotjar-koala.js","/_mintlify/custom/onesignal/3e5d03885ab32f49/intercom.js","/_mintlify/custom/onesignal/dbb7af4794d1b586/munchkin-marketo.js"],"subdomain":"onesignal","siteName":"OneSignal Documentation","title":"드래그 앤 드롭으로 이메일 디자인하기 - OneSignal Documentation","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{"en":{"href":"/docs/en/design-emails-with-drag-and-drop","matchLevel":1},"cn":{"href":"/docs/cn/design-emails-with-drag-and-drop","matchLevel":1},"ko":{"href":"/docs/ko/design-emails-with-drag-and-drop","matchLevel":0},"ja":{"href":"/docs/ja/design-emails-with-drag-and-drop","matchLevel":1},"tr":{"href":"/docs/tr/design-emails-with-drag-and-drop","matchLevel":1},"pt-BR":{"href":"/docs/pt-BR/design-emails-with-drag-and-drop","matchLevel":1},"es":{"href":"/docs/es/design-emails-with-drag-and-drop","matchLevel":1},"fr":{"href":"/docs/fr/design-emails-with-drag-and-drop","matchLevel":1}}},"lastModified":"2026-03-13T23:14:42.763Z","originalFileLocation":"docs/ko/design-emails-with-drag-and-drop.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=\"OneSignal의 드래그 앤 드롭 이메일 빌더를 사용하여 반응형 이메일을 시각적으로 만드세요. 설정, 행, 콘텐츠 블록, 개인화, 준수 링크에 대해 알아보세요.\">\u003cmeta data-mint-head name=\"application-name\" content=\"OneSignal Documentation\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/onesignal/eCiRydtW5fLfLRWp/_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/onesignal/eCiRydtW5fLfLRWp/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/onesignal/eCiRydtW5fLfLRWp/_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/onesignal/eCiRydtW5fLfLRWp/_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/onesignal/eCiRydtW5fLfLRWp/_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/onesignal/eCiRydtW5fLfLRWp/_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/onesignal/eCiRydtW5fLfLRWp/_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/onesignal/eCiRydtW5fLfLRWp/_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/onesignal/eCiRydtW5fLfLRWp/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"드래그 앤 드롭으로 이메일 디자인하기 - OneSignal Documentation\">\u003cmeta data-mint-head property=\"og:description\" content=\"OneSignal의 드래그 앤 드롭 이메일 빌더를 사용하여 반응형 이메일을 시각적으로 만드세요. 설정, 행, 콘텐츠 블록, 개인화, 준수 링크에 대해 알아보세요.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"OneSignal Documentation\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://documentation.onesignal.com/docs/ko/design-emails-with-drag-and-drop\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://onesignal.mintlify.site/_mintlify/api/og/v2?division=%EC%9D%B4%EB%A9%94%EC%9D%BC+%EB%A9%94%EC%8B%9C%EC%A7%80\u0026amp;title=%EB%93%9C%EB%9E%98%EA%B7%B8+%EC%95%A4+%EB%93%9C%EB%A1%AD%EC%9C%BC%EB%A1%9C+%EC%9D%B4%EB%A9%94%EC%9D%BC+%EB%94%94%EC%9E%90%EC%9D%B8%ED%95%98%EA%B8%B0\u0026amp;description=OneSignal%EC%9D%98+%EB%93%9C%EB%9E%98%EA%B7%B8+%EC%95%A4+%EB%93%9C%EB%A1%AD+%EC%9D%B4%EB%A9%94%EC%9D%BC+%EB%B9%8C%EB%8D%94%EB%A5%BC+%EC%82%AC%EC%9A%A9%ED%95%98%EC%97%AC+%EB%B0%98%EC%9D%91%ED%98%95+%EC%9D%B4%EB%A9%94%EC%9D%BC%EC%9D%84+%EC%8B%9C%EA%B0%81%EC%A0%81%EC%9C%BC%EB%A1%9C+%EB%A7%8C%EB%93%9C%EC%84%B8%EC%9A%94.+%EC%84%A4%EC%A0%95%2C+%ED%96%89%2C+%EC%BD%98%ED%85%90%EC%B8%A0+%EB%B8%94%EB%A1%9D%2C+%EA%B0%9C%EC%9D%B8%ED%99%94%2C+%EC%A4%80%EC%88%98+%EB%A7%81%ED%81%AC%EC%97%90+%EB%8C%80%ED%95%B4+%EC%95%8C%EC%95%84%EB%B3%B4%EC%84%B8%EC%9A%94.\u0026amp;theme=12e705baa88dc8cc6d7a9877\u0026amp;signature=4a902243944d21c827093a2ed0c75d6396027dc65ac996dc1f15318c5c77c215\">\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=\"드래그 앤 드롭으로 이메일 디자인하기 - OneSignal Documentation\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"OneSignal의 드래그 앤 드롭 이메일 빌더를 사용하여 반응형 이메일을 시각적으로 만드세요. 설정, 행, 콘텐츠 블록, 개인화, 준수 링크에 대해 알아보세요.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://onesignal.mintlify.site/_mintlify/api/og/v2?division=%EC%9D%B4%EB%A9%94%EC%9D%BC+%EB%A9%94%EC%8B%9C%EC%A7%80\u0026amp;title=%EB%93%9C%EB%9E%98%EA%B7%B8+%EC%95%A4+%EB%93%9C%EB%A1%AD%EC%9C%BC%EB%A1%9C+%EC%9D%B4%EB%A9%94%EC%9D%BC+%EB%94%94%EC%9E%90%EC%9D%B8%ED%95%98%EA%B8%B0\u0026amp;description=OneSignal%EC%9D%98+%EB%93%9C%EB%9E%98%EA%B7%B8+%EC%95%A4+%EB%93%9C%EB%A1%AD+%EC%9D%B4%EB%A9%94%EC%9D%BC+%EB%B9%8C%EB%8D%94%EB%A5%BC+%EC%82%AC%EC%9A%A9%ED%95%98%EC%97%AC+%EB%B0%98%EC%9D%91%ED%98%95+%EC%9D%B4%EB%A9%94%EC%9D%BC%EC%9D%84+%EC%8B%9C%EA%B0%81%EC%A0%81%EC%9C%BC%EB%A1%9C+%EB%A7%8C%EB%93%9C%EC%84%B8%EC%9A%94.+%EC%84%A4%EC%A0%95%2C+%ED%96%89%2C+%EC%BD%98%ED%85%90%EC%B8%A0+%EB%B8%94%EB%A1%9D%2C+%EA%B0%9C%EC%9D%B8%ED%99%94%2C+%EC%A4%80%EC%88%98+%EB%A7%81%ED%81%AC%EC%97%90+%EB%8C%80%ED%95%B4+%EC%95%8C%EC%95%84%EB%B3%B4%EC%84%B8%EC%9A%94.\u0026amp;theme=12e705baa88dc8cc6d7a9877\u0026amp;signature=4a902243944d21c827093a2ed0c75d6396027dc65ac996dc1f15318c5c77c215\">\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/onesignal/eCiRydtW5fLfLRWp/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"OneSignal Docs\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#3A3DB3\">\u003clink data-mint-head rel=\"canonical\" href=\"https://documentation.onesignal.com/docs/ko/design-emails-with-drag-and-drop\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/docs/ko/design-emails-with-drag-and-drop.md\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"ko\" href=\"https://documentation.onesignal.com/docs/ko/design-emails-with-drag-and-drop\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"en\" href=\"https://documentation.onesignal.com/docs/en/design-emails-with-drag-and-drop\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"zh\" href=\"https://documentation.onesignal.com/docs/cn/design-emails-with-drag-and-drop\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"ja\" href=\"https://documentation.onesignal.com/docs/ja/design-emails-with-drag-and-drop\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"tr\" href=\"https://documentation.onesignal.com/docs/tr/design-emails-with-drag-and-drop\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"pt-BR\" href=\"https://documentation.onesignal.com/docs/pt-BR/design-emails-with-drag-and-drop\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"es\" href=\"https://documentation.onesignal.com/docs/es/design-emails-with-drag-and-drop\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"fr\" href=\"https://documentation.onesignal.com/docs/fr/design-emails-with-drag-and-drop\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"x-default\" href=\"https://documentation.onesignal.com/docs/en/design-emails-with-drag-and-drop\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://documentation.onesignal.com/#organization\",\"name\":\"OneSignal Documentation\",\"url\":\"https://documentation.onesignal.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/onesignal/yJcueeDCO7UpHnnY/logo/OneSignal-Logo.svg?fit=max\u0026auto=format\u0026n=yJcueeDCO7UpHnnY\u0026q=85\u0026s=1fcfb6fef6d820fd9d99c74850711107\"}},{\"@type\":\"WebSite\",\"@id\":\"https://documentation.onesignal.com#website\",\"name\":\"OneSignal Documentation\",\"url\":\"https://documentation.onesignal.com\",\"publisher\":{\"@id\":\"https://documentation.onesignal.com/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://documentation.onesignal.com/docs/ko/design-emails-with-drag-and-drop#webpage\",\"url\":\"https://documentation.onesignal.com/docs/ko/design-emails-with-drag-and-drop\",\"name\":\"드래그 앤 드롭으로 이메일 디자인하기\",\"description\":\"OneSignal의 드래그 앤 드롭 이메일 빌더를 사용하여 반응형 이메일을 시각적으로 만드세요. 설정, 행, 콘텐츠 블록, 개인화, 준수 링크에 대해 알아보세요.\",\"dateModified\":\"2026-03-13T23:14:42.763Z\",\"isPartOf\":{\"@id\":\"https://documentation.onesignal.com#website\"},\"breadcrumb\":{\"@id\":\"https://documentation.onesignal.com/docs/ko/design-emails-with-drag-and-drop#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://documentation.onesignal.com/docs/ko/design-emails-with-drag-and-drop#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"메시지 채널\",\"item\":\"https://documentation.onesignal.com/docs/ko/channel-setup\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"이메일\",\"item\":\"https://documentation.onesignal.com/docs/ko/email-messaging\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"드래그 앤 드롭으로 이메일 디자인하기\",\"item\":\"https://documentation.onesignal.com/docs/ko/design-emails-with-drag-and-drop\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://documentation.onesignal.com/docs/ko/design-emails-with-drag-and-drop#article\",\"headline\":\"드래그 앤 드롭으로 이메일 디자인하기\",\"name\":\"드래그 앤 드롭으로 이메일 디자인하기\",\"description\":\"OneSignal의 드래그 앤 드롭 이메일 빌더를 사용하여 반응형 이메일을 시각적으로 만드세요. 설정, 행, 콘텐츠 블록, 개인화, 준수 링크에 대해 알아보세요.\",\"url\":\"https://documentation.onesignal.com/docs/ko/design-emails-with-drag-and-drop\",\"mainEntityOfPage\":{\"@id\":\"https://documentation.onesignal.com/docs/ko/design-emails-with-drag-and-drop#webpage\"},\"dateModified\":\"2026-03-13T23:14:42.763Z\",\"keywords\":\"email builder, drag and drop editor, email design, create email, email templates, saved rows\",\"publisher\":{\"@id\":\"https://documentation.onesignal.com/#organization\"},\"isPartOf\":{\"@id\":\"https://documentation.onesignal.com#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"OneSignal Documentation\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"OneSignal Documentation","nav":{"global":null,"languages":[{"language":"en","pages":[{"title":"en","href":"/docs/en/design-emails-with-drag-and-drop"}]},{"language":"cn","pages":[{"title":"cn","href":"/docs/cn/design-emails-with-drag-and-drop"}]},{"language":"ko","tabs":[{"tab":"홈","pages":[{"title":"홈","href":"/docs/ko/home"}]},{"tab":"사용자 가이드","groups":[{"group":"시작하기 \u0026 설정","pages":[{"title":"OneSignal 시작하기","href":"/docs/ko/quickstart-guide"},{"group":"OneSignal 대시보드","pages":[{"title":"앱, 조직 및 계정","href":"/docs/ko/apps-organizations"},{"title":"팀 멤버","href":"/docs/ko/manage-team-members"},{"title":"키 및 ID","href":"/docs/ko/keys-and-ids"},{"title":"감사 로그","href":"/docs/ko/audit-logs"},{"title":"사용량 및 청구","href":"/docs/ko/billing-faq"},{"title":"비활성화된 앱 및 조직","href":"/docs/ko/disabled-apps"}]},{"title":"OneSignal로 마이그레이션","href":"/docs/ko/migrating-to-onesignal"}]},{"group":"메시지 채널","pages":[{"title":"채널 설정","href":"/docs/ko/channel-setup"},{"group":"푸시","pages":[{"title":"푸시 개요","href":"/docs/ko/push"},{"group":"모바일 푸시","pages":[{"title":"모바일 푸시 설정","href":"/docs/ko/mobile-push-setup"},{"title":"푸시 권한 요청","href":"/docs/ko/prompt-for-push-permissions"},{"title":"iOS 임시 푸시 알림","href":"/docs/ko/ios-provisional-push-notifications"},{"title":"Android 알림 카테고리","href":"/docs/ko/android-notification-categories"},{"title":"데이터 및 백그라운드 알림","href":"/docs/ko/data-notifications"},{"title":"VoIP 푸시 알림","href":"/docs/ko/voip-notifications"}]},{"group":"웹 푸시","pages":[{"title":"웹 푸시 설정","href":"/docs/ko/web-push-setup"},{"title":"Web 권한 프롬프트","href":"/docs/ko/permission-requests"},{"title":"웹 푸시 FAQ","href":"/docs/ko/web-push-setup-faq"},{"title":"웹 푸시 브라우저 동작","href":"/docs/ko/browser-behavior-and-unsubscribes"},{"title":"Shopify 웹 푸시 통합","href":"/docs/ko/shopify"},{"title":"웹 푸시를 위한 OneSignal WordPress 플러그인 설정","href":"/docs/ko/wordpress"},{"title":"WordPress 문제 해결","href":"/docs/ko/troubleshooting-wordpress-web-push"}]},{"group":"푸시 기능","pages":[{"title":"알림 아이콘","href":"/docs/ko/notification-icons"},{"title":"알림 이미지 및 리치 미디어","href":"/docs/ko/rich-media"},{"title":"알림 사운드","href":"/docs/ko/notification-sounds"},{"title":"알림 배지","href":"/docs/ko/badges"},{"title":"푸시 알림용 액션 버튼","href":"/docs/ko/action-buttons"},{"title":"푸시 빈도 제한","href":"/docs/ko/frequency-capping"},{"title":"푸시 제한","href":"/docs/ko/throttling"},{"title":"iOS: 집중 모드 및 중단 수준","href":"/docs/ko/ios-focus-modes-and-interruption-levels"},{"title":"iOS: 관련성 점수","href":"/docs/ko/ios-relevance-score"}]},{"group":"푸시 분석 \u0026 문제 해결","pages":[{"title":"푸시 메시지 리포트","href":"/docs/ko/push-notification-message-reports"},{"title":"확인된 전달","href":"/docs/ko/confirmed-delivery"},{"title":"알림 CTR","href":"/docs/ko/notification-ctr"},{"title":"모바일 푸시: 알림이 표시되지 않거나 지연됨","href":"/docs/ko/notifications-show-successful-but-are-not-being-shown"},{"title":"Web push: 알림이 표시되지 않음","href":"/docs/ko/notifications-not-shown-web-push"},{"title":"알림 이미지가 표시되지 않음","href":"/docs/ko/notification-images-not-showing"},{"title":"중복 알림","href":"/docs/ko/duplicated-notifications"},{"title":"FCM 만료 토큰 FAQ","href":"/docs/ko/fcm-expired-token-faq"}]}]},{"group":"인앱 메시지","pages":[{"title":"인앱 개요","href":"/docs/ko/in-app-messages-setup"},{"title":"인앱 트리거","href":"/docs/ko/iam-triggers"},{"title":"인앱 클릭 작업","href":"/docs/ko/iam-click-actions"},{"group":"인앱 디자인","pages":[{"title":"드래그 앤 드롭으로 인앱 메시지 디자인하기","href":"/docs/ko/design-your-in-app-message"},{"title":"HTML로 인앱 메시지 디자인하기","href":"/docs/ko/design-your-in-app-message-with-html"},{"title":"인앱 메시지 템플릿 및 퀵스타트","href":"/docs/ko/in-app-html-templates"},{"title":"인앱 메시지 JavaScript API 레퍼런스","href":"/docs/ko/in-app-message-api"}]},{"title":"인앱 메시지 보고서","href":"/docs/ko/in-app-message-reports"},{"title":"인앱 문제 해결","href":"/docs/ko/in-app-message-troubleshooting"}]},{"group":"이메일","pages":[{"title":"이메일 개요","href":"/docs/ko/email-messaging"},{"group":"Email setup","pages":[{"title":"이메일 설정","href":"/docs/ko/email-setup"},{"title":"이메일 DNS 구성","href":"/docs/ko/email-dns-configuration"},{"title":"발신자","href":"/docs/ko/senders"},{"title":"트랜잭션 이메일","href":"/docs/ko/setup-transactional-emails"},{"title":"사용자 지정 이메일 수신 거부 페이지 만들기","href":"/docs/ko/create-custom-unsubscribe-page"}]},{"group":"이메일 전달 가능성","pages":[{"title":"이메일 메시지 보고서","href":"/docs/ko/email-message-reports"},{"title":"이메일 전달 가능성","href":"/docs/ko/email-deliverability"},{"title":"이메일 평판 모범 사례","href":"/docs/ko/email-reputation-best-practices"},{"title":"이메일 주소 유효성 검사","href":"/docs/ko/email-address-validation"},{"title":"이메일 준비 가이드","href":"/docs/ko/email-warm-up"},{"title":"Google Postmaster Tools","href":"/docs/ko/google-postmaster-tools"},{"title":"차단 목록","href":"/docs/ko/suppressions"},{"title":"이메일 문제 해결","description":"일반적인 OneSignal 이메일 문제를 진단하고 해결하는 방법.","href":"/docs/ko/email-troubleshooting"}]},{"group":"이메일 메시지","pages":[{"title":"드래그 앤 드롭으로 이메일 디자인하기","href":"/docs/ko/design-emails-with-drag-and-drop"},{"title":"HTML로 이메일 디자인하기","description":"OneSignal의 HTML 에디터를 사용하여 완전히 사용자 지정된 브랜드 이메일을 보내세요 — 지원되는 HTML 규칙, 인라인 CSS, 다크 모드, 구독 취소 처리, 클라이언트 제한 사항.","href":"/docs/ko/design-emails-with-html"},{"title":"이메일 구독 취소 링크 및 헤더","href":"/docs/ko/unsubscribe-links-email-subscriptions"},{"title":"이메일 템플릿 전달","href":"/docs/ko/email-template-forwarding"}]}]},{"group":"SMS 및 RCS","pages":[{"title":"SMS, MMS, RCS 개요","href":"/docs/ko/sms-messaging"},{"title":"Rich Communication Services (RCS)","href":"/docs/ko/rcs-messaging"},{"group":"SMS 설정","pages":[{"title":"SMS 설정","href":"/docs/ko/sms-setup"},{"title":"발신자 리소스 신청 및 국가별 요구사항","sidebarTitle":"발신자 리소스 신청","href":"/docs/ko/sms-registration-requirements"},{"title":"SMS 옵트인 및 수집","href":"/docs/ko/sms-opt-in-and-collection"},{"title":"SMS 동의 키워드 관리","href":"/docs/ko/sms-consent-keyword-management"},{"title":"SMS 키워드","href":"/docs/ko/keywords"}]},{"group":"SMS 메시지","pages":[{"title":"SMS 메시지 리포트","href":"/docs/ko/sms-message-reports"},{"title":"일회용 비밀번호(OTP)","sidebarTitle":"일회용 비밀번호","href":"/docs/ko/sms-verify"}]}]},{"group":"실시간 현황","pages":[{"title":"Live Activities","href":"/docs/ko/live-activities"},{"title":"Live Activities 분석","href":"/docs/ko/live-activities-analytics"}]},{"group":"기능","pages":[{"title":"A/B 테스팅","href":"/docs/ko/ab-testing"},{"title":"다국어 메시징","href":"/docs/ko/multi-language-messaging"},{"group":"메시지 개인화","pages":[{"title":"개인화","href":"/docs/ko/message-personalization"},{"title":"Liquid 구문 사용","href":"/docs/ko/using-liquid-syntax"},{"title":"데이터 피드","href":"/docs/ko/data-feeds"},{"title":"Custom Events로 개인화하기","href":"/docs/ko/personalization-custom-event"},{"title":"속성을 사용한 개인화","href":"/docs/ko/personalization-properties-and-tags"},{"title":"API custom_data로 메시지 개인화하기","href":"/docs/ko/personalization-api-custom-data"},{"title":"CSV를 사용한 동적 콘텐츠","href":"/docs/ko/dynamic-content"}]},{"group":"URL, 링크, 딥 링크","pages":[{"title":"URL, 링크 및 딥 링크","href":"/docs/ko/links"},{"title":"딥 링킹","href":"/docs/ko/deep-linking"},{"title":"이메일 구독 취소 링크 및 헤더","href":"/docs/ko/unsubscribe-links-email-subscriptions"}]},{"title":"리타겟팅 메시지","href":"/docs/ko/retargeting"},{"title":"템플릿","href":"/docs/ko/templates"},{"title":"레이블","href":"/docs/ko/labels"}]}]},{"group":"Journeys","pages":[{"title":"Journey 개요","href":"/docs/ko/journeys-overview"},{"group":"Journey 기능","pages":[{"title":"Journey 설정","href":"/docs/ko/journeys-settings"},{"title":"Journey 메시지","href":"/docs/ko/journeys-messages"},{"title":"Journey 액션","href":"/docs/ko/journeys-actions"},{"title":"Journey Webhook","href":"/docs/ko/journeys-webhook"},{"title":"Journey Webhook을 통해 WhatsApp 메시지 보내기","href":"/docs/ko/sending-whatsapp-messages-via-journey-webhooks"},{"title":"Journeys 관리","href":"/docs/ko/managing-journeys"},{"title":"Journey 분석","href":"/docs/ko/journeys-analytics"}]},{"title":"Journey 예시","href":"/docs/ko/journeys-examples"}]},{"group":"오디언스 \u0026 사용자 지정 이벤트","pages":[{"title":"세그먼트","href":"/docs/ko/segmentation"},{"group":"Users \u0026 Subscriptions","pages":[{"title":"사용자","href":"/docs/ko/users"},{"title":"구독","href":"/docs/ko/subscriptions"},{"title":"별칭","href":"/docs/ko/aliases"},{"title":"테스트 사용자","href":"/docs/ko/test-users"},{"title":"사용자 삭제","href":"/docs/ko/delete-users"}]},{"group":"사용자 지정 이벤트","pages":[{"title":"사용자 지정 이벤트","href":"/docs/ko/custom-events"},{"title":"사용자 지정 이벤트 저장 및 보존","href":"/docs/ko/custom-event-storage"}]},{"group":"태그","pages":[{"title":"태그","href":"/docs/ko/add-user-data-tags"},{"title":"태그: 시간 연산자","href":"/docs/ko/time-operators"}]},{"title":"가져오기","href":"/docs/ko/import"}]},{"group":"분석 \u0026 통합","pages":[{"group":"분석","pages":[{"title":"분석 개요","href":"/docs/ko/analytics-overview"},{"title":"목표","sidebarTitle":"목표","href":"/docs/ko/goals"},{"title":"템플릿 분석","href":"/docs/ko/template-analytics"},{"title":"데이터 내보내기","href":"/docs/ko/exporting-data"},{"title":"사용자 지정 Outcomes","href":"/docs/ko/custom-outcomes"},{"title":"전환 지표","href":"/docs/ko/conversion-metrics"},{"title":"참여 트렌드","href":"/docs/ko/engagement-analytics"},{"title":"구독 트렌드","href":"/docs/ko/subscription-trends"},{"group":"리텐션 지표","pages":[{"title":"리텐션 지표","href":"/docs/ko/retention-metrics"},{"title":"리텐션 곡선 해석","href":"/docs/ko/interpreting-retention-curves"}]},{"title":"지표 용어집","href":"/docs/ko/analytics-metrics-glossary"}]},{"group":"이벤트 스트림","pages":[{"title":"이벤트 스트림","href":"/docs/ko/event-streams"},{"title":"이벤트 스트림 데이터 참조","sidebarTitle":"이벤트 스트림 데이터","href":"/docs/ko/event-streams-data"},{"title":"인앱 메시지 이벤트 스트림","href":"/docs/ko/iam-event-streams"},{"title":"Event Streams와 Google Sheets 통합","href":"/docs/ko/google-sheets-integration-with-event-streams"}]},{"group":"통합","pages":[{"title":"통합 개요","href":"/docs/ko/integrations"},{"title":"데이터 웨어하우스, DMP 및 CRM 통합","href":"/docs/ko/database-dmp-crm-integration"},{"group":"OneSignal을 데이터 소스로 사용","pages":[{"title":"Amplitude","href":"/docs/ko/amplitude"},{"title":"Databricks","href":"/docs/ko/databricks"},{"title":"Google BigQuery","href":"/docs/ko/bigquery"},{"title":"Mixpanel","href":"/docs/ko/mixpanel"},{"title":"Snowflake","href":"/docs/ko/snowflake"},{"title":"Segment (Twilio)","href":"/docs/ko/segment-onesignal-integration"}]},{"group":"OneSignal을 데이터 목적지로 사용","pages":[{"title":"Adobe Audience Manager","href":"/docs/ko/adobe-audience-manager"},{"title":"AlloyDB","href":"/docs/ko/alloydb"},{"title":"Amazon Athena","href":"/docs/ko/amazon-athena"},{"title":"Amazon S3","href":"/docs/ko/s3"},{"title":"Amplitude","href":"/docs/ko/amplitude"},{"title":"Apache Kafka","href":"/docs/ko/kafka"},{"title":"Amazon Redshift","href":"/docs/ko/amazon-redshift"},{"title":"Azure Synapse","href":"/docs/ko/azure-synapse"},{"title":"ClickHouse","href":"/docs/ko/clickhouse"},{"title":"Confluent Cloud","href":"/docs/ko/confluent-cloud"},{"title":"Databricks","href":"/docs/ko/databricks"},{"title":"Elasticsearch","href":"/docs/ko/elasticsearch"},{"title":"Google BigQuery","href":"/docs/ko/bigquery"},{"title":"Google Cloud SQL","href":"/docs/ko/google-cloud-sql"},{"title":"Google Sheets","href":"/docs/ko/google-sheets"},{"title":"Greenplum","href":"/docs/ko/greenplum"},{"title":"HubSpot","href":"/docs/ko/hubspot"},{"title":"Materialize","href":"/docs/ko/materialize"},{"title":"Microsoft Fabric","href":"/docs/ko/microsoft-fabric"},{"title":"Mixpanel","href":"/docs/ko/mixpanel"},{"title":"MotherDuck","href":"/docs/ko/motherduck"},{"title":"MySQL","href":"/docs/ko/mysql"},{"title":"PostgreSQL","href":"/docs/ko/postgresql"},{"title":"Pub/Sub","href":"/docs/ko/google-pubsub"},{"title":"SingleStore","href":"/docs/ko/singlestore"},{"title":"Snowflake","href":"/docs/ko/snowflake"},{"title":"SQL Server","href":"/docs/ko/sql-server"},{"title":"Starburst Enterprise","href":"/docs/ko/starburst-enterprise"},{"title":"Starburst Galaxy","href":"/docs/ko/starburst-galaxy"},{"title":"Trino","href":"/docs/ko/trino"},{"title":"Segment (Twilio)","href":"/docs/ko/segment-onesignal-integration"}]},{"group":"소비자 추적","pages":[{"title":"RevenueCat","href":"/docs/ko/revenuecat"},{"title":"Adjust","href":"/docs/ko/adjust"},{"title":"BlueConic","href":"/docs/ko/blueconic"}]},{"title":"OneSignal과 통합 구축: 파트너 가이드","href":"/docs/ko/building-an-integration-with-onesignal-partner-guide"}]}]},{"group":"개인 정보 보호 \u0026 보안","pages":[{"group":"보안 자격 증명","pages":[{"title":"SOC 2 Type II","href":"/docs/ko/soc-2-type-ii"},{"title":"ISO 27001","href":"/docs/ko/iso27001"},{"title":"HIPAA","href":"/docs/ko/hipaa"}]},{"group":"데이터 개인 정보 보호 \u0026 규정 준수","pages":[{"title":"GDPR 및 개인 권리","href":"/docs/ko/gdpr-compliance"},{"title":"EU-US 데이터 개인 정보 보호 프레임워크","href":"/docs/ko/eu-us-data-privacy-framework"},{"title":"이메일 규정 준수","href":"/docs/ko/email-compliance"},{"title":"SMS 규제 준수","href":"/docs/ko/sms-regulatory-compliance"},{"title":"Apple 앱 개인정보 보호 요구 사항","href":"/docs/ko/apple-app-privacy-requirements"},{"title":"Google Play 데이터 보안 요구 사항","href":"/docs/ko/google-play-data-safety-requirements"},{"title":"데이터 수집 및 보안 FAQ","href":"/docs/ko/data-questions"},{"title":"OneSignal SDK가 수집하는 데이터","href":"/docs/ko/data-collected-by-the-onesignal-sdk"},{"title":"개인 데이터 처리","href":"/docs/ko/handling-personal-data"}]},{"group":"인증 및 보안","pages":[{"title":"2단계 인증","href":"/docs/ko/2-step-authentication"},{"title":"Single Sign-On (SSO)","href":"/docs/ko/sso"}]}]}]},{"tab":"개발자 가이드","pages":[{"title":"개발자 가이드","href":"/docs/ko/developers"}]},{"tab":"튜토리얼","pages":[{"title":"튜토리얼","href":"/docs/ko/tutorials"}]},{"tab":"API Reference","pages":[{"title":"API Reference","href":"/reference/rest-api-overview"}]},{"tab":"Release Notes","pages":[{"title":"Release Notes","href":"/release-notes/changelog"}]}],"global":{"anchors":[{"anchor":"Blog","icon":"newspaper","href":"https://onesignal.com/blog"},{"anchor":"GitHub","icon":"github","href":"https://github.com/OneSignal"},{"anchor":"YouTube","icon":"youtube","href":"https://www.youtube.com/@onesignalofficial/playlists"}]}},{"language":"ja","pages":[{"title":"ja","href":"/docs/ja/design-emails-with-drag-and-drop"}]},{"language":"tr","pages":[{"title":"tr","href":"/docs/tr/design-emails-with-drag-and-drop"}]},{"language":"pt-BR","pages":[{"title":"pt-BR","href":"/docs/pt-BR/design-emails-with-drag-and-drop"}]},{"language":"es","pages":[{"title":"es","href":"/docs/es/design-emails-with-drag-and-drop"}]},{"language":"fr","pages":[{"title":"fr","href":"/docs/fr/design-emails-with-drag-and-drop"}]}]},"basePath":"","title":"드래그 앤 드롭으로 이메일 디자인하기 - OneSignal Documentation","buildId":"dpl_42LwxxU1kGN114H4XzwGYXa9ZDah","deploymentId":"dpl_42LwxxU1kGN114H4XzwGYXa9ZDah","dynamics":["07c022d89b","a74be98ba7"],"chunks":["Frame-5Xwp92K7.js","DynamicMarkdown-BoyYAA8K.js","zoom-image-lightbox-DkE6VzSN.js","lightbox-handle-r17bVUz3.js"]}