<![CDATA[
<p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><a href="https://wickedmagic.tistory.com/552" target="_blank" class="ke-link">https://wickedmagic.tistory.com/552</a></b></span></p><p> </p><p><span style="font-family: 'Noto Serif KR';"><!DOCTYPE  html><html lang="ko" class="wf-roboto-n3-active wf-roboto-n5-active wf-roboto-n4-active wf-active"><head> <br>                <script src="<a href="https://t1.kakaocdn.net/malibu_prod/normal_wpm.js" target="_blank" class="ke-link">https://t1.kakaocdn.net/malibu_prod/normal_wpm.js</a>" async=""></script><script type="text/javascript">if (!window.T) { window.T = {} } <br>window.T.config = {"TOP_SSL_URL":"<a href="https://www.tistory.com" target="_blank" class="ke-link">https://www.tistory.com</a>","PREVIEW":false,"ROLE":"guest","PREV_PAGE":"","NEXT_PAGE":"","BLOG":{"id":885720,"name":"wickedmagic","title":"사악미소의 현대마법의 공방","isDormancy":false,"nickName":"사악미소","status":"open","profileStatus":"normal"},"NEED_COMMENT_LOGIN":false,"COMMENT_LOGIN_CONFIRM‎_MESSAGE":"","LOGIN_URL":"<a href="https://www.tistory.com/auth/login/?redirectUrl=https://wickedmagic.tistory.com/552" target="_blank" class="ke-link">https://www.tistory.com/auth/login/?redirectUrl=https://wickedmagic.tistory.com/552</a>","DEFAULT_URL":"<a href="https://wickedmagic.tistory.com" target="_blank" class="ke-link">https://wickedmagic.tistory.com</a>","USER":{"name":null,"homepage":null,"id":0,"profileImage":null},"SUBSCRIPTION":{"status":"none","isConnected":false,"isPending":false,"isWait":false,"isProcessing":false,"isNone":true},"IS_LOGIN":false,"HAS_BLOG":false,"IS_SUPPORT":false,"TOP_URL":"<a href="http://www.tistory.com" target="_blank" class="ke-link">http://www.tistory.com</a>","JOIN_URL":"<a href="https://www.tistory.com/member/join" target="_blank" class="ke-link">https://www.tistory.com/member/join</a>","ROLE_GROUP":"visitor"}; <br>window.T.entryInfo = {"entryId":552,"isAuthor":false,"categoryId":711795,"categoryLabel":"DaumEditor"}; <br>window.appInfo = {"domain":"tistory.com","topUrl":"<a href="https://www.tistory.com" target="_blank" class="ke-link">https://www.tistory.com</a>","loginUrl":"<a href="https://www.tistory.com/auth/login" target="_blank" class="ke-link">https://www.tistory.com/auth/login</a>","logoutUrl":"<a href="https://www.tistory.com/auth/logout" target="_blank" class="ke-link">https://www.tistory.com/auth/logout</a>"}; <br>window.initData = {}; <br><br>window.TistoryBlog = { <br>    basePath: "", <br>    url: "<a href="https://wickedmagic.tistory.com" target="_blank" class="ke-link">https://wickedmagic.tistory.com</a>", <br>    tistoryUrl: "<a href="https://wickedmagic.tistory.com" target="_blank" class="ke-link">https://wickedmagic.tistory.com</a>", <br>    manageUrl: "<a href="https://wickedmagic.tistory.com/manage" target="_blank" class="ke-link">https://wickedmagic.tistory.com/manage</a>", <br>    token: "NkWmDTilP4PbXnnQmgyBMwxAjRObdK/VWiEbgA+EvmeAYZv0QEQQCy85NW8ePAlE" <br>}; <br>var servicePath = ""; <br>var blogURL = "";</script> <br><br>                 <br>                 <br>                 <br>                        <!-- BusinessLicenseInfo - START --> <br>         <br>            <link href="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/plugin/BusinessLicenseInfo/style.css" target="_blank" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/plugin/BusinessLicenseInfo/style.css</a>" rel="stylesheet" type="text/css"> <br><br>            <script>function switchFold(entryId) { <br>    var businessLayer = document.getElementById("businessInfoLayer_" + entryId); <br><br>    if (businessLayer) { <br>        if (businessLayer.className.indexOf("unfold_license") > 0) { <br>            businessLayer.className = "business_license_layer"; <br>        } else { <br>            businessLayer.className = "business_license_layer unfold_license"; <br>        } <br>    } <br>} <br></script> <br><br>         <br>        <!-- BusinessLicenseInfo - END --> <br>        <!-- DaumShow - START --> <br>        <style type="text/css">#daumSearchBox { <br>    height: 21px; <br>    background-image: url(//i1.daumcdn.net/imgsrc.search/search_all/show/tistory/plugin/bg_search2_2.gif); <br>    margin: 5px auto; <br>    padding: 0; <br>} <br><br>#daumSearchBox input { <br>    background: none; <br>    margin: 0; <br>    padding: 0; <br>    border: 0; <br>} <br><br>#daumSearchBox #daumLogo { <br>    width: 34px; <br>    height: 21px; <br>    float: left; <br>    margin-right: 5px; <br>    background-image: url(//i1.daumcdn.net/img-media/tistory/img/bg_search1_2_2010ci.gif); <br>} <br><br>#daumSearchBox #show_q { <br>    background-color: transparent; <br>    border: none; <br>    font: 12px Gulim, Sans-serif; <br>    color: #555; <br>    margin-top: 4px; <br>    margin-right: 15px; <br>    float: left; <br>} <br><br>#daumSearchBox #show_btn { <br>    background-image: url(//i1.daumcdn.net/imgsrc.search/search_all/show/tistory/plugin/bt_search_2.gif); <br>    width: 37px; <br>    height: 21px; <br>    float: left; <br>    margin: 0; <br>    cursor: pointer; <br>    text-indent: -1000em; <br>} <br></style> <br><br>        <!-- DaumShow - END --> <br><br><!-- System - START --> <br><br><!-- System - END --> <br><br>        <!-- TistoryProfileLayer - START --> <br>        <link href="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/plugin/TistoryProfileLayer/style.css" target="_blank" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/plugin/TistoryProfileLayer/style.css</a>" rel="stylesheet" type="text/css"> <br><script type="text/javascript" src="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/plugin/TistoryProfileLayer/script.js" target="_blank" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/plugin/TistoryProfileLayer/script.js</a>"></script> <br><br>        <!-- TistoryProfileLayer - END --> <br><br>                 <br>                <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <br><meta name="format-detection" content="telephone=no"> <br><script src="//t1.daumcdn.net/tistory_admin/lib/jquery/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <br><script src="//t1.daumcdn.net/tistory_admin/lib/lightbox/js/lightbox-v2.10.0.min.js" defer=""></script> <br><script type="text/javascript" src="//t1.daumcdn.net/tiara/js/v1/tiara.min.js"></script><meta name="referrer" content="always"> <br><meta name="google-adsense-platform-account" content="ca-host-pub-9691043933427338"> <br><meta name="google-adsense-platform-domain" content="tistory.com"> <br><meta name="google-adsense-account" content="ca-pub-9184328219859099"> <br><meta name="description" content="첨부파일 : ■ 다음 에디터(Daum Editor) 세팅하고 사용하기 01. <a href="https://github.com/kakao/DaumEditor/tree/gh-pages/download에" target="_blank" class="ke-link">https://github.com/kakao/DaumEditor/tree/gh-pages/download에</a> 접속해서 다음에디터를 다운받자. 02. 화면 최하단을 보면 How to download 라고 적힌 유의사항이 적힌 부분이 있는데. 여기서는 안정적인 stable(7.4.X) 버전대를 사용하기로 한다. 03. Stable(7.4.X)버전에서 가장 높은 버전대를 찾아 선택하고 클릭한다. 04. 해당 버전의 다운로드 페이지로 이동되면 아래 순서대로 작업을 수행한다. ① Download 버튼을 클릭한다. ② 확인 버튼을 클릭하여 daumeditor.zip 파일을 다운받는다. 05. 이제 다음 에디터 프로젝트를 수행할 폴더를 생성하.."> <br><meta property="og:type" content="article"> <br><meta property="og:url" content="<a href="https://wickedmagic.tistory.com/552" target="_blank" class="ke-link">https://wickedmagic.tistory.com/552</a>"> <br><meta property="og.article.author" content="사악미소"> <br><meta property="og:site_name" content="사악미소의 현대마법의 공방"> <br><meta property="og:title" content="[DaumEditor] 다음 에디터(Daum Editor) 세팅하고 사용하기."> <br><meta name="by" content="사악미소"> <br><meta property="og:description" content="첨부파일 : ■ 다음 에디터(Daum Editor) 세팅하고 사용하기 01. <a href="https://github.com/kakao/DaumEditor/tree/gh-pages/download에" target="_blank" class="ke-link">https://github.com/kakao/DaumEditor/tree/gh-pages/download에</a> 접속해서 다음에디터를 다운받자. 02. 화면 최하단을 보면 How to download 라고 적힌 유의사항이 적힌 부분이 있는데. 여기서는 안정적인 stable(7.4.X) 버전대를 사용하기로 한다. 03. Stable(7.4.X)버전에서 가장 높은 버전대를 찾아 선택하고 클릭한다. 04. 해당 버전의 다운로드 페이지로 이동되면 아래 순서대로 작업을 수행한다. ① Download 버튼을 클릭한다. ② 확인 버튼을 클릭하여 daumeditor.zip 파일을 다운받는다. 05. 이제 다음 에디터 프로젝트를 수행할 폴더를 생성하.."> <br><meta property="og:image" content="<a href="https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F22103B37582D3D2A33" target="_blank" class="ke-link">https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F22103B37582D3D2A33</a>"> <br><meta name="twitter:card" content="summary_large_image"> <br><meta name="twitter:site" content="@TISTORY"> <br><meta name="twitter:title" content="[DaumEditor] 다음 에디터(Daum Editor) 세팅하고 사용하기."> <br><meta name="twitter:description" content="첨부파일 : ■ 다음 에디터(Daum Editor) 세팅하고 사용하기 01. <a href="https://github.com/kakao/DaumEditor/tree/gh-pages/download에" target="_blank" class="ke-link">https://github.com/kakao/DaumEditor/tree/gh-pages/download에</a> 접속해서 다음에디터를 다운받자. 02. 화면 최하단을 보면 How to download 라고 적힌 유의사항이 적힌 부분이 있는데. 여기서는 안정적인 stable(7.4.X) 버전대를 사용하기로 한다. 03. Stable(7.4.X)버전에서 가장 높은 버전대를 찾아 선택하고 클릭한다. 04. 해당 버전의 다운로드 페이지로 이동되면 아래 순서대로 작업을 수행한다. ① Download 버튼을 클릭한다. ② 확인 버튼을 클릭하여 daumeditor.zip 파일을 다운받는다. 05. 이제 다음 에디터 프로젝트를 수행할 폴더를 생성하.."> <br><meta property="twitter:image" content="<a href="https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F22103B37582D3D2A33" target="_blank" class="ke-link">https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F22103B37582D3D2A33</a>"> <br><meta content="<a href="https://wickedmagic.tistory.com/552" target="_blank" class="ke-link">https://wickedmagic.tistory.com/552</a>" property="dg:plink"> <br><meta name="plink"> <br><meta name="title" content="[DaumEditor] 다음 에디터(Daum Editor) 세팅하고 사용하기."> <br><meta name="article:media_name" content="사악미소의 현대마법의 공방"> <br><meta property="article:mobile_url" content="<a href="https://wickedmagic.tistory.com/m/552" target="_blank" class="ke-link">https://wickedmagic.tistory.com/m/552</a>"> <br><meta property="article:pc_url" content="<a href="https://wickedmagic.tistory.com/552" target="_blank" class="ke-link">https://wickedmagic.tistory.com/552</a>"> <br><meta property="article:mobile_view_url" content="<a href="https://wickedmagic.tistory.com/m/552" target="_blank" class="ke-link">https://wickedmagic.tistory.com/m/552</a>"> <br><meta property="article:pc_view_url" content="<a href="https://wickedmagic.tistory.com/552" target="_blank" class="ke-link">https://wickedmagic.tistory.com/552</a>"> <br><meta property="article:talk_channel_view_url" content="<a href="https://wickedmagic.tistory.com/m/552" target="_blank" class="ke-link">https://wickedmagic.tistory.com/m/552</a>"> <br><meta property="article:pc_service_home" content="<a href="https://www.tistory.com" target="_blank" class="ke-link">https://www.tistory.com</a>"> <br><meta property="article:mobile_service_home" content="<a href="https://www.tistory.com/m" target="_blank" class="ke-link">https://www.tistory.com/m</a>"> <br><meta property="article:txid" content="885720_552"> <br><meta property="article:published_time" content="2016-11-17T11:59:36+09:00"> <br><meta property="og:regDate" content="20161117115936"> <br><meta property="article:modified_time" content="2016-11-18T09:49:00+09:00"> <br><link rel="stylesheet" type="text/css" href="<a href="https://t1.daumcdn.net/tistory_admin/lib/lightbox/css/lightbox.min.css" target="_blank" class="ke-link">https://t1.daumcdn.net/tistory_admin/lib/lightbox/css/lightbox.min.css</a>"> <br><link rel="stylesheet" type="text/css" href="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/style/font.css" target="_blank" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/style/font.css</a>"> <br><link rel="stylesheet" type="text/css" href="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/style/content.css" target="_blank" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/style/content.css</a>"> <br><link rel="stylesheet" type="text/css" href="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/style/uselessPMargin.css" target="_blank" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/style/uselessPMargin.css</a>"> <br><script type="text/javascript">(function() { <br>    var tjQuery = jQuery.noConflict(true); <br>    window.tjQuery = tjQuery; <br>    window.orgjQuery = window.jQuery; window.jQuery = tjQuery; <br>    window.jQuery = window.orgjQuery; delete window.orgjQuery; <br>})()</script> <br><script type="text/javascript" src="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/script/base.js" target="_blank" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/script/base.js</a>"></script> <br><script type="text/javascript" src="//developers.kakao.com/sdk/js/kakao.min.js"></script> <br><br>                 <br>  <meta charset="UTF-8"> <br>  <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width"> <br>  <title>[DaumEditor] 다음 에디터(Daum Editor) 세팅하고 사용하기.</title> <br>  <link rel="stylesheet" href="<a href="https://tistory1.daumcdn.net/tistory/0/pg_Whatever/style.css" target="_blank" class="ke-link">https://tistory1.daumcdn.net/tistory/0/pg_Whatever/style.css</a>"> <br>  <script src="//t1.daumcdn.net/tistory_admin/lib/jquery/jquery-1.12.4.min.js"></script> <br><br>                 <br>                 <br>                <style type="text/css">.another_category { <br>    border: 1px solid #E5E5E5; <br>    padding: 10px 10px 5px; <br>    margin: 10px 0; <br>    clear: both; <br>} <br><br>.another_category h4 { <br>    font-size: 12px !important; <br>    margin: 0 !important; <br>    border-bottom: 1px solid #E5E5E5 !important; <br>    padding: 2px 0 6px !important; <br>} <br><br>.another_category h4 a { <br>    font-weight: bold !important; <br>} <br><br>.another_category table { <br>    table-layout: fixed; <br>    border-collapse: collapse; <br>    width: 100% !important; <br>    margin-top: 10px !important; <br>} <br><br>* html .another_category table { <br>    width: auto !important; <br>} <br><br>*:first-child + html .another_category table { <br>    width: auto !important; <br>} <br><br>.another_category th, .another_category td { <br>    padding: 0 0 4px !important; <br>} <br><br>.another_category th { <br>    text-align: left; <br>    font-size: 12px !important; <br>    font-weight: normal; <br>    word-break: break-all; <br>    overflow: hidden; <br>    line-height: 1.5; <br>} <br><br>.another_category td { <br>    text-align: right; <br>    width: 80px; <br>    font-size: 11px; <br>} <br><br>.another_category th a { <br>    font-weight: normal; <br>    text-decoration: none; <br>    border: none !important; <br>} <br><br>.another_category th a.current { <br>    font-weight: bold; <br>    text-decoration: none !important; <br>    border-bottom: 1px solid !important; <br>} <br><br>.another_category th span { <br>    font-weight: normal; <br>    text-decoration: none; <br>    font: 10px Tahoma, Sans-serif; <br>    border: none !important; <br>} <br><br>.another_category_color_gray, .another_category_color_gray h4 { <br>    border-color: #E5E5E5 !important; <br>} <br><br>.another_category_color_gray * { <br>    color: #909090 !important; <br>} <br><br>.another_category_color_gray th a.current { <br>    border-color: #909090 !important; <br>} <br><br>.another_category_color_gray h4, .another_category_color_gray h4 a { <br>    color: #737373 !important; <br>} <br><br>.another_category_color_red, .another_category_color_red h4 { <br>    border-color: #F6D4D3 !important; <br>} <br><br>.another_category_color_red * { <br>    color: #E86869 !important; <br>} <br><br>.another_category_color_red th a.current { <br>    border-color: #E86869 !important; <br>} <br><br>.another_category_color_red h4, .another_category_color_red h4 a { <br>    color: #ED0908 !important; <br>} <br><br>.another_category_color_green, .another_category_color_green h4 { <br>    border-color: #CCE7C8 !important; <br>} <br><br>.another_category_color_green * { <br>    color: #64C05B !important; <br>} <br><br>.another_category_color_green th a.current { <br>    border-color: #64C05B !important; <br>} <br><br>.another_category_color_green h4, .another_category_color_green h4 a { <br>    color: #3EA731 !important; <br>} <br><br>.another_category_color_blue, .another_category_color_blue h4 { <br>    border-color: #C8DAF2 !important; <br>} <br><br>.another_category_color_blue * { <br>    color: #477FD6 !important; <br>} <br><br>.another_category_color_blue th a.current { <br>    border-color: #477FD6 !important; <br>} <br><br>.another_category_color_blue h4, .another_category_color_blue h4 a { <br>    color: #1960CA !important; <br>} <br><br>.another_category_color_violet, .another_category_color_violet h4 { <br>    border-color: #E1CEEC !important; <br>} <br><br>.another_category_color_violet * { <br>    color: #9D64C5 !important; <br>} <br><br>.another_category_color_violet th a.current { <br>    border-color: #9D64C5 !important; <br>} <br><br>.another_category_color_violet h4, .another_category_color_violet h4 a { <br>    color: #7E2CB5 !important; <br>} <br></style> <br><br>                 <br>                <link rel="stylesheet" type="text/css" href="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/style/revenue.css" target="_blank" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/style/revenue.css</a>"> <br><link rel="canonical" href="<a href="https://wickedmagic.tistory.com/552" target="_blank" class="ke-link">https://wickedmagic.tistory.com/552</a>"> <br><br><!-- BEGIN STRUCTURED_DATA --> <br><script type="application/ld+json"> <br>    {"@context":"<a href="http://schema.org" target="_blank" class="ke-link">http://schema.org</a>","@type":"BlogPosting","mainEntityOfPage":{"@id":"<a href="https://wickedmagic.tistory.com/552" target="_blank" class="ke-link">https://wickedmagic.tistory.com/552</a>","name":null},"url":"<a href="https://wickedmagic.tistory.com/552" target="_blank" class="ke-link">https://wickedmagic.tistory.com/552</a>","headline":"[DaumEditor] 다음 에디터(Daum Editor) 세팅하고 사용하기.","description":"첨부파일 : ■ 다음 에디터(Daum Editor) 세팅하고 사용하기 01. <a href="https://github.com/kakao/DaumEditor/tree/gh-pages/download에" target="_blank" class="ke-link">https://github.com/kakao/DaumEditor/tree/gh-pages/download에</a> 접속해서 다음에디터를 다운받자. 02. 화면 최하단을 보면 How to download 라고 적힌 유의사항이 적힌 부분이 있는데. 여기서는 안정적인 stable(7.4.X) 버전대를 사용하기로 한다. 03. Stable(7.4.X)버전에서 가장 높은 버전대를 찾아 선택하고 클릭한다. 04. 해당 버전의 다운로드 페이지로 이동되면 아래 순서대로 작업을 수행한다. ① Download 버튼을 클릭한다. ② 확인 버튼을 클릭하여 daumeditor.zip 파일을 다운받는다. 05. 이제 다음 에디터 프로젝트를 수행할 폴더를 생성하..","author":{"@type":"Person","name":"사악미소","logo":null},"image":{"@type":"ImageObject","url":"<a href="https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F22103B37582D3D2A33" target="_blank" class="ke-link">https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F22103B37582D3D2A33</a>","width":"800px","height":"800px"},"datePublished":"20161117T11:59:36","dateModified":"20161118T09:49:00","publisher":{"@type":"Organization","name":"TISTORY","logo":{"@type":"ImageObject","url":"<a href="https://t1.daumcdn.net/tistory_admin/static/images/openGraph/opengraph.png" target="_blank" class="ke-link">https://t1.daumcdn.net/tistory_admin/static/images/openGraph/opengraph.png</a>","width":"800px","height":"800px"}}} <br></script> <br><!-- END STRUCTURED_DATA --> <br><link rel="stylesheet" type="text/css" href="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/style/dialog.css" target="_blank" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/style/dialog.css</a>"> <br><link rel="stylesheet" type="text/css" href="//t1.daumcdn.net/tistory_admin/www/style/top/font.css"> <br><link rel="stylesheet" type="text/css" href="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/style/postBtn.css" target="_blank" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/style/postBtn.css</a>"> <br><link rel="stylesheet" type="text/css" href="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/style/comment.css" target="_blank" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/style/comment.css</a>"> <br><link rel="stylesheet" type="text/css" href="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/style/tistory.css" target="_blank" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/style/tistory.css</a>"> <br><script type="text/javascript" src="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/script/common.js" target="_blank" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/script/common.js</a>"></script> <br><script type="text/javascript" src="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/script/comment.js" target="_blank" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/script/comment.js</a>" defer=""></script> <br><br>                 <br>                <style type="text/css">#DragSchLayer{display:block;position:absolute;z-index:1000;width:61px;height:31px;margin:-30px 0px 0px -5px;background:url(//search1.daumcdn.net/search/statics/common/pi/btn_drag_rect.png);cursor:pointer}             @media             only screen and (-webkit-min-device-pixel-ratio: 1.5),             only screen and (min-device-pixel-ratio: 1.5),             only screen and (min-resolution: 1.5dppx) {             #DragSchLayer{background-image:url(//search1.daumcdn.net/search/statics/common/pi/r2/btn_drag_rect.png);background-size:61px 31px}}            </style><link rel="stylesheet" href="<a href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" target="_blank" class="ke-link">https://fonts.googleapis.com/css?family=Roboto:300,400,500</a>" media="all"><link rel="stylesheet" href="<a href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" target="_blank" class="ke-link">https://fonts.googleapis.com/css?family=Roboto:300,400,500</a>" media="all"><style>@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:"";flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}</style></head> <br><br>                                                <body id="tt-body-page" class="layout-wide color-bright post-type-text paging-view-more"> <br>                 <br>                 <br>                 <br>   <br>    <div id="acc-nav"> <br>      <a href="#content">본문 바로가기</a> <br>    </div> <br>    <div id="wrap"> <br>      <header id="header"> <br>        <div class="inner"> <br>          <h1> <br>            <a href="<a href="https://wickedmagic.tistory.com/" target="_blank" class="ke-link">https://wickedmagic.tistory.com/</a>"> <br>               <br>               <br>                사악미소의 현대마법의 공방 <br>               <br>            </a> <br>          </h1> <br>          <button type="button" class="mobile-menu"><span>메뉴</span></button> <br>          <nav id="gnb"> <br>            <ul> <br>  <li class="t_menu_home first"><a href="/" target="">홈</a></li> <br>  <li class="t_menu_tag"><a href="/tag" target="">태그</a></li> <br>  <li class="t_menu_medialog"><a href="/media" target="">미디어로그</a></li> <br>  <li class="t_menu_location"><a href="/location" target="">위치로그</a></li> <br>  <li class="t_menu_guestbook last"><a href="/guestbook" target="">방명록</a></li> <br></ul> <br>          </nav> <br>        </div> <br>      </header> <br>      <hr> <br>      <section class="container"> <br>         <br>        <article id="content"> <br><br>           <br><br>           <br><br>           <br><br>           <br><br>          <div class="inner"> <br>             <br><br>                 <br>         <br>   <br>   <br>    <div class="hgroup"> <br>      <div class="category">DaumEditor</div> <br>      <h1>[DaumEditor] 다음 에디터(Daum Editor) 세팅하고 사용하기. </h1> <br>      <div class="post-meta"> <br>        <span class="author">사악미소</span> <br>        <span class="date">2016. 11. 17. 11:59</span> <br>         <br>      </div> <br>    </div> <br>    <div class="entry-content" id="article-view"> <br>      <script xxxxonerror="changeAdsenseToAdfit()" async="" src="<a href="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9527582522912841" target="_blank" class="ke-link">https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9527582522912841</a>" crossorigin="anonymous"></script> <br><!-- inventory --> <br><div style="text-align: center"><ins class="kakao_ad_area" style="display: inline-block; margin: 50px 0px; position: relative; text-decoration: none; min-width: 655px; min-height: 120px; width: 655px; height: 120px;" data-ad-unit="DAN-nRFiQiN4avFYIKbk" id="kakao_ad_yRc70r"><div data-ad-creative-wrap="outer" style="position: absolute; max-height: inherit; inset: 0px;"><div data-ad-creative-wrap="inner" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; max-height: inherit; border: 0px;" id="f15157cf-2cba-4256-a63e-8b7bc9169766"><iframe id="c6140607-5cad-40a1-bcf3-7d9f06aeedc3" name="{&quot;id&quot;:&quot;f15157cf-2cba-4256-a63e-8b7bc9169766&quot;,&quot;meta&quot;:{&quot;shared&quot;:{&quot;sf_ver&quot;:&quot;1-1-0&quot;,&quot;ck_on&quot;:0,&quot;flash_ver&quot;:0,&quot;unitId&quot;:&quot;DAN-nRFiQiN4avFYIKbk&quot;,&quot;requestId&quot;:&quot;b756813c-1c6e-4ae6-b406-4e6cd3edba8e&quot;,&quot;usePrefersColorScheme&quot;:false},&quot;conversionTracking&quot;:{&quot;etxId&quot;:&quot;MOMENT:conversion_id:1hhNCG7eGysKsFaTVZk5gU--jJSiVMhWs6hGDIUne3-v30AqgEiQK6slCY3eB6yjSNY4z33XmA9AhFtzZVRHNEKMqcz0Gvfw5stBxXigsiE&quot;},&quot;adAttributes&quot;:{&quot;unit&quot;:&quot;DAN-nRFiQiN4avFYIKbk&quot;}},&quot;supports&quot;:{&quot;exp-ovr&quot;:true,&quot;exp-push&quot;:true,&quot;read-cookie&quot;:false,&quot;write-cookie&quot;:false},&quot;geom&quot;:{&quot;win&quot;:{&quot;t&quot;:0,&quot;b&quot;:942,&quot;l&quot;:19,&quot;r&quot;:1904,&quot;w&quot;:1885,&quot;h&quot;:942},&quot;self&quot;:{&quot;t&quot;:412.09375,&quot;b&quot;:532.09375,&quot;l&quot;:606.5,&quot;r&quot;:1261.5,&quot;w&quot;:655,&quot;h&quot;:120,&quot;xiv&quot;:0,&quot;yiv&quot;:0,&quot;iv&quot;:0,&quot;z&quot;:&quot;auto&quot;},&quot;exp&quot;:{&quot;t&quot;:412.09375,&quot;b&quot;:409.90625,&quot;l&quot;:606.5,&quot;r&quot;:606.5,&quot;xs&quot;:0,&quot;ys&quot;:0}},&quot;winHasFocus&quot;:true,&quot;html&quot;:&quot;<!DOCTYPE html>\n<html lang=\&quot;ko\&quot;>\n<head>\n<meta http-equiv=\&quot;Content-Type\&quot; content=\&quot;text/html;charset=utf-8\&quot;>\n<meta http-equiv=\&quot;X-UA-Compatible\&quot; content=\&quot;ie=edge\&quot;>\n<meta http-equiv=\&quot;imagetoolbar\&quot; content=\&quot;no\&quot;>\n<meta http-equiv=\&quot;imagetoolbar\&quot; content=\&quot;false\&quot;>\n<meta name=\&quot;viewport\&quot; content=\&quot;width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0\&quot;>\n<meta name=\&quot;robots\&quot; content=\&quot;noarchive\&quot;>\n<meta name=\&quot;robots\&quot; content=\&quot;nosnippet\&quot;>\n<meta name=\&quot;robots\&quot; content=\&quot;noindex\&quot;>\n<meta name=\&quot;robots\&quot; content=\&quot;nofollow\&quot;>\n<meta name=\&quot;robots\&quot; content=\&quot;noodp\&quot;>\n<meta name=\&quot;google\&quot; content=\&quot;notranslate\&quot;>\n<meta name=\&quot;dspId\&quot; content=\&quot;MOMENT\&quot;>\n<meta name=\&quot;referrer\&quot; content=\&quot;unsafe-url\&quot;>\n<title>AdFit NAS Advertisement</title>\n<link rel=\&quot;dns-prefetch\&quot; href=\&quot;//t1.daumcdn.net\&quot;>\n<link rel=\&quot;preload\&quot; as=\&quot;image\&quot; href=\&quot;<a href="https://t1.daumcdn.net/b2/creative/424072/eb26564cd7c78fdb94a0046a76954ad3.jpg" target="_blank" class="ke-link">https://t1.daumcdn.net/b2/creative/424072/eb26564cd7c78fdb94a0046a76954ad3.jpg</a>\&quot;>\n<link rel=\&quot;preload\&quot; as=\&quot;image\&quot; href=\&quot;<a href="https://t1.daumcdn.net/b2/creative/424072/93ded3e4c2ced2e8831a6815cd5165cc.png" target="_blank" class="ke-link">https://t1.daumcdn.net/b2/creative/424072/93ded3e4c2ced2e8831a6815cd5165cc.png</a>\&quot;>\n\n\n<style>/* reset */\nbody,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button{margin:0;padding:0}\nfieldset,img{border:0 none}\ndl,ul,ol,menu,li{list-style:none}\nblockquote, q{quotes: none}\nblockquote:before, blockquote:after,q:before, q:after{content:'';content:none}\ninput,select,textarea,button{vertical-align:middle}\ninput::-ms-clear{display:none}\nbutton{border:0 none;background-color:transparent;cursor:pointer}\nbody{background:#fff;-webkit-text-size-adjust:none;text-align:left}\nbody,th,td,input,select,textarea,button{font-size:12px;line-height:1.5;font-family:'Apple SD Gothic Neo','Malgun Gothic','맑은 고딕','dotum','돋움',sans-serif;color:#333}\na{color:#333;text-decoration:none}\na:active, a:hover{text-decoration:underline}\na:active{background-color:transparent}\naddress,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}\n/* global */\n.ir_pm{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px}\n.ir_wa{display:block;overflow:hidden;position:relative;z-index:-1;width:100%;height:100%}\n.ir_caption{overflow:hidden;width:1px;font-size:1px;line-height:0;text-indent:-9999px}\n.screen_out{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}\n.show{display:block}\n.hide{display:none}\n\n.cm_ad{position:relative;width:655px;height:120px;background:#f5f5f5;box-sizing:border-box;letter-spacing:0}\n.cm_ad .link_ad{display:flex;align-items:center;overflow:hidden;width:100%;height:100%;text-decoration:none}\n.cm_ad .link_ad:after{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,.03);z-index:10;content:\&quot;\&quot;}\n.cm_ad .link_ad .thumb_img{float:left;overflow:hidden;position:relative;width:120px;height:120px}\n.cm_ad .link_ad .thumb_img .img_thumb{display:inline-block;width:100%;height:100%;vertical-align:top}\n.cm_ad .thumb_img .frame_g{position:absolute;top:0;left:0;width:100%;height:100%;border-right:1px solid rgba(0,0,0,.03);box-sizing:border-box}\n.cm_ad .area_ad{display:block;overflow:hidden;width:535px;padding:16px 106px 16px 35px;box-sizing:border-box;position:relative}\n.cm_ad .tit_ad{display:block;overflow:hidden;max-width:467px;font-weight:bold;font-size:18px;line-height:21px;color:#000}\n.cm_ad .tit_ad2{display:block;overflow:hidden;max-width:345px;margin-top:11px;font-weight:bold;font-size:20px;line-height:24px;color:#000}\n.cm_ad .desc_ad{display:block;overflow:hidden;max-width:467px;min-height:30px;padding-top:4px;font-size:13px;line-height:18px;color:rgba(0,0,0,.7)}\n.cm_ad .btn_ad{position:absolute;right:35px;top:50%;transform:translateY(-50%);height:46px;width:46px}\n.cm_ad .btn_ad .ico_ad{display:inline-block;width:46px;height:46px;font-size:0;line-height:0;background:url(<a href="https://t1.daumcdn.net/biz/ui/ad/ico_adarr2.png)" target="_blank" class="ke-link">https://t1.daumcdn.net/biz/ui/ad/ico_adarr2.png)</a> no-repeat 0 0;background-size:46px 46px;vertical-align:top;text-indent:-9999px}\n.cm_ad .tit_cm{display:block;height:20px;}\n.cm_ad .tit_cm .thumb_logo{overflow:hidden;float:left;width:20px;height:20px;margin-top:-1px;border-radius:2px}\n.cm_ad .tit_cm .img_logo{width:100%}\n.cm_ad .tit_cm .tit_adcm{display:block;overflow:hidden;padding-left:8px;font-weight:normal;font-size:11px;line-height:20px;color:rgba(0,0,0,.6);text-overflow:ellipsis;white-space:nowrap}\n.cm_ad .desc_ad + .tit_cm{margin-top:7px}\n/*admark*/\n.cm_ad .icon_ad{overflow:hidden;position:absolute;right:0;top:0;width:33px;height:24px;font-size:0px;z-index:11}\n.cm_ad .icon_ad .img_mark{display:block;width:25px;height:16px;margin:4px auto;background:url(<a href="https://t1.daumcdn.net/biz/ui/ad/ico_adlogo2.png)" target="_blank" class="ke-link">https://t1.daumcdn.net/biz/ui/ad/ico_adlogo2.png)</a> no-repeat 0 0;background-size:25px 16px}\n/*imark*/\n.cm_ad .icon_ad.imark{overflow:hidden;position:absolute;right:0;top:0;width:22px;height:22px;font-size:0px}\n.cm_ad .imark .img_mark{display:block;width:14px;height:14px;margin:4px auto;background:url(<a href="https://t1.daumcdn.net/biz/ui/ad/ADmark/i_mark_200803.png)" target="_blank" class="ke-link">https://t1.daumcdn.net/biz/ui/ad/ADmark/i_mark_200803.png)</a> no-repeat 0 0;background-size:14px 14px}\n/* window 분기*/\n.os_windows .cm_ad .area_ad{padding-left:34px}\n.os_windows .cm_ad .tit_ad{letter-spacing:-2.3px}\n.os_windows .cm_ad .tit_ad2{letter-spacing:-1.9px}\n.os_windows .cm_ad .desc_ad{letter-spacing:-1.8px}\n.os_windows .cm_ad .tit_cm .tit_adcm{line-height:17px}\n\n/* 이미지 블러 */\n.blur_img{opacity:0}\n.blur_img.show{opacity:1}\n</style>\n<script>!function(){var t={802:function(t,e,n){t.exports=function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return t[r].call(o.exports,o,o.exports,e),o.loaded=!0,o.exports}var n={};return e.m=t,e.c=n,e.p=\&quot;\&quot;,e(0)}([function(t,e,r){\&quot;use strict\&quot;;function o(t){this.name=\&quot;JackdawError\&quot;,this.message=t}function i(t,e){function n(t,e){e=e||{};var n=w(t);return P=A(P,{project:n.projectId}),(P=A(P,e||{})).maxBreadcrumbs=Math.max(0,Math.min(P.maxBreadcrumbs,100)),H=n.endpoint,W=P.transport=e.transport||k,this}function r(t){return\&quot;[object DOMError]\&quot;===Object.prototype.toString.call(t)}function l(t){return\&quot;[object DOMException]\&quot;===Object.prototype.toString.call(t)}function d(t,e){P.debug&&console.log(e)}function f(){j=0,q=null}function h(){return j&&N()-q<j}function p(t){if(h())d(\&quot;warn\&quot;,\&quot;Should back off\&quot;);else{var e=t.status;if(400===e||401===e||429===e){var n;try{n=t.getResponseHeader(\&quot;Retry-After\&quot;),n=1e3*parseInt(n,10)}catch(t){}j=n||2*j||1e3,q=N()}}}function v(t){return!!B&&(t.stacktrace||B.stacktrace?x(t.stacktrace,B.stacktrace):t.exception||B.exception?E(t.exception,B.exception):t.fingerprint||B.fingerprint?Boolean(t.fingerprint&&B.fingerprint)&&L(t.fingerprint)===L(B.fingerprint):_(t.message,B.message))}function m(t,e,n){if(h())e&&e(new o(\&quot;Should back off\&quot;));else{if(v(t))return d(\&quot;warn\&quot;,\&quot;Jackdaw dropped repeat event: \&quot;,t),void(e&&e(new o(\&quot;Dropped repeat event\&quot;)));(t=A(P,t)).tag=t.tag||{},t.extra=t.extra||{},t.extra[\&quot;session:duration\&quot;]=N()-M,F&&F.length>0&&(t.breadcrumbs={values:[].slice.call(F,0)}),V=t.event_id=O(),B=t,d(\&quot;debug\&quot;,\&quot;Jackdaw about to send:\&quot;,t);var r=U=t.exception&&t.exception.values[0];D.addBreadcrumb({category:\&quot;sentry\&quot;,message:r?(r.type?r.type+\&quot;: \&quot;:\&quot;\&quot;)+r.value:t.message,event_id:V,level:t.level||\&quot;error\&quot;});try{n({url:H,data:t,onSuccess:function(){f(),e&&e()},xxxxonError:function(t){d(\&quot;error\&quot;,\&quot;Jackdaw transport failed to send: \&quot;,t),t.request&&p(t.request),e&&e(t)}})}catch(t){e&&e(t)}}}function w(t){var e,n=/^(?:(\\w+):)\\/\\/(?:(\\w+)(?::(\\w+))?@)([\\w.-]+)(?::(\\d+))?\\/(.+)/.exec(t);return n?((e={protocol:n[1],user:n[2],pass:n[3]||\&quot;\&quot;,host:n[4],port:n[5]||\&quot;\&quot;,projectId:n[6]}).endpoint=e.protocol+\&quot;://\&quot;+e.host+(e.port?\&quot;:\&quot;+e.port:\&quot;\&quot;)+\&quot;/api/\&quot;+e.projectId+\&quot;/store/?sentry_version=7&sentry_key=\&quot;+e.user+(e.pass?\&quot;&sentry_secret=\&quot;+e.pass:\&quot;\&quot;),e):\&quot;\&quot;}function g(t,e){function n(){try{return c.location.href}catch(t){}return\&quot;\&quot;}function r(t,e,n,r){var o={url:e,line:n};if(o.url&&o.line){if(t.incomplete=!1,o.func||(o.func=\&quot;?\&quot;),t.stack.length>0&&t.stack[0].url===o.url){if(t.stack[0].line===o.line)return!1;if(!t.stack[0].line&&t.stack[0].func===o.func)return t.stack[0].line=o.line,!1}return t.stack.unshift(o),t.partial=!0,!0}return t.incomplete=!0,!1}function o(t,e){for(var i,a,s=/function\\s+([_$a-zA-Z\\xA0-\\uFFFF][_$a-zA-Z0-9\\xA0-\\uFFFF]*)?\\s*\\(/i,c=[],u={},l=!1,d=o.caller;d&&!l;d=d.caller)if(d!==g){if(a={url:null,func:\&quot;?\&quot;,line:null,column:null},d.name?a.func=d.name:(i=s.exec(d.toString()))&&(a.func=i[1]),void 0===a.func)try{a.func=i.input.substring(0,i.input.indexOf(\&quot;{\&quot;))}catch(t){}u[\&quot;\&quot;+d]?l=!0:u[\&quot;\&quot;+d]=!0,c.push(a)}e&&c.splice(0,e);var f={name:t.name,message:t.message,url:n(),stack:c};return r(f,t.sourceURL||t.fileName,t.line||t.lineNumber,t.message||t.description),f}var i=null;e=null==e?0:+e;try{if(i=function(t){if(void 0!==t.stack&&t.stack){for(var e,r,o,i=/^\\s*at (?:(.*?) ?\\()?((?:file|https?|blob|chrome-extension|native|eval‎|webpack|<anonymous>|[a-z]:|\\/).*?)(?::(\\d+))?(?::(\\d+))?\\)?\\s*$/i,a=/^\\s*at (?:((?:\\[object object\\])?.+) )?\\(?((?:file|ms-appx(?:-web)|https?|webpack|blob):.*?):(\\d+)(?::(\\d+))?\\)?\\s*$/i,s=/^\\s*(.*?)(?:\\((.*?)\\))?(?:^|@)((?:file|https?|blob|chrome|webpack|resource|moz-extension).*?:\\/.*?|\\[native code\\]|[^@]*bundle)(?::(\\d+))?(?::(\\d+))?\\s*$/i,c=/(\\S+) line (\\d+)(?: > eval‎ line \\d+)* > eval‎/i,u=/\\((\\S*)(?::(\\d+))(?::(\\d+))\\)/,l=t.stack.split(\&quot;\\n\&quot;),d=[],f=0,h=l.length;f<h;++f){if(r=i.exec(l[f])){var p=r[2]&&0===r[2].indexOf(\&quot;native\&quot;);r[2]&&0===r[2].indexOf(\&quot;eval‎\&quot;)&&(e=u.exec(r[2]))&&(r[2]=e[1],r[3]=e[2],r[4]=e[3]),o={url:p?null:r[2],func:r[1]||\&quot;?\&quot;,args:p?[r[2]]:[],line:r[3]?+r[3]:null,column:r[4]?+r[4]:null}}else if(r=a.exec(l[f]))o={url:r[2],func:r[1]||\&quot;?\&quot;,args:[],line:+r[3],column:r[4]?+r[4]:null};else{if(!(r=s.exec(l[f])))continue;r[3]&&r[3].indexOf(\&quot; > eval‎\&quot;)>-1&&(e=c.exec(r[3]))?(r[3]=e[1],r[4]=e[2],r[5]=null):0!==f||r[5]||void 0===t.columnNumber||(d[0].column=t.columnNumber+1),o={url:r[3],func:r[1]||\&quot;?\&quot;,args:r[2]?r[2].split(\&quot;,\&quot;):[],line:r[4]?+r[4]:null,column:r[5]?+r[5]:null}}!o.func&&o.line&&(o.func=\&quot;?\&quot;),d.push(o)}return d.length?{name:t.name,message:t.message,url:n(),stack:d}:null}}(t))return i}catch(t){}try{if(i=o(t,e+1))return i}catch(t){}return{name:t.name,message:t.message,url:n()}}function b(t,e){function n(t,e){var n={filename:t.url,lineno:t.line,colno:t.column,function:t.func||\&quot;?\&quot;};return t.url||(n.filename=e),n}var r=[];if(t.stack&&t.stack.length&&(R(t.stack,(function(e,o){var i=n(o,t.url);i&&r.push(i)})),e&&e.trimHeadFrames))for(var o=0;o<e.trimHeadFrames&&o<r.length;o++)r[o].in_app=!1;return r=r.slice(0,50)}function y(t,e,n,r,o,i){var a;o&&o.length?(n=o[0].filename||n,o.reverse(),a={frames:o}):n&&(a={frames:[{filename:n,lineno:r,in_app:!0}]});var s=A({exception:{values:[{type:t,value:e,stacktrace:a}]}},i),c=s.exception.values[0];return null==c.type&&\&quot;\&quot;===c.value&&(c.value=\&quot;Unrecoverable error caught\&quot;),s}function E(t,e){return!I(t,e)&&(t=t.values[0],e=e.values[0],t.type===e.type&&t.value===e.value&&!C(t.stacktrace,e.stacktrace)&&x(t.stacktrace,e.stacktrace))}function x(t,e){if(I(t,e))return!1;var n=t.frames,r=e.frames;if(void 0===n||void 0===r)return!1;if(n.length!==r.length)return!1;for(var o,i,a=0;a<n.length;a++)if(o=n[a],i=r[a],o.filename!==i.filename||o.lineno!==i.lineno||o.colno!==i.colno||o.function!==i.function)return!1;return!0}function _(t,e){return!(!t&&!e||t&&!e||!t&&e||t!==e)}function k(t){var e=t.url,n=s.XMLHttpRequest&&new s.XMLHttpRequest;if(!n)return!1;var r=\&quot;withCredentials\&quot;in n;if(!r&&void 0===s.XDomainRequest)return!1;r?n.onreadystatechange=function(){if(4!==n.readyState);else if(200===n.status)t.onSuccess&&t.onSuccess();else if(t.xxxxonError){var e=new o(\&quot;Transport error code: \&quot;+n.status);e.request=n,t.xxxxonError(e)}}:(n=new s.XDomainRequest,e=e.replace(/^https?:/,\&quot;\&quot;),t.onSuccess&&(n.xxxxonload=t.onSuccess),t.xxxxonError&&(n.xxxxonerror=function(){var e=new o(\&quot;Transport error code: XDomainRequest\&quot;);e.request=n,t.xxxxonError(e)})),n.open(\&quot;POST\&quot;,e,!0),n.send(L(t.data))}function I(t,e){return!!(!!t^!!e)}function C(t,e){return T(t)&&T(e)}function T(t){return void 0===t}function O(){return\&quot;xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx\&quot;.replace(/[xy]/g,(function(t){var e=16*Math.random()|0;return(\&quot;x\&quot;===t?e:3&e|8).toString(16)}))}function L(t){return(JSON.stringify||function t(e){var n=void 0===e?\&quot;undefined\&quot;:a(e);if(\&quot;object\&quot;!==n||null===e)return\&quot;string\&quot;===n&&(e='\&quot;'+e+'\&quot;'),String(e);var r,o,i=[],s=e&&e.constructor===Array;for(r in e)\&quot;string\&quot;===(n=void 0===(o=e[r])?\&quot;undefined\&quot;:a(o))?o='\&quot;'+o+'\&quot;':\&quot;object\&quot;===n&&null!==o&&(o=t(o)),i.push((s?\&quot;\&quot;:'\&quot;'+r+'\&quot;:')+String(o));return(s?\&quot;[\&quot;:\&quot;{\&quot;)+String(i)+(s?\&quot;]\&quot;:\&quot;}\&quot;)})(t)}function A(t,e){return e?(R(e,(function(e,n){t[e]=n})),t):t}function R(t,e){var n,r;if(\&quot;function\&quot;==typeof e)if(t.length){if(r=t.length)for(n=0;n<r;n++)e.call(null,n,t[n])}else for(n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.call(null,n,t[n])}function N(){return+new Date}if(this instanceof i==0)return new i(t,e);if(!t)throw new o(\&quot;All I want is a public DSN string\&quot;);var S=i._instanceMap=i._instanceMap||{};if(S[t])return e&&S[t].config(t,e),S[t];S[t]=this;var D=this,M=N(),F=[],V=null,B=null,U=null,j=0,q=null,H=null,P={logger:\&quot;javascript\&quot;,platform:\&quot;javascript\&quot;,request:{headers:{\&quot;User-Agent\&quot;:u.userAgent},url:c.location.href,referrer:c.referrer},sdk:{name:\&quot;@kakao/jackdaw-js\&quot;,version:\&quot;1.0.5\&quot;},level:\&quot;error\&quot;,maxBreadcrumbs:100,debug:!1},W=k;this.config=n,this.addBreadcrumb=function(t){var e=A({timestamp:N()/1e3},t);return F.push(e),F.length>P.maxBreadcrumbs&&F.splice(0,F.length-P.maxBreadcrumbs),this},this.captureMessage=function(t,e,n){var r=W;if(!t)throw new o(\&quot;Need something to send message\&quot;);return e&&\&quot;function\&quot;==typeof e.transport&&(r=e.transport,delete e.transport),m(A({message:t+\&quot;\&quot;},e||{}),n,r),this},this.captureException=function(t,e,n){var i=W;if(!t)throw new o(\&quot;Need something to send exception or error\&quot;);if(e&&\&quot;function\&quot;==typeof e.transport&&(i=e.transport,delete e.transport),t.error&&(t=t.error),r(t)||l(t)){var a=t.name||(r(t)?\&quot;DOMError\&quot;:\&quot;DOMException\&quot;),s=t.message?a+\&quot;: \&quot;+t.message:a;return this.captureMessage(s,A(e,{stacktrace:!0,trimHeadFrames:e.trimHeadFrames+1}))}U=t,(e=A({trimHeadFrames:0},e||{})).level=e.level||\&quot;error\&quot;;var c=g(t),u=b(c);return m(y(c.name,c.message,c.url,c.lineno,u,e),n,i),this},this.lastException=function(){return U},this.lastData=function(){return B},this.lastEventId=function(){return V},n(t,e)}var a=\&quot;function\&quot;==typeof Symbol&&\&quot;symbol\&quot;==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&\&quot;function\&quot;==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?\&quot;symbol\&quot;:typeof t},s=\&quot;undefined\&quot;!=typeof window?window:void 0!==n.g?n.g:\&quot;undefined\&quot;!=typeof self?self:{},c=s.document,u=s.navigator;s.Jackdaw||(s.Jackdaw=i),o.prototype=new Error,o.prototype.constructor=o,t.exports=i}])},998:function(t,e,n){t.exports=n(802)},443:function(){var t,e,n,r,o,i,a;Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),Element.prototype.closest||(Element.prototype.closest=function(t){var e=this;do{if(Element.prototype.matches.call(e,t))return e;e=e.parentElement||e.parentNode}while(null!==e&&1===e.nodeType);return null}),\&quot;isConnected\&quot;in Node.prototype||Object.defineProperty(Node.prototype,\&quot;isConnected\&quot;,{get:function(){return!(this.ownerDocument&&this.ownerDocument.compareDocumentPosition(this)&this.DOCUMENT_POSITION_DISCONNECTED)}}),!window.addEventListener&&(t=Window.prototype,e=HTMLDocument.prototype,n=Element.prototype,o=\&quot;removeEventListener\&quot;,i=\&quot;dispatchEvent\&quot;,a=[],t[r=\&quot;addEventListener\&quot;]=e[r]=n[r]=function(t,e){var n=this;a.unshift([n,t,e,function(t){t.currentTarget=n,t.preventDefault=function(){t.returnValue=!1},t.stopPropagation=function(){t.cancelBubble=!0},t.target=t.srcElement||n,e.call(n,t)}]),this.attachEvent(\&quot;on\&quot;+t,a[0][3])},t[o]=e[o]=n[o]=function(t,e){for(var n,r=0;n=a[r];++r)if(n[0]==this&&n[1]==t&&n[2]==e)return this.detachEvent(\&quot;on\&quot;+t,a.splice(r,1)[0][3])},t[i]=e[i]=n[i]=function(t){return this.fireEvent(\&quot;on\&quot;+t.type,t)}),document.getElementsByClassName||(document.getElementsByClassName=function(t){var e,n,r,o=document,i=[];if(o.querySelectorAll)return o.querySelectorAll(\&quot;.\&quot;+t);if(o.eval‎uate)for(n=\&quot;.//*[contains(concat(' ', @class, ' '), ' \&quot;+t+\&quot; ')]\&quot;,e=o.eval‎uate(n,o,null,0,null);r=e.iterateNext();)i.push(r);else for(e=o.getElementsByTagName(\&quot;*\&quot;),n=new RegExp(\&quot;(^|\\\\s)\&quot;+t+\&quot;(\\\\s|$)\&quot;),r=0;r<e.length;r++)n.test(e[r].className)&&i.push(e[r]);return i}),function(){if(\&quot;function\&quot;==typeof window.CustomEvent)return!1;function t(t,e){e=e||{bubbles:!1,cancelable:!1,detail:void 0};var n=document.createEvent(\&quot;CustomEvent\&quot;);return n.initCustomEvent(t,e.bubbles,e.cancelable,e.detail),n}t.prototype=window.Event.prototype,window.CustomEvent=t}()},952:function(){function t(e){return t=\&quot;function\&quot;==typeof Symbol&&\&quot;symbol\&quot;==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&\&quot;function\&quot;==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?\&quot;symbol\&quot;:typeof t},t(e)}!function(){\&quot;use strict\&quot;;if(\&quot;object\&quot;===(\&quot;undefined\&quot;==typeof window?\&quot;undefined\&quot;:t(window)))if(\&quot;IntersectionObserver\&quot;in window&&\&quot;IntersectionObserverEntry\&quot;in window&&\&quot;intersectionRatio\&quot;in window.IntersectionObserverEntry.prototype)\&quot;isIntersecting\&quot;in window.IntersectionObserverEntry.prototype||Object.defineProperty(window.IntersectionObserverEntry.prototype,\&quot;isIntersecting\&quot;,{get:function(){return this.intersectionRatio>0}});else{var e=function(t){for(var e=window.document,n=i(e);n;)n=i(e=n.ownerDocument);return e}(),n=[],r=null,o=null;s.prototype.THROTTLE_TIMEOUT=100,s.prototype.POLL_INTERVAL=null,s.prototype.USE_MUTATION_OBSERVER=!0,s._setupCrossOriginUpdater=function(){return r||(r=function(t,e){o=t&&e?f(t,e):{top:0,bottom:0,left:0,right:0,width:0,height:0},n.forEach((function(t){t._checkForIntersections()}))}),r},s._resetCrossOriginUpdater=function(){r=null,o=null},s.prototype.observe=function(t){if(!this._observationTargets.some((function(e){return e.element===t}))){if(!t||1!==t.nodeType)throw new Error(\&quot;target must be an Element\&quot;);this._registerInstance(),this._observationTargets.push({element:t,entry:null}),this._monitorIntersections(t.ownerDocument),this._checkForIntersections()}},s.prototype.unobserve=function(t){this._observationTargets=this._observationTargets.filter((function(e){return e.element!==t})),this._unmonitorIntersections(t.ownerDocument),0===this._observationTargets.length&&this._unregisterInstance()},s.prototype.disconnect=function(){this._observationTargets=[],this._unmonitorAllIntersections(),this._unregisterInstance()},s.prototype.takeRecords=function(){var t=this._queuedEntries.slice();return this._queuedEntries=[],t},s.prototype._initThresholds=function(t){var e=t||[0];return Array.isArray(e)||(e=[e]),e.sort().filter((function(t,e,n){if(\&quot;number\&quot;!=typeof t||isNaN(t)||t<0||t>1)throw new Error(\&quot;threshold must be a number between 0 and 1 inclusively\&quot;);return t!==n[e-1]}))},s.prototype._parseRootMargin=function(t){var e=(t||\&quot;0px\&quot;).split(/\\s+/).map((function(t){var e=/^(-?\\d*\\.?\\d+)(px|%)$/.exec(t);if(!e)throw new Error(\&quot;rootMargin must be specified in pixels or percent\&quot;);return{value:parseFloat(e[1]),unit:e[2]}}));return e[1]=e[1]||e[0],e[2]=e[2]||e[0],e[3]=e[3]||e[1],e},s.prototype._monitorIntersections=function(t){var n=t.defaultView;if(n&&-1===this._monitoringDocuments.indexOf(t)){var r=this._checkForIntersections,o=null,a=null;this.POLL_INTERVAL?o=n.setInterval(r,this.POLL_INTERVAL):(c(n,\&quot;resize\&quot;,r,!0),c(t,\&quot;scroll\&quot;,r,!0),this.USE_MUTATION_OBSERVER&&\&quot;MutationObserver\&quot;in n&&(a=new n.MutationObserver(r)).observe(t,{attributes:!0,childList:!0,characterData:!0,subtree:!0})),this._monitoringDocuments.push(t),this._monitoringUnsubscribes.push((function(){var e=t.defaultView;e&&(o&&e.clearInterval(o),u(e,\&quot;resize\&quot;,r,!0)),u(t,\&quot;scroll\&quot;,r,!0),a&&a.disconnect()}));var s=this.root&&(this.root.ownerDocument||this.root)||e;if(t!==s){var l=i(t);l&&this._monitorIntersections(l.ownerDocument)}}},s.prototype._unmonitorIntersections=function(t){var n=this._monitoringDocuments.indexOf(t);if(-1!==n){var r=this.root&&(this.root.ownerDocument||this.root)||e,o=this._observationTargets.some((function(e){var n=e.element.ownerDocument;if(n===t)return!0;for(;n&&n!==r;){var o=i(n);if((n=o&&o.ownerDocument)===t)return!0}return!1}));if(!o){var a=this._monitoringUnsubscribes[n];if(this._monitoringDocuments.splice(n,1),this._monitoringUnsubscribes.splice(n,1),a(),t!==r){var s=i(t);s&&this._unmonitorIntersections(s.ownerDocument)}}}},s.prototype._unmonitorAllIntersections=function(){var t=this._monitoringUnsubscribes.slice(0);this._monitoringDocuments.length=0,this._monitoringUnsubscribes.length=0;for(var e=0;e<t.length;e++)t[e]()},s.prototype._checkForIntersections=function(){if(this.root||!r||o){var t=this._rootIsInDom(),e=t?this._getRootRect():{top:0,bottom:0,left:0,right:0,width:0,height:0};this._observationTargets.forEach((function(n){var o=n.element,i=l(o),s=this._rootContainsTarget(o),c=n.entry,u=t&&s&&this._computeTargetAndRootIntersection(o,i,e),d=null;this._rootContainsTarget(o)?r&&!this.root||(d=e):d={top:0,bottom:0,left:0,right:0,width:0,height:0};var f=n.entry=new a({time:window.performance&&performance.now&&performance.now(),target:o,boundingClientRect:i,rootBounds:d,intersectionRect:u});c?t&&s?this._hasCrossedThreshold(c,f)&&this._queuedEntries.push(f):c&&c.isIntersecting&&this._queuedEntries.push(f):this._queuedEntries.push(f)}),this),this._queuedEntries.length&&this._callback(this.takeRecords(),this)}},s.prototype._computeTargetAndRootIntersection=function(t,n,i){if(\&quot;none\&quot;!==window.getComputedStyle(t).display){for(var a,s,c,u,d,h,v,m,w=n,g=p(t),b=!1;!b&&g;){var y=null,E=1===g.nodeType?window.getComputedStyle(g):{};if(\&quot;none\&quot;===E.display)return null;if(g===this.root||9===g.nodeType)if(b=!0,g===this.root||g===e)r&&!this.root?!o||0===o.width&&0===o.height?(g=null,y=null,w=null):y=o:y=i;else{var x=p(g),_=x&&l(x),k=x&&this._computeTargetAndRootIntersection(x,_,i);_&&k?(g=x,y=f(_,k)):(g=null,w=null)}else{var I=g.ownerDocument;g!==I.body&&g!==I.documentElement&&\&quot;visible\&quot;!==E.overflow&&(y=l(g))}if(y&&(a=y,s=w,c=void 0,u=void 0,d=void 0,h=void 0,v=void 0,m=void 0,c=Math.max(a.top,s.top),u=Math.min(a.bottom,s.bottom),d=Math.max(a.left,s.left),h=Math.min(a.right,s.right),m=u-c,w=(v=h-d)>=0&&m>=0&&{top:c,bottom:u,left:d,right:h,width:v,height:m}||null),!w)break;g=g&&p(g)}return w}},s.prototype._getRootRect=function(){var t;if(this.root&&!v(this.root))t=l(this.root);else{var n=v(this.root)?this.root:e,r=n.documentElement,o=n.body;t={top:0,left:0,right:r.clientWidth||o.clientWidth,width:r.clientWidth||o.clientWidth,bottom:r.clientHeight||o.clientHeight,height:r.clientHeight||o.clientHeight}}return this._expandRectByRootMargin(t)},s.prototype._expandRectByRootMargin=function(t){var e=this._rootMarginValues.map((function(e,n){return\&quot;px\&quot;===e.unit?e.value:e.value*(n%2?t.width:t.height)/100})),n={top:t.top-e[0],right:t.right+e[1],bottom:t.bottom+e[2],left:t.left-e[3]};return n.width=n.right-n.left,n.height=n.bottom-n.top,n},s.prototype._hasCrossedThreshold=function(t,e){var n=t&&t.isIntersecting?t.intersectionRatio||0:-1,r=e.isIntersecting?e.intersectionRatio||0:-1;if(n!==r)for(var o=0;o<this.thresholds.length;o++){var i=this.thresholds[o];if(i===n||i===r||i<n!=i<r)return!0}},s.prototype._rootIsInDom=function(){return!this.root||h(e,this.root)},s.prototype._rootContainsTarget=function(t){var n=this.root&&(this.root.ownerDocument||this.root)||e;return h(n,t)&&(!this.root||n===t.ownerDocument)},s.prototype._registerInstance=function(){n.indexOf(this)<0&&n.push(this)},s.prototype._unregisterInstance=function(){var t=n.indexOf(this);-1!==t&&n.splice(t,1)},window.IntersectionObserver=s,window.IntersectionObserverEntry=a}function i(t){try{return t.defaultView&&t.defaultView.frameElement||null}catch(t){return null}}function a(t){this.time=t.time,this.target=t.target,this.rootBounds=d(t.rootBounds),this.boundingClientRect=d(t.boundingClientRect),this.intersectionRect=d(t.intersectionRect||{top:0,bottom:0,left:0,right:0,width:0,height:0}),this.isIntersecting=!!t.intersectionRect;var e=this.boundingClientRect,n=e.width*e.height,r=this.intersectionRect,o=r.width*r.height;this.intersectionRatio=n?Number((o/n).toFixed(4)):this.isIntersecting?1:0}function s(t,e){var n,r,o,i=e||{};if(\&quot;function\&quot;!=typeof t)throw new Error(\&quot;callback must be a function\&quot;);if(i.root&&1!==i.root.nodeType&&9!==i.root.nodeType)throw new Error(\&quot;root must be a Document or Element\&quot;);this._checkForIntersections=(n=this._checkForIntersections.bind(this),r=this.THROTTLE_TIMEOUT,o=null,function(){o||(o=setTimeout((function(){n(),o=null}),r))}),this._callback=t,this._observationTargets=[],this._queuedEntries=[],this._rootMarginValues=this._parseRootMargin(i.rootMargin),this.thresholds=this._initThresholds(i.threshold),this.root=i.root||null,this.rootMargin=this._rootMarginValues.map((function(t){return t.value+t.unit})).join(\&quot; \&quot;),this._monitoringDocuments=[],this._monitoringUnsubscribes=[]}function c(t,e,n,r){\&quot;function\&quot;==typeof t.addEventListener?t.addEventListener(e,n,r||!1):\&quot;function\&quot;==typeof t.attachEvent&&t.attachEvent(\&quot;on\&quot;.concat(e),n)}function u(t,e,n,r){\&quot;function\&quot;==typeof t.removeEventListener?t.removeEventListener(e,n,r||!1):\&quot;function\&quot;==typeof t.detatchEvent&&t.detatchEvent(\&quot;on\&quot;.concat(e),n)}function l(t){var e;try{e=t.getBoundingClientRect()}catch(t){}return e?(e.width&&e.height||(e={top:e.top,right:e.right,bottom:e.bottom,left:e.left,width:e.right-e.left,height:e.bottom-e.top}),e):{top:0,bottom:0,left:0,right:0,width:0,height:0}}function d(t){return!t||\&quot;x\&quot;in t?t:{top:t.top,y:t.top,bottom:t.bottom,left:t.left,x:t.left,right:t.right,width:t.width,height:t.height}}function f(t,e){var n=e.top-t.top,r=e.left-t.left;return{top:n,left:r,height:e.height,width:e.width,bottom:n+e.height,right:r+e.width}}function h(t,e){for(var n=e;n;){if(n===t)return!0;n=p(n)}return!1}function p(t){var n=t.parentNode;return 9===t.nodeType&&t!==e?i(t):(n&&n.assignedSlot&&(n=n.assignedSlot.parentNode),n&&11===n.nodeType&&n.host?n.host:n)}function v(t){return t&&9===t.nodeType}}()}},e={};function n(r){var o=e[r];if(void 0!==o)return o.exports;var i=e[r]={exports:{}};return t[r].call(i.exports,i,i.exports,n),i.exports}n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,{a:e}),e},n.d=function(t,e){for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.g=function(){if(\&quot;object\&quot;==typeof globalThis)return globalThis;try{return this||new Function(\&quot;return this\&quot;)()}catch(t){if(\&quot;object\&quot;==typeof window)return window}}(),n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},function(){\&quot;use strict\&quot;;n(443);function t(t,e){return t&&t.className.indexOf(e)>=0}function e(e,n){e&&(\&quot;classList\&quot;in e?e.classList.add(n):t(e,n)||(e.className+=(e.className?\&quot; \&quot;:\&quot;\&quot;)+n))}function r(e,n){e&&(\&quot;classList\&quot;in e?e.classList.remove(n):t(e,n)&&(e.className=e.className.replace(new RegExp(\&quot;\\\\s*\&quot;.concat(n,\&quot;\\\\s*\&quot;),\&quot;i\&quot;),\&quot;\&quot;)))}function o(t){try{return t.detail.source||t.target}catch(e){return t.srcElement||t.target}}!function(){var t=window.navigator.userAgent,e=t.indexOf(\&quot;MSIE \&quot;);if(e>-1)return parseInt(t.substring(e+5,t.indexOf(\&quot;.\&quot;,e)),10);if(t.indexOf(\&quot;Trident/\&quot;)>0){var n=t.indexOf(\&quot;rv:\&quot;);return parseInt(t.substring(n+3,t.indexOf(\&quot;.\&quot;,n)),10)}var r=t.indexOf(\&quot;Edge/\&quot;);r>0&&parseInt(t.substring(r+5,t.indexOf(\&quot;.\&quot;,r)),10)}();function i(t,e){for(var n=e.length,r=0;r<n;)t(e[r],r,e),r+=1;return e}function a(t,e){if(-1!==navigator.userAgent.toLowerCase().indexOf(\&quot;firefox\&quot;)){var n=t.getElementsByClassName(e);window.addEventListener(\&quot;resize\&quot;,r),r()}function r(){!function(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=[],r=0,o=e.length;r!==o;r++)try{n.push(t(e[r],r,e))}catch(t){console&&(console.error||console.log)(t)}}((function(t){var e=t.getBoundingClientRect();t.style.width=\&quot;\&quot;.concat(e.height,\&quot;px\&quot;)}),n)}}function s(){return/daumapps/i.test(window.navigator.userAgent.toLowerCase())}function c(){return/kakaotalk/i.test(window.navigator.userAgent.toLowerCase())}s()&&(window.addEventListener(\&quot;daumapps:tab_activation_change\&quot;,(function(t){window.isCurrentWebViewActivated=t.detail.isActivated,window.dispatchEvent(new CustomEvent(\&quot;adfit:isCurrentWebViewActivated\&quot;,{detail:t.detail}))})),window.addEventListener(\&quot;daumapps:update_browser_info\&quot;,(function(t){window.useMediaAutoPlay=t.detail.mediaAutoPlayEnabled,window.dispatchEvent(new CustomEvent(\&quot;adfit:useMediaAutoPlay\&quot;,{detail:t.detail}))}))),c()&&(window.addEventListener(\&quot;kakaotalk:activatixxxxonChange\&quot;,(function(t){window.isCurrentWebViewActivated=t.detail.isActivated,window.dispatchEvent(new CustomEvent(\&quot;adfit:isCurrentWebViewActivated\&quot;,{detail:t.detail}))})),window.addEventListener(\&quot;kakaotalk:autoPlayAvailableStatus\&quot;,(function(t){window.useMediaAutoPlay=t.detail.isAvailable,window.dispatchEvent(new CustomEvent(\&quot;adfit:useMediaAutoPlay\&quot;,{detail:t.detail}))})));n(952);var u=function(){try{return window.localStorage&&\&quot;true\&quot;===window.localStorage.getItem(\&quot;debug\&quot;)||!0===window._ADFIT_NAS_LOGGER_}catch(t){return!0===window._ADFIT_NAS_LOGGER_}}();function l(){try{var t=Array.prototype.slice.call(arguments);t.unshift(\&quot;[\&quot;.concat(\&quot;layout_ftl_builder\&quot;,\&quot;@\&quot;).concat(\&quot;1.4.0\&quot;,\&quot;]\&quot;)),u&&window.console.log.apply(window.console,t)}catch(t){}}function d(t){return function(){var e=Array.prototype.slice.call(arguments);return e.unshift(\&quot;\&quot;.concat(t,\&quot;:\&quot;)),l.apply(null,e)}}const f=l;var h=\&quot;ad-viewable\&quot;,p=d(\&quot;viewableObserverFactory\&quot;);IntersectionObserver._setupCrossOriginUpdater&&(p(\&quot;IntersectionObserver._setupCrossOriginUpdater detected \&quot;),window.addEventListener(\&quot;frameIntersectionRect\&quot;,(function(t){p(\&quot;incoming frameIntersectionRect message: \&quot;.concat(JSON.stringify(t.detail))),IntersectionObserver._setupCrossOriginUpdater()(t.detail.boundingClientRect,t.detail.intersectionRect)})));var v=n(998),m=n.n(v);function w(t){this.message=t||\&quot;\&quot;}function g(t){this.message=t||\&quot;\&quot;}function b(t){this.message=t||\&quot;\&quot;}function y(t){var e={addBreadcrumb:function(){return e},captureException:function(){}};try{return m()&&m()(t)}catch(t){return e}}w.prototype=new Error,w.prototype.name=\&quot;ImageRatioError\&quot;,w.prototype.constructor=w,g.prototype=new Error,g.prototype.name=\&quot;ResourceFetchError\&quot;,g.prototype.constructor=g,b.prototype=new Error,b.prototype.name=\&quot;RuntimeError\&quot;,b.prototype.constructor=b,window.xxxxonerror=function(t,e,n,r,o){f(\&quot;window.xxxxonerror: \&quot;.concat(t,\&quot; \&quot;).concat(e,\&quot; \&quot;).concat(n,\&quot; \&quot;).concat(r,\&quot; \&quot;).concat(o)),y(\&quot;<a href="https://d54bf56b8d5d42bdbce087ab8c96163c@aem-kakao-collector.onkakao.net/3078" target="_blank" class="ke-link">https://d54bf56b8d5d42bdbce087ab8c96163c@aem-kakao-collector.onkakao.net/3078</a>\&quot;).captureException(o)};try{/^mac/.test(navigator.platform.toLowerCase())&&(document.head.parentNode.className=\&quot;os_mac\&quot;)||/^win/.test(navigator.platform.toLowerCase())&&(document.head.parentNode.className=\&quot;os_windows\&quot;)||navigator.userAgent.match(/Android/i)&&(document.head.parentNode.className=\&quot;os_android\&quot;)}catch(t){}var E=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},o=n.log,a=void 0===o?function(t){return t}:o,s=n.viewableContinuousTime,c=void 0===s?1e3:s,u=n.viewableThreshold,l=void 0===u?.5:u,d=n.viewableTimerIdAttribute,f=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},o=n.log,a=void 0===o?function(){}:o,s=n.onViewableCallback,c=void 0===s?function(t,e){}:s,u=n.onDismissCallback,l=void 0===u?function(t,e){}:u,d=n.viewableThreshold,f=void 0===d?.5:d,h=n.viewableContinuousTime,p=void 0===h?1e3:h,v=n.viewableTimerIdAttribute,m=void 0===v?\&quot;data-ad-viewable-timer-id\&quot;:v;return function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.log,n=void 0===e?function(){}:e,r=t.onVisibleCallback,o=void 0===r?function(t,e){}:r,a=t.onDismissCallback,s=void 0===a?function(t,e){}:a,c=t.threshold,u=void 0===c?.5:c;return new IntersectionObserver((function(t,e){i((function(t){if(n(\&quot;entry.isIntersecting: \&quot;.concat(t.isIntersecting)),n(\&quot;entry.intersectionRatio: \&quot;.concat(t.intersectionRatio)),t.isIntersecting&&t.intersectionRatio>=u)try{\&quot;function\&quot;==typeof o&&o(t,e)}catch(t){}else try{\&quot;function\&quot;==typeof s&&s(t,e)}catch(t){}}),t)}),{threshold:u})}({log:a,threshold:f,onVisibleCallback:function(n,r){if(!t(n.target,\&quot;viewable\&quot;)){var o=n.target.getAttribute(m);if(o&&(a(\&quot;reset timer\&quot;),clearTimeout(Number(o)),n.target.removeAttribute(m)),n.isIntersecting&&n.intersectionRatio>=f){a(\&quot;first visible!\&quot;);var i=setTimeout((function(){if(a(\&quot;still visible?\&quot;),n.isIntersecting&&n.intersectionRatio>=f){a(\&quot;fire viewable callback\&quot;),e(n.target,\&quot;viewable\&quot;),n.target.removeAttribute(m);try{\&quot;function\&quot;==typeof c&&c(n,r)}catch(t){}}}),p);n.target.setAttribute(m,String(i))}}},onDismissCallback:function(t,e){try{var n=t.target.getAttribute(m);n&&(a(\&quot;reset timer\&quot;),clearTimeout(Number(n)),t.target.removeAttribute(m)),r(t.target,\&quot;viewable\&quot;),\&quot;function\&quot;==typeof l&&l(t,e)}catch(t){}}})}({log:a,viewableThreshold:l,viewableContinuousTime:c,viewableTimerIdAttribute:void 0===d?\&quot;data-ad-viewable-timer-id\&quot;:d,onViewableCallback:function(t){a(\&quot;dispatch internal viewable event\&quot;),t.target.dispatchEvent(new CustomEvent(h))},onDismissCallback:function(t){a(\&quot;dispatch internal dismiss event\&quot;),t.target.dispatchEvent(new CustomEvent(\&quot;ad-dismiss\&quot;))}});return function(t,e){try{t&&!t._attachedViewableEventListener&&(a(\&quot;add event listener once\&quot;),t._attachedViewableEventListener=!0,t.addEventListener(h,(function n(){a(\&quot;remove event listener once\&quot;),t.removeEventListener(h,n);try{a(\&quot;run viewable event\&quot;),\&quot;function\&quot;==typeof e&&e(t)}catch(t){}})),f.observe(t))}catch(t){a(t)}return{unobserve:function(){return f.unobserve(t)}}}}({log:f,viewableContinuousTime:1e3,viewableThreshold:.5});window.$sf=window.$sf||{ext:{inViewPercentage:function(){return f(\&quot;cannot use $sf.ext.inViewPercentage\&quot;),0},register:function(){f(\&quot;cannot use $sf.ext.register api\&quot;)},meta:function(){return f(\&quot;cannot use $sf.ext.meta api\&quot;),null}}},window.addEventListener(\&quot;message\&quot;,(function(t){try{var e=JSON.parse(t.data);if(\&quot;adfit\&quot;!==e.from)return!1;f(\&quot;dispatch global event: \&quot;.concat(e.type,\&quot; \&quot;).concat(JSON.stringify(e.detail))),window.dispatchEvent(new CustomEvent(e.type,{detail:e.detail}))}catch(t){}})),window.addEventListener(\&quot;message\&quot;,(function t(e){e&&\&quot;ad-fit-viewable-fired\&quot;===e.data&&!window.isViewableFired&&(window.removeEventListener(\&quot;message\&quot;,t),window.isViewableFired=!0)})),window.addEventListener(\&quot;adfit:rendered\&quot;,(function n(r){var i=o(r);i&&!t(i,\&quot;rendered\&quot;)&&(window.removeEventListener(\&quot;adfit:rendered\&quot;,n),e(i,\&quot;rendered\&quot;))})),window.addEventListener(\&quot;adfit:rendered\&quot;,(function t(e){window.removeEventListener(\&quot;adfit:rendered\&quot;,t);var n=o(e);if(!n)return y(\&quot;<a href="https://d54bf56b8d5d42bdbce087ab8c96163c@aem-kakao-collector.onkakao.net/3078" target="_blank" class="ke-link">https://d54bf56b8d5d42bdbce087ab8c96163c@aem-kakao-collector.onkakao.net/3078</a>\&quot;).captureException(new Error(\&quot;installViewableObserver: no event target\&quot;)),!1;var r=s()&&/m\\.daum\\.net/.test(document.referrer)&&document.referrer.indexOf(\&quot;view=\&quot;)>-1,i=c()&&/search\\.daum\\.net\\/kakao/.test(document.referrer);function a(t){E(t,(function(){f(\&quot;dispatch viewable event: \&quot;),window.dispatchEvent(new CustomEvent(\&quot;adfit:viewable\&quot;))}))}r||i?window.isCurrentWebViewActivated?a(n):window.addEventListener(\&quot;adfit:isCurrentWebViewActivated\&quot;,(function t(e){e.detail.isActivated&&(window.removeEventListener(\&quot;adfit:isCurrentWebViewActivated\&quot;,t),a(n))})):a(n)})),window.addEventListener(\&quot;adfit:assetFetchLoad\&quot;,(function(t){var e=d(\&quot;assetFetchLoadDocumentEventHandler\&quot;),n=o(t);if(!n)return e(\&quot;no event target\&quot;),!1;if(r(n.parentNode,\&quot;spinner\&quot;),\&quot;IMG\&quot;===n.tagName.toUpperCase()&&\&quot;naturalWidth\&quot;in n){var i=n.naturalWidth,a=n.naturalHeight,s=n.width,c=n.height,u=i/a,l=s/c,f=parseInt(n.getAttribute(\&quot;data-asset-width\&quot;),10),h=parseInt(n.getAttribute(\&quot;data-asset-height\&quot;),10),p=f/h,v=u===p||l===p;if(n.complete&&!1===v){var m=new w(n.src);y(\&quot;<a href="https://830b454857374cdf9f8ff20eccc5901b@aem-kakao-collector.onkakao.net/3081" target="_blank" class="ke-link">https://830b454857374cdf9f8ff20eccc5901b@aem-kakao-collector.onkakao.net/3081</a>\&quot;).addBreadcrumb({category:\&quot;renderedEventHandler\&quot;,message:\&quot;\\uc774\\ubbf8\\uc9c0 \\ube44\\uc728 \\ub9de\\uc9c0 \\uc54a\\uc74c\&quot;,level:\&quot;warn\&quot;}).captureException(m,{tags:{dspId:(document.querySelector('meta[name=\&quot;dspId\&quot;]')||{content:\&quot;unknown\&quot;}).content,referrer:document.referrer,assetUrl:n.src,assetImageWidth:f,assetImageHeight:h,imageNaturalWidth:i,imageNaturalHeight:a,imageDomWidth:s,imageDomHeight:c}})}}})),window.addEventListener(\&quot;adfit:assetFetchError\&quot;,(function(t){var n=d(\&quot;assetFetchErrorEventHandler\&quot;),i=o(t);if(!i)return n(\&quot;no event target\&quot;),!1;var a=i.src,s=parseInt(i.getAttribute(\&quot;data-asset-fetch-retry-cnt\&quot;)||0),c=parseInt(i.getAttribute(\&quot;data-asset-fetch-retry-max-count\&quot;)||3),u=parseInt(i.getAttribute(\&quot;data-asset-fetch-retry-interval\&quot;)||2e3);if(i.style.visibility=\&quot;hidden\&quot;,e(i.parentNode,\&quot;spinner\&quot;),s<c)return i.setAttribute(\&quot;data-asset-fetch-retry-cnt\&quot;,s+1),setTimeout((function(){n(\&quot;retry to load asset: \&quot;,s,a),i.style.visibility=\&quot;visible\&quot;,i.src=a}),u),!1;if(r(i.parentNode,\&quot;spinner\&quot;),a!==window.location.href){n(\&quot;send asset loading event: \&quot;,a);var l=new g(a);y(\&quot;<a href="https://d54bf56b8d5d42bdbce087ab8c96163c@aem-kakao-collector.onkakao.net/3078" target="_blank" class="ke-link">https://d54bf56b8d5d42bdbce087ab8c96163c@aem-kakao-collector.onkakao.net/3078</a>\&quot;).addBreadcrumb({category:\&quot;errorEventHandler\&quot;,message:\&quot;asset \\ub85c\\ub529 \\uc5d0\\ub7ec\&quot;,level:\&quot;error\&quot;}).captureException(l,{tags:{dspId:(document.querySelector('meta[name=\&quot;dspId\&quot;]')||{content:\&quot;unknown\&quot;}).content,referrer:document.referrer,tagName:i instanceof Node&&i.tagName,assetUrl:i.src,assetWidth:i.width,assetHeight:i.height}})}})),window.addEventListener(\&quot;adfit:addTrackingEventListener\&quot;,(function(t){var e=d(\&quot;addTrackingWindowEventListener\&quot;),n=t.detail;if(n.eventType&&n.eventUrl){var r=n.eventType,o=n.eventUrl;e(r,o),window.addEventListener(\&quot;adfit:\&quot;.concat(r),(function t(){var n,i,a;e(\&quot;fire \&quot;.concat(r,\&quot; event beacon: \&quot;),o),window.removeEventListener(\&quot;adfit:\&quot;.concat(r),t),i=function(t,n){t&&e(t,n)},i=(a=i)&&\&quot;function\&quot;==typeof a?i:function(){},(n=o)?setTimeout((function(){var t=new Image;t.xxxxonabort=function(){return i(new g(\&quot;resource fetch error: \&quot;.concat(n)),null)},t.xxxxonerror=function(){return i(new g(\&quot;resource fetch error: \&quot;.concat(n)),null)},t.xxxxonload=function(){return i(null,n)},t.src=n}),1):i(new b(\&quot;url is not provided\&quot;))}))}})),window.addEventListener(\&quot;DOMContentLoaded\&quot;,(function(){try{var t=document.body.querySelector(\&quot;[data-ad-node]\&quot;)||document.getElementById(\&quot;ad-0\&quot;);f(\&quot;DOMContentLoaded: \&quot;,t),n=t,\&quot;addEventListener\&quot;in window&&window.addEventListener(\&quot;message\&quot;,(function(t){var o=n||document.body.firstElementChild;\&quot;fontChange:big\&quot;===t.data?e(o,\&quot;fs_big\&quot;):\&quot;fontChange:normal\&quot;===t.data&&r(o,\&quot;fs_big\&quot;)})),a(t),function(t,n){t=t||document.body.firstElementChild;try{t&&n&&e(t,\&quot;themed\&quot;)}catch(t){}}(t,window.$sf.ext.meta(\&quot;usePrefersColorScheme\&quot;)),i((function(t){t&&t.addEventListener(\&quot;click\&quot;,(function(){window.dispatchEvent(new CustomEvent(\&quot;adfit:click\&quot;))}))}),t.querySelectorAll(\&quot;[data-adfit-click]\&quot;)),function(t){var e=t.querySelector(\&quot;[data-adfit-render]\&quot;);e&&\&quot;src\&quot;in e?\&quot;IMG\&quot;===e.tagName&&e.complete?window.dispatchEvent(new CustomEvent(\&quot;adfit:rendered\&quot;,{detail:{source:t}})):e.addEventListener(\&quot;VIDEO\&quot;===e.tagName?\&quot;loadstart\&quot;:\&quot;load\&quot;,(function(){window.dispatchEvent(new CustomEvent(\&quot;adfit:rendered\&quot;,{detail:{source:t}}))})):window.dispatchEvent(new CustomEvent(\&quot;adfit:rendered\&quot;,{detail:{source:t}}))}(t),function(t){i((function(t){var e=\&quot;VIDEO\&quot;===t.tagName?\&quot;loadedposter\&quot;:\&quot;load\&quot;;\&quot;IMG\&quot;===t.tagName&&t.complete?window.dispatchEvent(new CustomEvent(\&quot;adfit:assetFetchLoad\&quot;,{detail:{url:t.src,source:t}})):(t.addEventListener(\&quot;error\&quot;,(function(t){var e=o(t);window.dispatchEvent(new CustomEvent(\&quot;adfit:assetFetchError\&quot;,{detail:{url:e.src,source:e}}))})),t.addEventListener(e,(function(t){var e=t.srcElement||t.target;window.dispatchEvent(new CustomEvent(\&quot;adfit:assetFetchLoad\&quot;,{detail:{url:e.src,source:e}}))})))}),t.querySelectorAll(\&quot;[data-asset-width][data-asset-height]\&quot;))}(t)}catch(t){f(t),y(\&quot;<a href="https://d54bf56b8d5d42bdbce087ab8c96163c@aem-kakao-collector.onkakao.net/3078" target="_blank" class="ke-link">https://d54bf56b8d5d42bdbce087ab8c96163c@aem-kakao-collector.onkakao.net/3078</a>\&quot;).captureException(t)}var n}))}()}();</script></head>\n<body style=\&quot;margin:0;padding:0;background-color:transparent;width:100%;\&quot;>\n<script>window.dispatchEvent(new CustomEvent('adfit:addTrackingEventListener', {\&quot;detail\&quot;: {eventType: \&quot;viewable\&quot;,  eventUrl: \&quot;<a href="https://tr.ad.daum.net/vimp?wa=mSj0Au5v224UwugeQl6w4w&enc=2vae8b4BQlevLkPz-yR62HRxVXvD0t3sf_ANPXIy7RJlQexWhExPOW6v4guPt5GpIshd9FKYpgVeCXMapldsF5FuqOmxhGY8F4Vmb9Btey3fr4EszuXDfS6EhbKXdz4zOGGJ_HzyTsftFWuyYpjf2u2EDWZ7BT20-pEo-pTftaYBgR9d_O3WRjMsA7ok0d8T3lYod71pYqHR9qjca1QWT_yuGh2wZbvR-_SYGLVhzgBTBMVFnyzPoNC9_BOko-6UFoU5EO60epkBZF_oVzp4AePb9pHy9NjLYNdeHLXl33qHolh5xVSX02LCygl9glbp724mSV_kXpP5zf6CvKvURuy9A2AkrTBo4Z2VQDDDF3Fi-AIE1usjjvMgwfI-QEEkuD8hX4x9ibp9EXogmvRWOQKeZZxj3s88nl87zihneHn1MfDiHNAqP7ZImC3Vxfal&signature=313f5b5ce3d080ab8f13ac0409859ccd&lc=1" target="_blank" class="ke-link">https://tr.ad.daum.net/vimp?wa=mSj0Au5v224UwugeQl6w4w&enc=2vae8b4BQlevLkPz-yR62HRxVXvD0t3sf_ANPXIy7RJlQexWhExPOW6v4guPt5GpIshd9FKYpgVeCXMapldsF5FuqOmxhGY8F4Vmb9Btey3fr4EszuXDfS6EhbKXdz4zOGGJ_HzyTsftFWuyYpjf2u2EDWZ7BT20-pEo-pTftaYBgR9d_O3WRjMsA7ok0d8T3lYod71pYqHR9qjca1QWT_yuGh2wZbvR-_SYGLVhzgBTBMVFnyzPoNC9_BOko-6UFoU5EO60epkBZF_oVzp4AePb9pHy9NjLYNdeHLXl33qHolh5xVSX02LCygl9glbp724mSV_kXpP5zf6CvKvURuy9A2AkrTBo4Z2VQDDDF3Fi-AIE1usjjvMgwfI-QEEkuD8hX4x9ibp9EXogmvRWOQKeZZxj3s88nl87zihneHn1MfDiHNAqP7ZImC3Vxfal&signature=313f5b5ce3d080ab8f13ac0409859ccd&lc=1</a>\&quot;}}));window.dispatchEvent(new CustomEvent('adfit:addTrackingEventListener', {\&quot;detail\&quot;: {eventType: \&quot;hide\&quot;,  eventUrl: \&quot;<a href="https://tr.ad.daum.net/ac?wa=mSj0Au5v224UwugeQl6w4w&enc=2vae8b4BQlevLkPz-yR62HRxVXvD0t3sf_ANPXIy7RJlQexWhExPOW6v4guPt5GpIshd9FKYpgVeCXMapldsF5FuqOmxhGY8F4Vmb9Btey3fr4EszuXDfS6EhbKXdz4zOGGJ_HzyTsftFWuyYpjf2u2EDWZ7BT20-pEo-pTftaYBgR9d_O3WRjMsA7ok0d8T3lYod71pYqHR9qjca1QWT_yuGh2wZbvR-_SYGLVhzgBTBMVFnyzPoNC9_BOko-6UFoU5EO60epkBZF_oVzp4AePb9pHy9NjLYNdeHLXl33qHolh5xVSX02LCygl9glbp724mSV_kXpP5zf6CvKvURuy9A2AkrTBo4Z2VQDDDF3Fi-AIE1usjjvMgwfI-QEEkuD8hX4x9ibp9EXogmvRWOQKeZZxj3s88nl87zihneHnMSPbcg5N_gZ_m4ufIdzlP&signature=c7850529e90e217b7746d111f01787bb&lc=1" target="_blank" class="ke-link">https://tr.ad.daum.net/ac?wa=mSj0Au5v224UwugeQl6w4w&enc=2vae8b4BQlevLkPz-yR62HRxVXvD0t3sf_ANPXIy7RJlQexWhExPOW6v4guPt5GpIshd9FKYpgVeCXMapldsF5FuqOmxhGY8F4Vmb9Btey3fr4EszuXDfS6EhbKXdz4zOGGJ_HzyTsftFWuyYpjf2u2EDWZ7BT20-pEo-pTftaYBgR9d_O3WRjMsA7ok0d8T3lYod71pYqHR9qjca1QWT_yuGh2wZbvR-_SYGLVhzgBTBMVFnyzPoNC9_BOko-6UFoU5EO60epkBZF_oVzp4AePb9pHy9NjLYNdeHLXl33qHolh5xVSX02LCygl9glbp724mSV_kXpP5zf6CvKvURuy9A2AkrTBo4Z2VQDDDF3Fi-AIE1usjjvMgwfI-QEEkuD8hX4x9ibp9EXogmvRWOQKeZZxj3s88nl87zihneHnMSPbcg5N_gZ_m4ufIdzlP&signature=c7850529e90e217b7746d111f01787bb&lc=1</a>\&quot;}}));window.dispatchEvent(new CustomEvent('adfit:addTrackingEventListener', {\&quot;detail\&quot;: {eventType: \&quot;rendered\&quot;,  eventUrl: \&quot;<a href="https://serv.ds.kakao.com/dspr/sync?dspr=08WpB6OoVjMm9kd9ZXRBpR1ac5RlRCnJcXuv3-y0kdqXiUnT5VhIAkx7dr73K8c5CLZLu0PsXDgp2wb-SD8QX77w9_jy-ys_VC6PGyf2ZbVxDx1KrQkmqvGE5f9XbfVmCykOoPe28I_HBEgDj3SdlOLnKIzNynJHNDAStY1bpyO791cnFP83iCEHdU0f9Adnj3jCxRErFlFF7Lc9XbKpOdBDxDYFCahEE6l8Hi2zfs8ilQniAR3u54dziCJDXk4Ejqz328UuxWicpeam3apUtNMNaU4QxXjRqLq84l-RVnWDcB3xtGuf1Njyz71YIBXuGBTLLSd-uDzlSub5x9674UI4GR9NJQ4A2K0B5N4kw31a3v0yul6505mmwuMbp5cepr62wAuEeyuIm5STpq904rGL_XyF-7G8gKZopI4uByevj6n37txkrSOxodix9jimn6CJOwTyfOfHMXnKsXLsJhoPSzk-wpMzvW0w5boIP6JHkBo8TJQwMBjdnHU6vMxrPcmIR46MVCOCAIdEdXozjPqhJpEWM_-j7LtSQTitwW2ngI2BDLGBJZtlch-gToGR" target="_blank" class="ke-link">https://serv.ds.kakao.com/dspr/sync?dspr=08WpB6OoVjMm9kd9ZXRBpR1ac5RlRCnJcXuv3-y0kdqXiUnT5VhIAkx7dr73K8c5CLZLu0PsXDgp2wb-SD8QX77w9_jy-ys_VC6PGyf2ZbVxDx1KrQkmqvGE5f9XbfVmCykOoPe28I_HBEgDj3SdlOLnKIzNynJHNDAStY1bpyO791cnFP83iCEHdU0f9Adnj3jCxRErFlFF7Lc9XbKpOdBDxDYFCahEE6l8Hi2zfs8ilQniAR3u54dziCJDXk4Ejqz328UuxWicpeam3apUtNMNaU4QxXjRqLq84l-RVnWDcB3xtGuf1Njyz71YIBXuGBTLLSd-uDzlSub5x9674UI4GR9NJQ4A2K0B5N4kw31a3v0yul6505mmwuMbp5cepr62wAuEeyuIm5STpq904rGL_XyF-7G8gKZopI4uByevj6n37txkrSOxodix9jimn6CJOwTyfOfHMXnKsXLsJhoPSzk-wpMzvW0w5boIP6JHkBo8TJQwMBjdnHU6vMxrPcmIR46MVCOCAIdEdXozjPqhJpEWM_-j7LtSQTitwW2ngI2BDLGBJZtlch-gToGR</a>\&quot;}}));</script>\n<div class=\&quot;cm_ad\&quot; id=\&quot;ad-0\&quot;>\n  <strong class=\&quot;screen_out\&quot;>광고 링크</strong>\n  <a data-adfit-click\n     href=\&quot;<a href="https://tr.ad.daum.net/clk?wa=mSj0Au5v224UwugeQl6w4w&enc=2vae8b4BQlevLkPz-yR62HRxVXvD0t3sf_ANPXIy7RJlQexWhExPOW6v4guPt5GpIshd9FKYpgVeCXMapldsF5FuqOmxhGY8F4Vmb9Btey3fr4EszuXDfS6EhbKXdz4zOGGJ_HzyTsftFWuyYpjf2u2EDWZ7BT20-pEo-pTftaYBgR9d_O3WRjMsA7ok0d8T3lYod71pYqHR9qjca1QWT_yuGh2wZbvR-_SYGLVhzgBTBMVFnyzPoNC9_BOko-6UFoU5EO60epkBZF_oVzp4AePb9pHy9NjLYNdeHLXl33rET5PzmlqpiLWZsJQBPqUy4JoqgpkxgODTO8rgiynv5nk2Eel_BueGkgiQ26F8A6GCtRre8iNz8AYciBjvDSznrs4GIaG23JV1Pihk0MPNoqpyhRnCP8Sq_FqjUzGMfJsQB9sbCOwgZuZfUmPsfe9zKAITc5fVa6JT04TBVupMo0-GiDePonVBCb-A5YFSEtcqewhEJDcPqplhxhKs8AgTyfuM8pRiRMffIvBXFh5kClumHoNxzY_XVFkIUacvZgY6FCEQlevZUJV1fo2PLKRkLdh-IPsMZSaPtvvBiaPQvMIDfyAkVLNCQJ_TRK5vYQ2DPcd4TVa7b5Wq3DNkyW3SlSbrCwjKT8UhjqUNnxZ9BG15YaD4ZVT5I_pDM86RFpTuMHE6I7-FEdm3GCiYd1A4rUc5trd-M7BGVRwBWtymODbAG2i4JTfbhXZHnz-6E2nkyyeS038_Imkc8nzVxVXIv0Cx5N4RLGEXv6GgpVXFhnVb7oHg1FuyXet8JSyBMNO4x9498e-9H1kzPhAlA00-iVIQJC4awXM6nH_YAYoMXbz8_Syo2PNoM1x-zN_Asc72UvG--5LK3VeU_dYY1MWu&signature=5081b9acab96b0289803d3c6668fef07&lc=1" target="_blank" class="ke-link">https://tr.ad.daum.net/clk?wa=mSj0Au5v224UwugeQl6w4w&enc=2vae8b4BQlevLkPz-yR62HRxVXvD0t3sf_ANPXIy7RJlQexWhExPOW6v4guPt5GpIshd9FKYpgVeCXMapldsF5FuqOmxhGY8F4Vmb9Btey3fr4EszuXDfS6EhbKXdz4zOGGJ_HzyTsftFWuyYpjf2u2EDWZ7BT20-pEo-pTftaYBgR9d_O3WRjMsA7ok0d8T3lYod71pYqHR9qjca1QWT_yuGh2wZbvR-_SYGLVhzgBTBMVFnyzPoNC9_BOko-6UFoU5EO60epkBZF_oVzp4AePb9pHy9NjLYNdeHLXl33rET5PzmlqpiLWZsJQBPqUy4JoqgpkxgODTO8rgiynv5nk2Eel_BueGkgiQ26F8A6GCtRre8iNz8AYciBjvDSznrs4GIaG23JV1Pihk0MPNoqpyhRnCP8Sq_FqjUzGMfJsQB9sbCOwgZuZfUmPsfe9zKAITc5fVa6JT04TBVupMo0-GiDePonVBCb-A5YFSEtcqewhEJDcPqplhxhKs8AgTyfuM8pRiRMffIvBXFh5kClumHoNxzY_XVFkIUacvZgY6FCEQlevZUJV1fo2PLKRkLdh-IPsMZSaPtvvBiaPQvMIDfyAkVLNCQJ_TRK5vYQ2DPcd4TVa7b5Wq3DNkyW3SlSbrCwjKT8UhjqUNnxZ9BG15YaD4ZVT5I_pDM86RFpTuMHE6I7-FEdm3GCiYd1A4rUc5trd-M7BGVRwBWtymODbAG2i4JTfbhXZHnz-6E2nkyyeS038_Imkc8nzVxVXIv0Cx5N4RLGEXv6GgpVXFhnVb7oHg1FuyXet8JSyBMNO4x9498e-9H1kzPhAlA00-iVIQJC4awXM6nH_YAYoMXbz8_Syo2PNoM1x-zN_Asc72UvG--5LK3VeU_dYY1MWu&signature=5081b9acab96b0289803d3c6668fef07&lc=1</a>\&quot;\n     rel=\&quot;noopener\&quot;\n     target=\&quot;_blank\&quot;\n     class=\&quot;link_ad\&quot;>\n    <span class=\&quot;blur_img\&quot; style=\&quot;position:absolute;left:120px;top:0px;width:535px;height:120px\&quot;>\n      <canvas class=\&quot;img_blur\&quot; style=\&quot;position:absolute;width:100%;height:100%;opacity:0.2\&quot;></canvas>\n    </span>\n    <span class=\&quot;thumb_img\&quot;>\n      <img\n        data-ad-render\n        data-asset-width=\&quot;500\&quot;\n        data-asset-height=\&quot;500\&quot;\n        src=\&quot;<a href="https://t1.daumcdn.net/b2/creative/424072/eb26564cd7c78fdb94a0046a76954ad3.jpg" target="_blank" class="ke-link">https://t1.daumcdn.net/b2/creative/424072/eb26564cd7c78fdb94a0046a76954ad3.jpg</a>\&quot;\n        alt=\&quot;광고 24년 3월 TV 사전구매 캠페인\&quot;\n        class=\&quot;img_thumb\&quot;>\n      <span class=\&quot;frame_g\&quot;></span>\n    </span>\n    <span class=\&quot;area_ad\&quot;>\n     \n      <strong class=\&quot;tit_ad\&quot;>삼성TV QLED 4K 3월 구매이벤트</strong>\n      <span class=\&quot;desc_ad\&quot;>Tving 3개월 이용권 증정+구매선착순 400명 신세계 상품권 교환권 증정</span>\n      <strong class=\&quot;tit_cm\&quot;>\n        <span class=\&quot;thumb_logo\&quot;>\n          <img\n            src=\&quot;<a href="https://t1.daumcdn.net/b2/creative/424072/93ded3e4c2ced2e8831a6815cd5165cc.png" target="_blank" class="ke-link">https://t1.daumcdn.net/b2/creative/424072/93ded3e4c2ced2e8831a6815cd5165cc.png</a>\&quot;\n            alt=\&quot;\&quot;\n            class=\&quot;img_logo\&quot;>\n          <span class=\&quot;frame_line\&quot;></span>\n          <span class=\&quot;frame_g\&quot;></span>\n        </span>\n        <span class=\&quot;tit_adcm\&quot;>삼성전자</span>\n      </strong>\n        </span>\n    <span class=\&quot;btn_ad\&quot;>\n      <span class=\&quot;ico_ad\&quot;>자세히 보기</span>\n    </span>\n  </a>\n  <a href=\&quot;<a href="https://tr.ad.daum.net/clk?wa=mSj0Au5v224UwugeQl6w4w&enc=2vae8b4BQlevLkPz-yR62HRxVXvD0t3sf_ANPXIy7RJlQexWhExPOW6v4guPt5GpIshd9FKYpgVeCXMapldsF5FuqOmxhGY8F4Vmb9Btey3fr4EszuXDfS6EhbKXdz4zOGGJ_HzyTsftFWuyYpjf2u2EDWZ7BT20-pEo-pTftaYBgR9d_O3WRjMsA7ok0d8T3lYod71pYqHR9qjca1QWT_yuGh2wZbvR-_SYGLVhzgBTBMVFnyzPoNC9_BOko-6UFoU5EO60epkBZF_oVzp4AePb9pHy9NjLYNdeHLXl33rET5PzmlqpiLWZsJQBPqUy4JoqgpkxgODTO8rgiynv5nk2Eel_BueGkgiQ26F8A6GCtRre8iNz8AYciBjvDSznrs4GIaG23JV1Pihk0MPNoqpyhRnCP8Sq_FqjUzGMfJsQB9sbCOwgZuZfUmPsfe9zKAITc5fVa6JT04TBVupMo0-GiDePonVBCb-A5YFSEtcqewhEJDcPqplhxhKs8AgTyfuM8pRiRMffIvBXFh5kClumHoNxzY_XVFkIUacvZgY6FCEQlevZUJV1fo2PLKRkLdh-IPsMZSaPtvvBiaPQvMIDfyAkVLNCQJ_TRK5vYQ2DPcd4TVa7b5Wq3DNkyW3SlSbrCwjKT8UhjqUNnxZ9BG15YaD4ZVT5I_pDM86RFpTuMHE6I7-FEdm3GCiYd1A4rUc5trd-M7BGVRwBWtymODbAG2i4JTfbhXZHnz-6E2nkyyeS038_Imkc8nzVxVXIv0Cx5N4RLGEXv6GgpVXFhnVb7oHg1FuyXet8JSyBMNO4x9498e-9H1kzPhAlA00-iVIQJC4awXM6nH_YAYoMXbz8_Syo2PNoM1x-zN_Asc72UvG--5LK3VeU_dYY1MWu&signature=5081b9acab96b0289803d3c6668fef07&lc=1" target="_blank" class="ke-link">https://tr.ad.daum.net/clk?wa=mSj0Au5v224UwugeQl6w4w&enc=2vae8b4BQlevLkPz-yR62HRxVXvD0t3sf_ANPXIy7RJlQexWhExPOW6v4guPt5GpIshd9FKYpgVeCXMapldsF5FuqOmxhGY8F4Vmb9Btey3fr4EszuXDfS6EhbKXdz4zOGGJ_HzyTsftFWuyYpjf2u2EDWZ7BT20-pEo-pTftaYBgR9d_O3WRjMsA7ok0d8T3lYod71pYqHR9qjca1QWT_yuGh2wZbvR-_SYGLVhzgBTBMVFnyzPoNC9_BOko-6UFoU5EO60epkBZF_oVzp4AePb9pHy9NjLYNdeHLXl33rET5PzmlqpiLWZsJQBPqUy4JoqgpkxgODTO8rgiynv5nk2Eel_BueGkgiQ26F8A6GCtRre8iNz8AYciBjvDSznrs4GIaG23JV1Pihk0MPNoqpyhRnCP8Sq_FqjUzGMfJsQB9sbCOwgZuZfUmPsfe9zKAITc5fVa6JT04TBVupMo0-GiDePonVBCb-A5YFSEtcqewhEJDcPqplhxhKs8AgTyfuM8pRiRMffIvBXFh5kClumHoNxzY_XVFkIUacvZgY6FCEQlevZUJV1fo2PLKRkLdh-IPsMZSaPtvvBiaPQvMIDfyAkVLNCQJ_TRK5vYQ2DPcd4TVa7b5Wq3DNkyW3SlSbrCwjKT8UhjqUNnxZ9BG15YaD4ZVT5I_pDM86RFpTuMHE6I7-FEdm3GCiYd1A4rUc5trd-M7BGVRwBWtymODbAG2i4JTfbhXZHnz-6E2nkyyeS038_Imkc8nzVxVXIv0Cx5N4RLGEXv6GgpVXFhnVb7oHg1FuyXet8JSyBMNO4x9498e-9H1kzPhAlA00-iVIQJC4awXM6nH_YAYoMXbz8_Syo2PNoM1x-zN_Asc72UvG--5LK3VeU_dYY1MWu&signature=5081b9acab96b0289803d3c6668fef07&lc=1</a>\&quot;\n     class=\&quot;icon_ad \&quot;\n     \n     target=\&quot;_blank\&quot;>\n    <span class=\&quot;img_mark\&quot;>광고 정보</span>\n  </a>\n</div>\n<script type=\&quot;text/javascript\&quot;>\n  (function () {\n    var WIDTH = 655;\n    var HEIGHT = 120;\n    var IMG_WIDTH = 120;\n    var IMG_HEIGHT = 120;\n\n    var TARGET_WIDTH = WIDTH - IMG_WIDTH;\n    var TARGET_HEIGHT = HEIGHT;\n    var SCALE_X = 5;\n    var SCALE_Y = 5;\n    var OFFSET_X = (IMG_WIDTH * SCALE_X - TARGET_WIDTH) / 2;\n    var OFFSET_Y = (IMG_HEIGHT * SCALE_Y - TARGET_HEIGHT) / 2;\n    var BLUR_RADIUS = 25;\n\n    var VALUE_THRESHOLD = 0.6;\n\n    try {\n      var imgThumb = document.querySelector('.img_thumb');\n\n      if (isCrossOriginImage(imgThumb.src)) {\n        loadTenthImage(imgThumb.src, applyEffect);\n      } else if (imgThumb.complete) {\n        applyEffect(imgThumb);\n      } else {\n        imgThumb.addEventListener('load', function () {\n          applyEffect(imgThumb);\n        });\n      }\n    } catch (e) { /* ignore */\n    }\n\n    function isCrossOriginImage(imageUrl) {\n      return imageUrl.indexOf(window.location.origin) !== 0;\n    }\n\n    function isThumbnailUrl(imageUrl) {\n      return /^(https?:\\/\\/)?[a-zA-Z0-9.-]*(daumcdn|kakaocdn)\\.net\\/thumb\\//i.test(imageUrl);\n    }\n\n    function loadTenthImage(imageUrl, callback) {\n      var image = document.createElement('img');\n      var tenthUrl = window.location.origin + '/thumb/';\n\n      image.crossOrigin = 'Anonymous';\n      image.addEventListener('load', function () {\n        if (typeof callback === 'function') {\n          callback(image);\n        }\n      });\n\n      if (isThumbnailUrl(imageUrl)) {\n        var fnameIndex = imageUrl.indexOf('/?fname=');\n        var fname = imageUrl.substring(fnameIndex);\n        var optionIndex = imageUrl.indexOf('/thumb/') + '/thumb/'.length;\n        var option = imageUrl.substring(optionIndex, fnameIndex);\n        image.src = tenthUrl + option + fname;\n      } else {\n        image.src = tenthUrl + '@1x/?fname=' + encodeURIComponent(imageUrl);\n      }\n    }\n\n    function applyEffect(image) {\n      var imgBlur = document.querySelector('.img_blur');\n      drawStackBlurredImage(imgBlur, image, IMG_WIDTH, HEIGHT, TARGET_WIDTH, TARGET_HEIGHT, SCALE_X, SCALE_Y, OFFSET_X, OFFSET_Y, BLUR_RADIUS);\n\n      var blurredImageData = imgBlur.getContext('2d').getImageData(0, 0, imgBlur.width, imgBlur.height);\n      var averageRGB = getAverageRGB(blurredImageData);\n      var averageHSV = getHSVfromRGB(averageRGB);\n\n      if (averageHSV.v >= VALUE_THRESHOLD) {\n        document.querySelector('.blur_img').classList.add('show');\n      }\n    }\n\n    function drawStackBlurredImage(canvas, image, imageWidth, imageHeight, targetWidth, targetHeight, scaleX, scaleY, offsetX, offsetY, radius) {\n      var ctx = canvas.getContext('2d');\n\n      var blurX = Math.floor(offsetX / scaleX);\n      var blurY = Math.floor(offsetY / scaleY);\n      var blurWidth = Math.floor(targetWidth / scaleX);\n      var blurHeight = Math.floor(targetHeight / scaleY);\n\n      canvas.width = blurWidth;\n      canvas.height = blurHeight;\n\n      ctx.drawImage(image, -blurX, -blurY, imageWidth, imageHeight);\n\n      var blurredImageData = getStackBlurredImageData(ctx, blurWidth, blurHeight, 0, 0, blurWidth, blurHeight, radius);\n\n      ctx.putImageData(blurredImageData, 0, 0);\n    }\n\n    function getStackBlurredImageData(ctx, width, height, blurX, blurY, blurWidth, blurHeight, radius) {\n      var imageData1 = ctx.getImageData(0, 0, width, height);\n      var imageData2 = ctx.getImageData(0, 0, width, height);\n\n      applyUniDirectionalStackBlur(imageData1, imageData2, blurX, blurY, blurWidth, blurHeight, radius, false);\n      applyUniDirectionalStackBlur(imageData2, imageData1, blurX, blurY, blurWidth, blurHeight, radius, true);\n\n      return imageData1;\n    }\n\n    function applyUniDirectionalStackBlur(imageData, targetImageData, blurX, blurY, blurWidth, blurHeight, radius, transpose) {\n      var imageDataReader = ImageDataReader(imageData, transpose);\n      var targetImageDataReader = ImageDataReader(targetImageData, transpose);\n\n      if (transpose) {\n        var temp = blurX;\n        blurX = blurY;\n        blurY = temp;\n\n        temp = blurWidth;\n        blurWidth = blurHeight;\n        blurHeight = temp;\n      }\n\n      var stack;\n      var x, y;\n      for (y = blurY; y < blurY + blurHeight; ++y) {\n        stack = createStack(imageDataReader, radius, blurX, y);\n        for (x = blurX; x < blurX + blurWidth; ++x) {\n          targetImageDataReader.setPixel(x, y, [\n            Math.floor(stack.stack[0] / stack.stackSize),\n            Math.floor(stack.stack[1] / stack.stackSize),\n            Math.floor(stack.stack[2] / stack.stackSize),\n            Math.floor(stack.stack[3] / stack.stackSize)\n          ]);\n          stack.next();\n        }\n      }\n    }\n\n    function clip(value, minInclusive, maxInclusive) {\n      return Math.min(Math.max(value, minInclusive), maxInclusive);\n    }\n\n    function ImageDataReader(imageData, transpose) {\n      var width = transpose ? imageData.height : imageData.width;\n      var height = transpose ? imageData.width : imageData.height;\n\n      var getPixel = transpose ? function (x, y) {\n        var clippedX = clip(x, 0, width - 1);\n        var clippedY = clip(y, 0, height - 1);\n        var pixelIndex = height * 4 * clippedX + clippedY * 4;\n        return [\n          imageData.data[pixelIndex],\n          imageData.data[pixelIndex + 1],\n          imageData.data[pixelIndex + 2],\n          imageData.data[pixelIndex + 3]\n        ];\n      } : function (x, y) {\n        var clippedX = clip(x, 0, width - 1);\n        var clippedY = clip(y, 0, height - 1);\n        var pixelIndex = width * 4 * clippedY + clippedX * 4;\n        return [\n          imageData.data[pixelIndex],\n          imageData.data[pixelIndex + 1],\n          imageData.data[pixelIndex + 2],\n          imageData.data[pixelIndex + 3]\n        ];\n      };\n\n      var setPixel = transpose ? function (x, y, pixel) {\n        var clippedX = clip(x, 0, width - 1);\n        var clippedY = clip(y, 0, height - 1);\n        var pixelIndex = height * 4 * clippedX + clippedY * 4;\n        imageData.data[pixelIndex] = pixel[0];\n        imageData.data[pixelIndex + 1] = pixel[1];\n        imageData.data[pixelIndex + 2] = pixel[2];\n        imageData.data[pixelIndex + 3] = pixel[3];\n      } : function (x, y, pixel) {\n        var clippedX = clip(x, 0, width - 1);\n        var clippedY = clip(y, 0, height - 1);\n        var pixelIndex = width * 4 * clippedY + clippedX * 4;\n        imageData.data[pixelIndex] = pixel[0];\n        imageData.data[pixelIndex + 1] = pixel[1];\n        imageData.data[pixelIndex + 2] = pixel[2];\n        imageData.data[pixelIndex + 3] = pixel[3];\n      };\n\n      return {width: width, height: height, getPixel: getPixel, setPixel: setPixel};\n    }\n\n    function createStack(imageDataReader, radius, x, y) {\n      var i, j;\n\n      var stack = [0, 0, 0, 0];\n      var leftDiagonal = [0, 0, 0, 0];\n      var rightDiagonal = [0, 0, 0, 0];\n\n      var stackWeights = new Array(radius * 2 + 1);\n      for (i = 0; i <= radius; ++i) {\n        stackWeights[i] = i + 1;\n        stackWeights[stackWeights.length - 1 - i] = i + 1;\n      }\n      var stackSize = stackWeights.reduce(function (prev, curr) {\n        return prev + curr;\n      }, 0);\n\n      var pixel, pixelX;\n      for (i = 0; i <= radius; ++i) {\n        pixelX = x - radius + i;\n        pixel = imageDataReader.getPixel(pixelX, y);\n        for (j = 0; j < 4; ++j) {\n          stack[j] += pixel[j] * stackWeights[i];\n          leftDiagonal[j] += pixel[j];\n        }\n      }\n\n      for (i = radius + 1; i <= radius * 2; ++i) {\n        pixelX = x - radius + i;\n        pixel = imageDataReader.getPixel(pixelX, y);\n        for (j = 0; j < 4; ++j) {\n          stack[j] += pixel[j] * stackWeights[i];\n          rightDiagonal[j] += pixel[j];\n        }\n      }\n\n      pixelX = x - radius + i;\n      pixel = imageDataReader.getPixel(pixelX, y);\n      for (j = 0; j < 4; ++j) {\n        rightDiagonal[j] += pixel[j];\n      }\n\n      var currentX = x;\n      var next = function () {\n        var leftDiagonalLeftX = currentX - radius;\n        var leftDiagonalLeftPixel = imageDataReader.getPixel(leftDiagonalLeftX, y);\n\n        var nextPixelX = currentX + 1;\n        var nextPixel = imageDataReader.getPixel(nextPixelX, y);\n\n        var rightDiagonalNextX = currentX + radius + 1;\n        var rightDiagonalNextPixel = imageDataReader.getPixel(rightDiagonalNextX, y);\n\n        for (var i = 0; i < 4; ++i) {\n          stack[i] = stack[i] - leftDiagonal[i] + rightDiagonal[i];\n          leftDiagonal[i] = leftDiagonal[i] - leftDiagonalLeftPixel[i] + nextPixel[i];\n          rightDiagonal[i] = rightDiagonal[i] - nextPixel[i] + rightDiagonalNextPixel[i];\n        }\n        currentX += 1;\n      };\n\n      return {stack: stack, leftDiagonal: leftDiagonal, rightDiagonal: rightDiagonal, stackSize: stackSize, next: next};\n    }\n\n    function getAverageRGB(imageData) {\n      var redTotal = 0;\n      var greenTotal = 0;\n      var blueTotal = 0;\n\n      var rgb = {r: 0, g: 0, b: 0, a: 1};\n\n      var count = imageData.data.length;\n\n      for (var i = 0; i < count; i = i + 4) {\n        redTotal += imageData.data[i];\n        greenTotal += imageData.data[i + 1];\n        blueTotal += imageData.data[i + 2];\n      }\n\n      rgb.r = ~~(redTotal * 4 / count);\n      rgb.g = ~~(greenTotal * 4 / count);\n      rgb.b = ~~(blueTotal * 4 / count);\n\n      return rgb;\n    }\n\n    function mod(n, m) {\n      return ((n % m) + m) % m;\n    }\n\n    function getHSVfromRGB(rgb) {\n      var r = rgb.r / 255;\n      var g = rgb.g / 255;\n      var b = rgb.b / 255;\n\n      var v = Math.max(r, g, b);\n      var diff = v - Math.min(r, g, b);\n      var s = v === 0 ? 0 : diff / v;\n      var h;\n\n      if (diff === 0) {\n        h = 0;\n      } else if (v === r) {\n        h = 60 * mod(((g - b) / diff), 6);\n      } else if (v === g) {\n        h = 60 * (((b - r) / diff) + 2);\n      } else {\n        h = 60 * (((r - g) / diff) + 4);\n      }\n\n      return {s: s, v: v, h: h};\n    }\n  })();\n</script>\n\n</body>\n</html>\n&quot;}" title="광고" frameborder="0" scrolling="no" marginwidth="0" marginheight="0" allowtransparency="true" src="<a href="https://t1.daumcdn.net/kas/static/safeframe.html" target="_blank" class="ke-link">https://t1.daumcdn.net/kas/static/safeframe.html</a>" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; max-height: inherit; border: 0px; min-width: 655px; min-height: 120px;"></iframe></div><div data-ad-creative-wrap="border" style="position: absolute; background-color: rgb(229, 229, 229); left: 0px; top: 0px; width: 1px; height: 100%;"></div><div data-ad-creative-wrap="border" style="position: absolute; background-color: rgb(229, 229, 229); right: 0px; top: 0px; width: 1px; height: 100%;"></div><div data-ad-creative-wrap="border" style="position: absolute; background-color: rgb(229, 229, 229); left: 0px; top: 0px; width: 100%; height: 1px;"></div><div data-ad-creative-wrap="border" style="position: absolute; background-color: rgb(229, 229, 229); left: 0px; bottom: 0px; width: 100%; height: 1px;"></div></div></ins></div> <br><br><script id="adfit_script" type="text/javascript" src="//t1.daumcdn.net/kas/static/ba.min.js" async=""></script> <br><script> <br>    if(window.ObserveAdsenseUnfilledState !== undefined){ ObserveAdsenseUnfilledState(); } <br></script> <br>                    <!-- System - START --> <br>        <div class="revenue_unit_wrap"> <br>  <div class="revenue_unit_item adsense responsive"> <br>    <div class="revenue_unit_info">반응형</div> <br>    <script src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" async="async"></script> <br>    <ins class="adsbygoogle" style="display: block;" data-ad-host="ca-host-pub-9691043933427338" data-ad-client="ca-pub-9184328219859099" data-ad-format="auto"></ins> <br>    <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> <br>  </div> <br></div> <br>        <!-- System - END --> <br><br>            <div class="tt_article_useless_p_margin contents_style"><p><br></p><p><br></p><p><br></p><p>첨부파일 : <span class="imageblock" style="display: inline-block;   height: auto; max-width: 100%;"><a href="<a href="https://t1.daumcdn.net/cfile/tistory/215CD137582D46E034" target="_blank" class="ke-link">https://t1.daumcdn.net/cfile/tistory/215CD137582D46E034</a>"><img alt="" src="<a href="https://i1.daumcdn.net/cfs.tistory/v/0/blog/image/extension/zip.gif" target="_blank" class="ke-link">https://i1.daumcdn.net/cfs.tistory/v/0/blog/image/extension/zip.gif</a>" style="vertical-align: middle;" xxxxonerror="this.xxxxonerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';">editor.zip</a></span></p><p><br></p><p><br></p><p><b><span style="font-size: 24pt;">■</span><span style="font-size: 24pt;"> 다음 에디터(Daum Editor) 세팅하고 사용하기</span></b><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><span style="font-size: 12pt;">01. <a href="<a href="https://github.com/kakao/DaumEditor/tree/gh-pages/download" target="_blank" class="ke-link">https://github.com/kakao/DaumEditor/tree/gh-pages/download</a>" target="_blank" class="tx-link" style="color: rgb(9, 0, 255);"><span style="color: rgb(9, 0, 255);"><u><a href="https://github.com/kakao/DaumEditor/tree/gh-pages/download" target="_blank" class="ke-link">https://github.com/kakao/DaumEditor/tree/gh-pages/download</a></u></span></a>에 접속해서 다음에디터를 다운받자.</span><br></p><p style="text-align: left; clear: none; float: none;"><span class="imageblock" style="display: inline-block; width: 800px; width: 800px; height: 497px;; height: auto; max-width: 100%;" href="<a href="https://t1.daumcdn.net/cfile/tistory/2320F34D582D356D28?original" target="_blank" class="ke-link">https://t1.daumcdn.net/cfile/tistory/2320F34D582D356D28?original</a>" data-lightbox="lightbox" data-alt="null"><img src="<a href="https://t1.daumcdn.net/cfile/tistory/2320F34D582D356D28" target="_blank" class="ke-link">https://t1.daumcdn.net/cfile/tistory/2320F34D582D356D28</a>" style="width: 800px; height: 497px;" srcset="<a href="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2320F34D582D356D28" target="_blank" class="ke-link">https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2320F34D582D356D28</a>" width="800" height="497" filename="그림01.jpg" filemime="image/jpeg" original="yes"></span></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><span style="font-size: 12pt;">02. 화면 최하단을 보면 How to download 라고 적힌 유의사항이 적힌 부분이 있는데.</span></p><p style="text-align: left; clear: none; float: none;"><span style="font-size: 12pt;">&nbsp;&nbsp;&nbsp; 여기서는 안정적인 <b><span style="color: rgb(9, 0, 255);">stable(7.4.X)</span></b> 버전대를 사용하기로 한다.</span><br></p><p style="text-align: left; clear: none; float: none;"><span class="imageblock" style="display: inline-block; width: 800px; width: 800px; height: 377px;; height: auto; max-width: 100%;" href="<a href="https://t1.daumcdn.net/cfile/tistory/2313EF4D582D356E37?original" target="_blank" class="ke-link">https://t1.daumcdn.net/cfile/tistory/2313EF4D582D356E37?original</a>" data-lightbox="lightbox" data-alt="null"><img src="<a href="https://t1.daumcdn.net/cfile/tistory/2313EF4D582D356E37" target="_blank" class="ke-link">https://t1.daumcdn.net/cfile/tistory/2313EF4D582D356E37</a>" style="width: 800px; height: 377px;" srcset="<a href="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2313EF4D582D356E37" target="_blank" class="ke-link">https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2313EF4D582D356E37</a>" width="800" height="377" filename="그림02.jpg" filemime="image/jpeg" original="yes"></span></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><span style="font-size: 12pt;">03. <b><span style="color: rgb(9, 0, 255);">Stable(7.4.X)</span></b>버전에서 가장 높은 버전대를 찾아 선택하고 클릭한다.</span><br></p><p style="text-align: left; clear: none; float: none;"><span class="imageblock" style="display: inline-block; width: 800px; width: 800px; height: 486px;; height: auto; max-width: 100%;" href="<a href="https://t1.daumcdn.net/cfile/tistory/232A814D582D356F1D?original" target="_blank" class="ke-link">https://t1.daumcdn.net/cfile/tistory/232A814D582D356F1D?original</a>" data-lightbox="lightbox" data-alt="null"><img src="<a href="https://t1.daumcdn.net/cfile/tistory/232A814D582D356F1D" target="_blank" class="ke-link">https://t1.daumcdn.net/cfile/tistory/232A814D582D356F1D</a>" style="width: 800px; height: 486px;" srcset="<a href="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F232A814D582D356F1D" target="_blank" class="ke-link">https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F232A814D582D356F1D</a>" width="800" height="486" filename="그림03.jpg" filemime="image/jpeg" original="yes"></span></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><span style="font-size: 12pt;">04. 해당 버전의 다운로드 페이지로 이동되면 아래 순서대로 작업을 수행한다.<br></span></p><p style="text-align: left; clear: none; float: none;">&nbsp;<span style="font-size: 11pt;">① <b><span style="color: rgb(102, 0, 255);">Download</span></b> 버튼을 클릭한다.</span><br></p><p style="text-align: left; clear: none; float: none;">&nbsp;<span style="font-size: 11pt;">② 확인 버튼을 클릭하여 <b><span style="color: rgb(102, 0, 255);">daumeditor.zip</span></b> 파일을 다운받는다.</span><br></p><p style="text-align: left; clear: none; float: none;"><span class="imageblock" style="display: inline-block; width: 800px; width: 800px; height: 486px;; height: auto; max-width: 100%;" href="<a href="https://t1.daumcdn.net/cfile/tistory/2725494D582D356F23?original" target="_blank" class="ke-link">https://t1.daumcdn.net/cfile/tistory/2725494D582D356F23?original</a>" data-lightbox="lightbox" data-alt="null"><img src="<a href="https://t1.daumcdn.net/cfile/tistory/2725494D582D356F23" target="_blank" class="ke-link">https://t1.daumcdn.net/cfile/tistory/2725494D582D356F23</a>" style="width: 800px; height: 486px;" srcset="<a href="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2725494D582D356F23" target="_blank" class="ke-link">https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2725494D582D356F23</a>" width="800" height="486" filename="그림04.jpg" filemime="image/jpeg"></span></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><span style="font-size: 12pt;">05. 이제 다음 에디터 프로젝트를 수행할 폴더를 생성하고 아래 순서대로 작업을 진행한다.</span></p><p style="text-align: left; clear: none; float: none;"><span style="font-size:11pt;">&nbsp;</span><span style="font-size: 11pt;">① 다음 에디터 프로젝트를 진행할 <b><span style="color: rgb(102, 0, 255);">editor</span></b> 라는 폴더를 생성한다.<br></span></p><p style="text-align: left; clear: none; float: none;"><span style="font-size: 11pt;">&nbsp;② 위에서 다운받은 <b><span style="color: rgb(9, 0, 255);">daumeditor.zip</span></b> 파일의 압축을 해제한다.<br></span></p><p style="text-align: left; clear: none; float: none;"><span style="font-size: 12pt;"><span style="font-size: 11pt;">&nbsp;③ 압축해제된 폴더의 이름을 <b><span style="color: rgb(102, 0, 255);">daumEditor</span></b>로 변경하였다.</span><br></span></p><p style="text-align: left; clear: none; float: none;"><span class="imageblock" style="display: inline-block; width: 800px; width: 800px; height: 453px;; height: auto; max-width: 100%;" href="<a href="https://t1.daumcdn.net/cfile/tistory/263F454D582D357004?original" target="_blank" class="ke-link">https://t1.daumcdn.net/cfile/tistory/263F454D582D357004?original</a>" data-lightbox="lightbox" data-alt="null"><img src="<a href="https://t1.daumcdn.net/cfile/tistory/263F454D582D357004" target="_blank" class="ke-link">https://t1.daumcdn.net/cfile/tistory/263F454D582D357004</a>" style="width: 800px; height: 453px;" srcset="<a href="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F263F454D582D357004" target="_blank" class="ke-link">https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F263F454D582D357004</a>" width="800" height="453" filename="그림05.jpg" filemime="image/jpeg" original="yes"></span></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><span style="font-size: 12pt;">06. 이제 다음에디터를 불러와서 사용할 <b><span style="color: rgb(102, 0, 255);">board.php</span></b> 파일 생성한다.</span><br></p><p style="text-align: left; clear: none; float: none;"><span class="imageblock" style="display: inline-block; width: 800px; width: 800px; height: 453px;; height: auto; max-width: 100%;" href="<a href="https://t1.daumcdn.net/cfile/tistory/2221CA4D582D357027?original" target="_blank" class="ke-link">https://t1.daumcdn.net/cfile/tistory/2221CA4D582D357027?original</a>" data-lightbox="lightbox" data-alt="null"><img src="<a href="https://t1.daumcdn.net/cfile/tistory/2221CA4D582D357027" target="_blank" class="ke-link">https://t1.daumcdn.net/cfile/tistory/2221CA4D582D357027</a>" style="width: 800px; height: 453px;" srcset="<a href="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2221CA4D582D357027" target="_blank" class="ke-link">https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2221CA4D582D357027</a>" width="800" height="453" filename="그림06.jpg" filemime="image/jpeg" original="yes"></span></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><span style="font-size: 12pt;">07. 생성한 <b><span style="color: rgb(102, 0, 255);">board.php</span></b> 파일에 들어갈 소소는 아래와 같다.</span></p><table class="txc-table" style="border: medium none; border-collapse: collapse;" 맑은="" 고딕",sans-serif;font-size:13px"="" width="850" cellspacing="0" cellpadding="0" border="0" height="615"><tbody><tr><td style="width: 964px; height: 24px; border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); background-color: rgb(250, 244, 192);"><p>&nbsp;<b><span style="font-size: 12pt; color: rgb(0, 0, 0);">board.php</span></b><br></p></td> <br></tr> <br><tr><td style="width: 964px; height: 24px; border-bottom: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); background-color: rgb(255, 255, 255);"><p>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "<a href="http://www.w3.org/TR/html4/loose.dtd" target="_blank" class="ke-link">http://www.w3.org/TR/html4/loose.dtd</a>"&gt;<br>&lt;html&gt;<br>&lt;head&gt;<br>&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/&gt;<br>&lt;title&gt;Daum 에디터&lt;/title&gt;<br>&lt;script src="<a href="https://code.jquery.com/jquery-1.12.4.min.js" target="_blank" class="ke-link">https://code.jquery.com/jquery-1.12.4.min.js</a>" type="text/javascript"&gt;&lt;/script&gt;<br>&lt;script type="text/javascript"&gt;<br>function saveContent() {<br>&nbsp;&nbsp;&nbsp; if(jQuery("#title").val() == "") {<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; alert(‎"제목을 입력해 주세요.");<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; jQuery("#title").focus();<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; return;<br>&nbsp;&nbsp;&nbsp; }<br><br>&nbsp;&nbsp;&nbsp; Editor.save(); <b><span style="color: rgb(0, 87, 102);">// 이 함수를 호출하여 글을 등록하면 된다.</span></b><br>}<br>&lt;/script&gt;<br>&lt;/head&gt;<br>&lt;body&gt;<br>&lt;form name="tx_editor_form" id="tx_editor_form" action="<b><span style="color: rgb(102, 0, 255);">view.php</span></b>" method="<b><span style="color: rgb(102, 0, 255);">post</span></b>" enctype="multipart/form-data" accept-charset="utf-8"&gt;<br>&nbsp;&lt;b&gt;제목&nbsp;:&lt;/b&gt;&nbsp;&lt;input type="text" id="title" name="title" style="width:680px;"/&gt;<br>&lt;div style="height:10px;"&gt;&lt;/div&gt;<br>&lt;div style="width:750px;"&gt;<br><b><span style="color: rgb(255, 0, 221);">&lt;?php</span></b><br>&nbsp;&nbsp;&nbsp; <b><span style="color: rgb(0, 85, 255);">include_once</span></b> (<b><span style="color: rgb(102, 0, 255);">"./daumEditor/editor.html"</span></b>);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <b><span style="color: rgb(0, 87, 102);">// 다음 에디터를 include 한다.</span></b><br><b><span style="color: rgb(255, 0, 221);">?&gt;</span></b><br>&lt;div align="right"&gt;&lt;input type="button" value="등록" xxxxonClick="saveContent();"/&gt;&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;/form&gt;<br>&lt;/body&gt;<br>&lt;/html&gt;<br></p></td> <br></tr> <br></tbody></table><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><span style="font-size: 12pt;">08. 다음으로 작성된 값을 출력할 </span><b><span style="font-size: 12pt; color: rgb(102, 0, 255);">view.php</span></b><span style="font-size: 12pt;">를 생성한다.</span><br></p><p style="text-align: left; clear: none; float: none;"><span class="imageblock" style="display: inline-block; width: 800px; width: 800px; height: 453px;; height: auto; max-width: 100%;" href="<a href="https://t1.daumcdn.net/cfile/tistory/221E414D582D35712B?original" target="_blank" class="ke-link">https://t1.daumcdn.net/cfile/tistory/221E414D582D35712B?original</a>" data-lightbox="lightbox" data-alt="null"><img src="<a href="https://t1.daumcdn.net/cfile/tistory/221E414D582D35712B" target="_blank" class="ke-link">https://t1.daumcdn.net/cfile/tistory/221E414D582D35712B</a>" style="width: 800px; height: 453px;" srcset="<a href="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F221E414D582D35712B" target="_blank" class="ke-link">https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F221E414D582D35712B</a>" width="800" height="453" filename="그림07.jpg" filemime="image/jpeg" original="yes"></span></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><span style="font-size: 12pt;">09.</span><span style="font-size: 12pt;"> <b><span style="color: rgb(102, 0, 255);">view.php</span></b></span><span style="font-size: 12pt;">에 들어갈 소스는 아래와 같다.</span><br></p><table class="txc-table" style="border: medium none; border-collapse: collapse;" 맑은="" 고딕",sans-serif;font-size:13px"="" width="800" cellspacing="0" cellpadding="0" border="0" height="121"><tbody><tr><td style="width: 964px; height: 24px; border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); background-color: rgb(250, 244, 192);"><p>&nbsp;<b><span style="font-size: 12pt; color: rgb(0, 0, 0);">view.php</span></b><br></p></td> <br></tr> <br><tr><td style="width: 964px; height: 24px; border-bottom: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); background-color: rgb(255, 255, 255);"><p>&lt;?php<br>&nbsp;&nbsp;&nbsp; <b><span style="color: rgb(0, 85, 255);">echo</span></b> <b><span style="color: rgb(255, 94, 0);">"&lt;pre&gt;"</span></b>;<br>&nbsp;&nbsp;&nbsp; <b><span style="color: rgb(255, 0, 0);">print_r</span></b>(<b><span style="color: rgb(9, 0, 255);">$</span><span style="color: rgb(102, 0, 255);">_POST</span></b>);<br>&nbsp;&nbsp;&nbsp; <b><span style="color: rgb(0, 85, 255);">echo</span></b> <b><span style="color: rgb(255, 94, 0);">"&lt;/pre&gt;"</span></b>;<br>?&gt;<br></p></td> <br></tr> <br></tbody></table><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><span style="font-size: 12pt;">1</span><span style="font-size: 12pt;">0. 이제 위에서 압축을 해제하 명칭을 변경한 <b><span style="color: rgb(102, 0, 255);">daumEditor</span></b> 폴더의 <b><span style="color: rgb(102, 0, 255);">editor.html</span></b> 파일을 수정한다.</span><br></p><p style="text-align: left; clear: none; float: none;"><span class="imageblock" style="display: inline-block; width: 800px; width: 800px; height: 453px;; height: auto; max-width: 100%;" href="<a href="https://t1.daumcdn.net/cfile/tistory/22187C4D582D357132?original" target="_blank" class="ke-link">https://t1.daumcdn.net/cfile/tistory/22187C4D582D357132?original</a>" data-lightbox="lightbox" data-alt="null"><img src="<a href="https://t1.daumcdn.net/cfile/tistory/22187C4D582D357132" target="_blank" class="ke-link">https://t1.daumcdn.net/cfile/tistory/22187C4D582D357132</a>" style="width: 800px; height: 453px;" srcset="<a href="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F22187C4D582D357132" target="_blank" class="ke-link">https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F22187C4D582D357132</a>" width="800" height="453" filename="그림08.jpg" filemime="image/jpeg" original="yes"></span></p><p><br></p><p><br></p><p><br></p><p><br><span style="font-size: 12pt;">12. <b><span style="color: rgb(102, 0, 255);">editor.hml</span></b> 파일을 수정한다. 아래 코드는 원래 적혀있던 주석들은 다 삭제해 두었다.</span><br></p><p><span style="font-size: 11pt;">&nbsp;① </span><span style="font-size: 11pt;">상대경로로 잡혀 있는 부분은 전부 <b><span style="color: rgb(9, 0, 255);">절대경로로 변경</span><span style="color: rgb(9, 0, 255);">하고</span></b> <b><span style="color: rgb(9, 0, 255);">파란색 글씨</span></b>로 표기하였다.</span></p><p><span style="font-size: 11pt;">&nbsp;② 샘플로 들어가 있거나 <b><span style="color: rgb(102, 0, 255);">board.php</span></b>에서 미리 지정한기능 혹은 필요없어 <b><span style="color: rgb(255, 0, 0);">삭제해야 하는 부분은 빨간색으로 표기</span></b>하였다.</span><br></p><table class="txc-table" style="border: medium none; border-collapse: collapse; width: 841px;" 맑은="" 고딕",sans-serif;font-size:13px"="" width="1000" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td style="width:1000px;height:24px;border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); background-color: rgb(250, 244, 192);"><p>&nbsp;<b><span style="font-size: 12pt; color: rgb(0, 0, 0);">editor.html</span></b><br></p></td> <br></tr> <br><tr><td style="width: 840px; height: 24px; border-bottom: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); background-color: rgb(255, 255, 255);"><p>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "<a href="http://www.w3.org/TR/html4/loose.dtd" target="_blank" class="ke-link">http://www.w3.org/TR/html4/loose.dtd</a>"&gt;<br>&lt;html&gt;<br>&lt;head&gt;<br>&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;<br>&lt;title&gt;Daum 에디터 - 등록화면 예제&lt;/title&gt;<br><br><b><span style="color: rgb(9, 0, 255);">&lt;!-- 절대 경로로 변경 --&gt;</span></b><br>&lt;link rel="<b><span style="color: rgb(9, 0, 255);">stylesheet" href="http://localhost/editor/daumEditor/css/editor.css</span></b>" type="text/css" charset="utf-8"/&gt;<br>&lt;script src="<b><span style="color: rgb(9, 0, 255);">http://localhost/editor/daumEditor/js/editor_loader.js?environment=development</span></b>" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;<br><br>&lt;/head&gt;<br>&lt;body&gt;<br>&lt;div class="body"&gt;<br><br><b><span style="color: rgb(255, 0, 0);">&lt;!-- form 태그 삭제 --&gt;</span></b><br><b><span style="color: rgb(255, 0, 0);">&lt;!-- &lt;form name="tx_editor_form" id="tx_editor_form" action="<a href="http://posttestserver.com/post.php" target="_blank" class="ke-link">http://posttestserver.com/post.php</a>" method="post" accept-charset="utf-8"&gt; --&gt;</span></b><br><br>&nbsp;&nbsp;&nbsp; &lt;div id="tx_trex_container" class="tx-editor-container"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_sidebar" class="tx-sidebar"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="tx-sidebar-boundary"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;ul class="tx-bar tx-bar-left tx-nav-attach"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" id="tx_image" class="tx-image tx-btn-trans"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" title="사진" class="tx-text"&gt;사진&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" id="tx_file" class="tx-file tx-btn-trans"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" title="파일" class="tx-text"&gt;파일&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" id="tx_media" class="tx-media tx-btn-trans"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" title="외부컨텐츠" class="tx-text"&gt;외부컨텐츠&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list tx-list-extra"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-btn-nlrbg tx-extra"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon" title="버튼 더보기"&gt;버튼 더보기&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;ul class="tx-extra-menu tx-menu" style="left:-48px;" unselectable="on"&gt;&lt;/ul&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;ul class="tx-bar tx-bar-right"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-btn-lrbg tx-fullscreen" id="tx_fullscreen"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon" title="넓게쓰기 (Ctrl+M)"&gt;넓게쓰기&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;ul class="tx-bar tx-bar-right tx-nav-opt"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-switchtoggle" id="tx_switchertoggle"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" title="에디터 타입"&gt;에디터&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_toolbar_basic" class="tx-toolbar tx-toolbar-basic"&gt;&lt;div class="tx-toolbar-boundary"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;ul class="tx-bar tx-bar-left"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_fontfamily" unselectable="on" class="tx-slt-70bg tx-fontfamily"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" title="글꼴"&gt;굴림&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_fontfamily_menu" class="tx-fontfamily-menu tx-menu" unselectable="on"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;ul class="tx-bar tx-bar-left"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-slt-42bg tx-fontsize" id="tx_fontsize"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" title="글자크기"&gt;9pt&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_fontsize_menu" class="tx-fontsize-menu tx-menu" unselectable="on"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;ul class="tx-bar tx-bar-left tx-group-font"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-btn-lbg tx-bold" id="tx_bold"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon" title="굵게 (Ctrl+B)"&gt;굵게&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-btn-bg tx-underline" id="tx_underline"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon" title="밑줄 (Ctrl+U)"&gt;밑줄&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-btn-bg tx-italic" id="tx_italic"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon" title="기울임 (Ctrl+I)"&gt;기울임&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-btn-bg tx-strike" id="tx_strike"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon" title="취소선 (Ctrl+D)"&gt;취소선&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-slt-tbg tx-forecolor" id="tx_forecolor"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon" title="글자색"&gt;글자색&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-arrow" title="글자색 선택"&gt;글자색 선택&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_forecolor_menu" class="tx-menu tx-forecolor-menu tx-colorpallete" unselectable="on"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-slt-brbg tx-backcolor" id="tx_backcolor"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon" title="글자 배경색"&gt;글자 배경색&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-arrow" title="글자 배경색 선택"&gt;글자 배경색 선택&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_backcolor_menu" class="tx-menu tx-backcolor-menu tx-colorpallete" unselectable="on"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;ul class="tx-bar tx-bar-left tx-group-align"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-btn-lbg tx-alignleft" id="tx_alignleft"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon" title="왼쪽정렬 (Ctrl+,)"&gt;왼쪽정렬&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-btn-bg tx-aligncenter" id="tx_aligncenter"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon" title="가운데정렬 (Ctrl+.)"&gt;가운데정렬&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-btn-bg tx-alignright" id="tx_alignright"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon" title="오른쪽정렬 (Ctrl+/)"&gt;오른쪽정렬&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-btn-rbg tx-alignfull" id="tx_alignfull"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon" title="양쪽정렬"&gt;양쪽정렬&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;ul class="tx-bar tx-bar-left tx-group-tab"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-btn-lbg tx-indent" id="tx_indent"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" title="들여쓰기 (Tab)" class="tx-icon"&gt;들여쓰기&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-btn-rbg tx-outdent" id="tx_outdent"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" title="내어쓰기 (Shift+Tab)" class="tx-icon"&gt;내어쓰기&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;ul class="tx-bar tx-bar-left tx-group-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-slt-31lbg tx-lineheight" id="tx_lineheight"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon" title="줄간격"&gt;줄간격&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-arrow" title="줄간격"&gt;줄간격 선택&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_lineheight_menu" class="tx-lineheight-menu tx-menu" unselectable="on"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-slt-31rbg tx-styledlist" id="tx_styledlist"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon" title="리스트"&gt;리스트&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-arrow" title="리스트"&gt;리스트 선택&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_styledlist_menu" class="tx-styledlist-menu tx-menu" unselectable="on"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;ul class="tx-bar tx-bar-left tx-group-etc"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-btn-lbg tx-emoticon" id="tx_emoticon"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon" title="이모티콘"&gt;이모티콘&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_emoticon_menu" class="tx-emoticon-menu tx-menu" unselectable="on"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-btn-bg tx-link" id="tx_link"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon" title="링크 (Ctrl+K)"&gt;링크&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_link_menu" class="tx-link-menu tx-menu"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-btn-bg tx-specialchar" id="tx_specialchar"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon" title="특수문자"&gt;특수문자&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_specialchar_menu" class="tx-specialchar-menu tx-menu"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-btn-bg tx-table" id="tx_table"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon" title="표만들기"&gt;표만들기&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_table_menu" class="tx-table-menu tx-menu" unselectable="on"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="tx-menu-inner"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="tx-menu-preview"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="tx-menu-rowcol"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="tx-menu-deco"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="tx-menu-enter"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-btn-rbg tx-horizontalrule" id="tx_horizontalrule"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon" title="구분선"&gt;구분선&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_horizontalrule_menu" class="tx-horizontalrule-menu tx-menu" unselectable="on"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;ul class="tx-bar tx-bar-left"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-btn-lbg tx-richtextbox" id="tx_richtextbox"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon" title="글상자"&gt;글상자&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_richtextbox_menu" class="tx-richtextbox-menu tx-menu"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="tx-menu-header"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="tx-menu-preview-area"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="tx-menu-preview"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="tx-menu-switch"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="tx-menu-simple tx-selected"&gt;&lt;a&gt;&lt;span&gt;간단 선택&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="tx-menu-advanced"&gt;&lt;a&gt;&lt;span&gt;직접 선택&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="tx-menu-inner"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="tx-menu-footer"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; <b><span style="color: rgb(9, 0, 255);">&lt;!-- 이미지 파일 경로 수정 --&gt;</span></b><br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;img class="tx-menu-confirm‎" src="<b><span style="color: rgb(9, 0, 255);">http://localhost/editor/daumEditor/images/icon/editor/btn_confirm‎.gif?rv=1.0.1</span></b>" alt=""/&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;img class="tx-menu-cancel" hspace="3" src="<b><span style="color: rgb(9, 0, 255);">http://localhost/editor/daumEditor/images/icon/editor/btn_cancel.gif?rv=1.0.1</span></b>" alt=""/&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-btn-bg tx-quote" id="tx_quote"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon" title="인용구 (Ctrl+Q)"&gt;인용구&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_quote_menu" class="tx-quote-menu tx-menu" unselectable="on"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-btn-bg tx-background" id="tx_background"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon" title="배경색"&gt;배경색&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_background_menu" class="tx-menu tx-background-menu tx-colorpallete" unselectable="on"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-btn-rbg tx-dictionary" id="tx_dictionary"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon" title="사전"&gt;사전&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;ul class="tx-bar tx-bar-left tx-group-undo"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-btn-lbg tx-undo" id="tx_undo"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon" title="실행취소 (Ctrl+Z)"&gt;실행취소&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-btn-rbg tx-redo" id="tx_redo"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon" title="다시실행 (Ctrl+Y)"&gt;다시실행&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;ul class="tx-bar tx-bar-right"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-btn-nlrbg tx-advanced" id="tx_advanced"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon" title="툴바 더보기"&gt;툴바 더보기&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &lt;div id="tx_toolbar_advanced" class="tx-toolbar tx-toolbar-advanced"&gt;&lt;div class="tx-toolbar-boundary"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;ul class="tx-bar tx-bar-left"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="tx-tableedit-title"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;ul class="tx-bar tx-bar-left tx-group-align"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-btn-lbg tx-mergecells" id="tx_mergecells"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon2" title="병합"&gt;병합&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_mergecells_menu" class="tx-mergecells-menu tx-menu" unselectable="on"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-btn-bg tx-insertcells" id="tx_insertcells"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon2" title="삽입"&gt;삽입&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_insertcells_menu" class="tx-insertcells-menu tx-menu" unselectable="on"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div unselectable="on" class="tx-btn-rbg tx-deletecells" id="tx_deletecells"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon2" title="삭제"&gt;삭제&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_deletecells_menu" class="tx-deletecells-menu tx-menu" unselectable="on"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;ul class="tx-bar tx-bar-left tx-group-align"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_cellslinepreview" unselectable="on" class="tx-slt-70lbg tx-cellslinepreview"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" title="선 미리보기"&gt;&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_cellslinepreview_menu" class="tx-cellslinepreview-menu tx-menu" unselectable="on"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_cellslinecolor" unselectable="on" class="tx-slt-tbg tx-cellslinecolor"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon2" title="선색"&gt;선색&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="tx-colorpallete" unselectable="on"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_cellslinecolor_menu" class="tx-cellslinecolor-menu tx-menu tx-colorpallete" unselectable="on"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_cellslineheight" unselectable="on" class="tx-btn-bg tx-cellslineheight"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon2" title="두께"&gt;두께&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_cellslineheight_menu" class="tx-cellslineheight-menu tx-menu" unselectable="on"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_cellslinestyle" unselectable="on" class="tx-btn-bg tx-cellslinestyle"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon2" title="스타일"&gt;스타일&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_cellslinestyle_menu" class="tx-cellslinestyle-menu tx-menu" unselectable="on"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_cellsoutline" unselectable="on" class="tx-btn-rbg tx-cellsoutline"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon2" title="테두리"&gt;테두리&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_cellsoutline_menu" class="tx-cellsoutline-menu tx-menu" unselectable="on"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;ul class="tx-bar tx-bar-left"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_tablebackcolor" unselectable="on" class="tx-btn-lrbg tx-tablebackcolor" style="background-color:#9aa5ea;"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon2" title="테이블 배경색"&gt;테이블 배경색&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_tablebackcolor_menu" class="tx-tablebackcolor-menu tx-menu tx-colorpallete" unselectable="on"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;ul class="tx-bar tx-bar-left"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li class="tx-list"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_tabletemplate" unselectable="on" class="tx-btn-lrbg tx-tabletemplate"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="xxxxjavascript:;" class="tx-icon2" title="테이블 서식"&gt;테이블 서식&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_tabletemplate_menu" class="tx-tabletemplate-menu tx-menu tx-colorpallete" unselectable="on"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br>&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&lt;/div&gt;<br><br>&nbsp;&nbsp;&nbsp; &lt;div id="tx_canvas" class="tx-canvas"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_loading" class="tx-loading"&gt;</p><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <b><span style="color: rgb(9, 0, 255);">&lt;!-- 이미지 파일 경로 수정 --&gt;</span></b></p><p>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div&gt;&lt;img src="<b><span style="color: rgb(9, 0, 255);">http://localhost/editor/daumEditor/images/icon/editor/loading2.png</span></b>" width="113" height="21" align="absmiddle"/&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_canvas_wysiwyg_holder" class="tx-holder" style="display:block;"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;iframe id="tx_canvas_wysiwyg" name="tx_canvas_wysiwyg" allowtransparency="true" frameborder="0"&gt;&lt;/iframe&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="tx-source-deco"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_canvas_source_holder" class="tx-holder"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;textarea id="tx_canvas_source" rows="30" cols="30"&gt;&lt;/textarea&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_canvas_text_holder" class="tx-holder"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;textarea id="tx_canvas_text" rows="30" cols="30"&gt;&lt;/textarea&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br><br>&nbsp;&nbsp;&nbsp; &lt;div id="tx_resizer" class="tx-resize-bar"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="tx-resize-bar-bg"&gt;&lt;/div&gt;</p><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <b><span style="color: rgb(9, 0, 255);">&lt;!-- 이미지 파일 경로 수정 --&gt;</span></b></p><p>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;img id="tx_resize_holder" src="<b><span style="color: rgb(9, 0, 255);">http://localhost/editor/daumEditor/images/icon/editor/skin/01/btn_drag01.gif</span></b>" width="58" height="12" unselectable="on" alt=""/&gt;<br>&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br><br>&nbsp;&nbsp;&nbsp; <b><span style="color: rgb(255, 0, 0);">&lt;!-- 다음 에디터 로고 삭제 --&gt;</span></b><br><b><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &lt;!--</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &lt;div class="tx-side-bi" id="tx_side_bi"&gt;</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div style="text-align: right;"&gt;</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;img hspace="4" height="14" width="78" align="absmiddle" src="http://localhost/editor/daumEditor/images/icon/editor/editor_bi.png" /&gt;</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &lt;/div&gt;</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; --&gt;</span></b><br><br>&nbsp;&nbsp;&nbsp; &lt;div id="tx_attach_div" class="tx-attach-div"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_attach_txt" class="tx-attach-txt"&gt;파일 첨부&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_attach_box" class="tx-attach-box"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="tx-attach-box-inner"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_attach_preview" class="tx-attach-preview"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;p&gt;&lt;/p&gt;</p><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <b><span style="color: rgb(9, 0, 255);">&lt;!-- 이미지 파일 경로 수정 --&gt;</span></b></p><p>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;img src="<b><span style="color: rgb(9, 0, 255);">http://localhost/editor/daumEditor/images/icon/editor/pn_preview.gif</span></b>" width="147" height="108" unselectable="on"/&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="tx-attach-main"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div id="tx_upload_progress" class="tx-upload-progress"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div&gt;0%&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;p&gt;파일을 업로드하는 중입니다.&lt;/p&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;ul class="tx-attach-top"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li id="tx_attach_delete" class="tx-attach-delete"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a&gt;전체삭제&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li id="tx_attach_size" class="tx-attach-size"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 파일: &lt;span id="tx_attach_up_size" class="tx-attach-size-up"&gt;&lt;/span&gt;/&lt;span id="tx_attach_max_size"&gt;&lt;/span&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li id="tx_attach_tools" class="tx-attach-tools"&gt;&lt;/li&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;ul id="tx_attach_list" class="tx-attach-list"&gt;&lt;/ul&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; <br>&lt;!-- form 태그 삭제 --&gt;<br>&lt;!-- &lt;/form&gt; --&gt;<br><br><br>&lt;!-- 에디터 끝 --&gt;<br>&lt;script type="text/javascript"&gt;<br>&nbsp;&nbsp;&nbsp; var config = {<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; txHost : ""<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; , txPath : ""<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; , txService : "sample"<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; , txProject : "sample"<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; , initializedId : ""<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; , wrapper : "tx_trex_container"<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; , form : "tx_editor_form" + ""<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; , txIconPath : "<b><span style="color: rgb(9, 0, 255);">http://localhost/editor/daumEditor/images/icon/editor/</span></b>"<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; , txDecoPath : "<b><span style="color: rgb(9, 0, 255);">http://localhost/editor/daumEditor/images/deco/contents/</span></b>"<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; , canvas: {<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; exitEditor:{ }<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; , styles: {<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; color : "#123456"<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; , fontFamily : "굴림"<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; , fontSize : "10pt"<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; , backgroundColor : "#FFFFFF"<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; , lineHeight : "1.5"<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; , padding : "8px"<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; , showGuideArea: false<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; , events : {<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; preventUnload: false<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; , sidebar : {<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; attachbox : {<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; show : true,<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; confirm‎ForDeleteAll : true<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; , size: {<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; contentWidth : 700<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp; };<br>&nbsp;&nbsp;&nbsp; EditorJSLoader.ready(function(Editor) {<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; var editor = new Editor(config);<br>&nbsp;&nbsp;&nbsp; });<br>&lt;/script&gt;<br>&lt;script type="text/javascript"&gt;<br>&nbsp;&nbsp;&nbsp; <b><span style="color: rgb(255, 0, 0);">/* saveContent( )함수 삭제 ( board.php 파일에서 호출 하게 끔 변경 함 ) */</span></b><br><b><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; /*</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; function saveContent() {</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; Editor.save(); // 이 함수를 호출하여 글을 등록하면 된다.</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; }</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; */</span></b><br><br>&nbsp;&nbsp;&nbsp; function validForm(editor) {<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; var validator = new Trex.Validator();<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; var content = editor.getContent();<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; if (!validator.exists(content)) {<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; alert(‎"내용을 입력하세요");<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; return false;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; return true;<br>&nbsp;&nbsp;&nbsp; }<br><br>&nbsp;&nbsp;&nbsp; function setForm(editor) {<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; var i = "";<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; var input = "";<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; var form = editor.getForm();<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; var content = editor.getContent();<br><br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; var textarea = document.createElement('textarea');<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; textarea.name = "content";<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; textarea.value = content;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; form.createField(textarea);<br><br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; var images = editor.getAttachments('image');<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; for(i = 0; i &lt; images.length; i++) {<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; if (images[i].existStage) {<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; alert(‎"attachment information - image[" + i + "] \r\n" + JSON.stringify(images[i].data));<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; input = document.createElement('input');<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; input.type = "hidden";<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; input.name = "attach_image";<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; input.value = images[i].data.imageurl;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; form.createField(input);<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br><br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; var files = editor.getAttachments('file');<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; for(i = 0; i &lt; files.length; i++) {<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; input = document.createElement('input');<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; input.type = "hidden";<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; input.name = "attach_file";<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; input.value = files[i].data.attachurl;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; form.createField(input);<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; return true;<br>&nbsp;&nbsp;&nbsp; }<br>&lt;/script&gt;<br><br><b><span style="color: rgb(255, 0, 0);">&lt;!-- 저장 버튼 삭제 ( </span></b><b><span style="color: rgb(255, 0, 0);"><b><span style="color: rgb(255, 0, 0);">saveContent( ) 함수는 board.php에서 호출하게 변경 ) </span></b>--&gt;</span></b><br><b><span style="color: rgb(255, 0, 0);">&lt;!-- &lt;div&gt;&lt;button xxxxonclick="saveContent()"&gt;SAMPLE - submit contents&lt;/button&gt;&lt;/div&gt; --&gt;</span></b><br><br><b><span style="color: rgb(255, 0, 0);">&lt;!-- 샘플 컨텐츠 추가 내용 삭제 --&gt;</span></b><br><b><span style="color: rgb(255, 0, 0);">&lt;!--</span><br><span style="color: rgb(255, 0, 0);">&lt;textarea id="sample_contents_source" style="display:none;"&gt;</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &lt;p style="text-align: center;"&gt;</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;img src="<a href="https://t1.daumcdn.net/cfile/blog/2064CD374EE1ACCB0F" target="_blank" class="ke-link">https://t1.daumcdn.net/cfile/blog/2064CD374EE1ACCB0F</a>" class="tx-daum-image" style="clear:none;float:none;"/&gt;</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &lt;/p&gt;</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &lt;p&gt;</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="<a href="https://t1.daumcdn.net/cfile/blog/207C8C1B4AA4F5DC01" target="_blank" class="ke-link">https://t1.daumcdn.net/cfile/blog/207C8C1B4AA4F5DC01</a>"&gt;&lt;img src="snapshot/images/icon/p_gif_s.gif"/&gt; editor_bi.gif&lt;/a&gt;</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &lt;/p&gt;</span><br><span style="color: rgb(255, 0, 0);">&lt;/textarea&gt;</span><br><span style="color: rgb(255, 0, 0);">--&gt;</span></b></p><p><b></b><br><b><span style="color: rgb(255, 0, 0);">&lt;!-- 샘플 스크립트 삭제 --&gt;</span></b><br><b><span style="color: rgb(255, 0, 0);">&lt;!--</span><br><span style="color: rgb(255, 0, 0);">&lt;script type="text/javascript"&gt;</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; function loadContent() {</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; var attachments = {};</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; attachments['image'] = [];</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; attachments['image'].push({</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; "attacher": "image"</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; , "data": {</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; "imageurl" : "<a href="https://t1.daumcdn.net/cfile/blog/2064CD374EE1ACCB0F" target="_blank" class="ke-link">https://t1.daumcdn.net/cfile/blog/2064CD374EE1ACCB0F</a>"</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; , "filename" : "github.gif"</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; , "filesize" : 59501</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; , "originalurl" : "<a href="https://t1.daumcdn.net/cfile/blog/2064CD374EE1ACCB0F" target="_blank" class="ke-link">https://t1.daumcdn.net/cfile/blog/2064CD374EE1ACCB0F</a>"</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; , "thumburl" : "<a href="https://t1.daumcdn.net/cfile/blog/2064CD374EE1ACCB0F" target="_blank" class="ke-link">https://t1.daumcdn.net/cfile/blog/2064CD374EE1ACCB0F</a>"</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; });</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; attachments['file'] = [];</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; attachments['file'].push({</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; "attacher" : "file"</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; , "data" : {</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; "attachurl" : "<a href="https://t1.daumcdn.net/cfile/blog/207C8C1B4AA4F5DC01" target="_blank" class="ke-link">https://t1.daumcdn.net/cfile/blog/207C8C1B4AA4F5DC01</a>"</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; , "filemime" : "image/gif"</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; , "filename" : "editor_bi.gif"</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; , "filesize" : 640</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; });</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; Editor.modify({</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; "attachments": function() {</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; var allattachments = [];</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; for (var i in attachments) {</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; allattachments = allattachments.concat(attachments[i]);</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; return allattachments;</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }(),</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; "content" : document.getElementById("sample_contents_source")</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; });</span><br><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; }</span><br><span style="color: rgb(255, 0, 0);">&lt;/script&gt;</span><br><span style="color: rgb(255, 0, 0);">--&gt;</span></b><br><br><b><span style="color: rgb(255, 0, 0);">&lt;!-- 샘플 버튼 삭제 --&gt;</span></b><br><b><span style="color: rgb(255, 0, 0);">&lt;!-- &lt;div&gt;&lt;button xxxxonclick='loadContent()'&gt;SAMPLE - load contents to editor&lt;/button&gt;&lt;/div&gt; --&gt;</span></b><br><br>&lt;/body&gt;<br>&lt;/html&gt;<br></p></td> <br></tr> <br></tbody></table><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><span style="font-size: 12pt;">13. 이제 <b><span style="color: rgb(9, 0, 255);">board.php</span></b>를 실행하고 다음에디터가 잘 실행되는 지 확인해 보자.</span></p><p><span style="font-size: 12pt;">&nbsp;&nbsp;&nbsp; 정상적으로 출력이 된다면 제목과 내용을 작성한뒤 <b><span style="color: rgb(9, 0, 255);">등록</span></b>버튼을 클릭해보자.</span><br></p><p style="text-align: left; clear: none; float: none;"><span class="imageblock" style="display: inline-block; width: 784px;  height: auto; max-width: 100%;" href="<a href="https://t1.daumcdn.net/cfile/tistory/22103B37582D3D2A33?original" target="_blank" class="ke-link">https://t1.daumcdn.net/cfile/tistory/22103B37582D3D2A33?original</a>" data-lightbox="lightbox" data-alt="null"><img src="<a href="https://t1.daumcdn.net/cfile/tistory/22103B37582D3D2A33" target="_blank" class="ke-link">https://t1.daumcdn.net/cfile/tistory/22103B37582D3D2A33</a>" style="max-width: 100%; height: auto;" srcset="<a href="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F22103B37582D3D2A33" target="_blank" class="ke-link">https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F22103B37582D3D2A33</a>" width="784" height="673" filename="그림09.jpg" filemime="image/jpeg"></span></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><br></p><p style="text-align: left; clear: none; float: none;"><span style="font-size: 12pt;">14. 아래와같이 결과가 잘 전송되는 것을 확인 할 수 있다.</span><br></p><p style="text-align: left; clear: none; float: none;"><span class="imageblock" style="display: inline-block; width: 784px;  height: auto; max-width: 100%;" href="<a href="https://t1.daumcdn.net/cfile/tistory/241D7837582D3D2B25?original" target="_blank" class="ke-link">https://t1.daumcdn.net/cfile/tistory/241D7837582D3D2B25?original</a>" data-lightbox="lightbox" data-alt="null"><img src="<a href="https://t1.daumcdn.net/cfile/tistory/241D7837582D3D2B25" target="_blank" class="ke-link">https://t1.daumcdn.net/cfile/tistory/241D7837582D3D2B25</a>" style="max-width: 100%; height: auto;" srcset="<a href="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F241D7837582D3D2B25" target="_blank" class="ke-link">https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F241D7837582D3D2B25</a>" width="784" height="673" filename="그림10.jpg" filemime="image/jpeg"></span></p><p></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p></div> <br>                    <!-- System - START --> <br>        <div class="revenue_unit_wrap"> <br>  <div class="revenue_unit_item adsense responsive"> <br>    <div class="revenue_unit_info">반응형</div> <br>    <script src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" async="async"></script> <br>    <ins class="adsbygoogle" style="display: block;" data-ad-host="ca-host-pub-9691043933427338" data-ad-client="ca-pub-9184328219859099" data-ad-format="auto"></ins> <br>    <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> <br>  </div> <br></div> <br>        <!-- System - END --> <br><br><br>                    <div class="container_postbtn #post_button_group"> <br>  <div class="postbtn_like"><script>window.ReactionButtonType = 'reaction'; <br>window.ReactionApiUrl = '//wickedmagic.tistory.com/reaction'; <br>window.ReactionReqBody = { <br>    entryId: 552 <br>}</script> <br><div class="wrap_btn" id="reaction-552"><button class="btn_post uoc-icon"><div class="uoc-icon"><span class="ico_postbtn ico_like">좋아요</span><span class="txt_like uoc-count">2</span></div></button></div> <br><script src="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/script/reaction-button-container.min.js" target="_blank" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/script/reaction-button-container.min.js</a>"></script><div class="wrap_btn wrap_btn_share"><button type="button" class="btn_post sns_btn btn_share" aria-expanded="false" data-thumbnail-url="<a href="https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F22103B37582D3D2A33" target="_blank" class="ke-link">https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F22103B37582D3D2A33</a>" data-title="[DaumEditor] 다음 에디터(Daum Editor) 세팅하고 사용하기." data-description="첨부파일 : ■ 다음 에디터(Daum Editor) 세팅하고 사용하기 01. <a href="https://github.com/kakao/DaumEditor/tree/gh-pages/download에" target="_blank" class="ke-link">https://github.com/kakao/DaumEditor/tree/gh-pages/download에</a> 접속해서 다음에디터를 다운받자. 02. 화면 최하단을 보면 How to download 라고 적힌 유의사항이 적힌 부분이 있는데. 여기서는 안정적인 stable(7.4.X) 버전대를 사용하기로 한다. 03. Stable(7.4.X)버전에서 가장 높은 버전대를 찾아 선택하고 클릭한다. 04. 해당 버전의 다운로드 페이지로 이동되면 아래 순서대로 작업을 수행한다. ① Download 버튼을 클릭한다. ② 확인 버튼을 클릭하여 daumeditor.zip 파일을 다운받는다. 05. 이제 다음 에디터 프로젝트를 수행할 폴더를 생성하.." data-profile-image="<a href="https://t1.daumcdn.net/cfile/tistory/1962B8414EF32DD630" target="_blank" class="ke-link">https://t1.daumcdn.net/cfile/tistory/1962B8414EF32DD630</a>" data-profile-name="사악미소" data-pc-url="<a href="https://wickedmagic.tistory.com/552" target="_blank" class="ke-link">https://wickedmagic.tistory.com/552</a>" data-relative-pc-url="/552" data-blog-title="사악미소의 현대마법의 공방"><span class="ico_postbtn ico_share">공유하기</span></button> <br>  <div class="layer_post" id="tistorySnsLayer" style="display: none;"><div class="bundle_post"><button class="btn_mark" data-service="url"><span class="ico_sns ico_url"></span><span class="txt_sns">URL 복사</span></button><button class="btn_mark" data-service="kakaotalk"><span class="ico_sns ico_kt"></span><span class="txt_sns">카카오톡 공유</span></button><button class="btn_mark" data-service="facebook"><span class="ico_sns ico_fb"></span><span class="txt_sns">페이스북 공유</span></button><button class="btn_mark" data-service="twitter"><span class="ico_sns ico_x"></span><span class="txt_sns">엑스 공유</span></button><span class="ico_postbtn ico_arrbt"></span></div></div> <br></div><div class="wrap_btn wrap_btn_etc" data-entry-id="552" data-entry-visibility="public" data-category-visibility="public"><button type="button" class="btn_post btn_etc2" aria-expanded="false"><span class="ico_postbtn ico_etc">게시글 관리</span></button> <br>  <div class="layer_post" id="tistoryEtcLayer" style="display: none;"></div> <br></div></div> <br><button type="button" class="btn_menu_toolbar btn_subscription  #subscribe" data-blog-id="885720" data-url="<a href="https://wickedmagic.tistory.com/552" target="_blank" class="ke-link">https://wickedmagic.tistory.com/552</a>" data-device="web_pc"><em class="txt_state">구독하기</em><strong class="txt_tool_id">사악미소의 현대마법의 공방</strong><span class="img_common_tistory ico_check_type1"></span></button><div class="postbtn_ccl" data-ccl-type="2" data-ccl-derive="1"> <br>    <a href="<a href="https://creativecommons.org/licenses/by/4.0/deed.ko" target="_blank" class="ke-link">https://creativecommons.org/licenses/by/4.0/deed.ko</a>" target="_blank" class="link_ccl" rel="license"> <br>        <span class="bundle_ccl"> <br>            <span class="ico_postbtn ico_ccl1">저작자표시</span>  <br>        </span> <br>    </a> <br></div> <br><!-- <br><rdf:RDF xmlns="<a href="https://web.resource.org/cc/" target="_blank" class="ke-link">https://web.resource.org/cc/</a>" xmlns:dc="<a href="https://purl.org/dc/elements/1.1/" target="_blank" class="ke-link">https://purl.org/dc/elements/1.1/</a>" xmlns:rdf="<a href="https://www.w3.org/1999/02/22-rdf-syntax-ns#" target="_blank" class="ke-link">https://www.w3.org/1999/02/22-rdf-syntax-ns#</a>"> <br>    <Work rdf:about=""> <br>        <license rdf:resource="<a href="https://creativecommons.org/licenses/by/4.0/deed.ko" target="_blank" class="ke-link">https://creativecommons.org/licenses/by/4.0/deed.ko</a>" /> <br>    </Work> <br>    <License rdf:about="<a href="https://creativecommons.org/licenses/by/4.0/deed.ko" target="_blank" class="ke-link">https://creativecommons.org/licenses/by/4.0/deed.ko</a>"> <br>        <permits rdf:resource="<a href="https://web.resource.org/cc/Reproduction" target="_blank" class="ke-link">https://web.resource.org/cc/Reproduction</a>"/> <br>        <permits rdf:resource="<a href="https://web.resource.org/cc/Distribution" target="_blank" class="ke-link">https://web.resource.org/cc/Distribution</a>"/> <br>        <requires rdf:resource="<a href="https://web.resource.org/cc/Notice" target="_blank" class="ke-link">https://web.resource.org/cc/Notice</a>"/> <br>        <requires rdf:resource="<a href="https://web.resource.org/cc/Attribution" target="_blank" class="ke-link">https://web.resource.org/cc/Attribution</a>"/> <br>        <permits rdf:resource="<a href="https://web.resource.org/cc/DerivativeWorks" target="_blank" class="ke-link">https://web.resource.org/cc/DerivativeWorks</a>"/> <br><br>    </License> <br></rdf:RDF> <br>-->  <div data-tistory-react-app="SupportButton"></div> <br></div> <br><br>                    <!-- PostListinCategory - START --> <br><div class="another_category another_category_color_gray"> <br>  <h4>'<a href="/category/DaumEditor">DaumEditor</a>' 카테고리의 다른 글</h4> <br>  <div class="table-wrap"><table> <br>    <tbody><tr> <br>      <th><a href="/554">[DaumEditor] 다음 오픈 멀티 에디터 제작</a>&nbsp;&nbsp;<span>(0)</span></th> <br>      <td>2017.05.29</td> <br>    </tr> <br>    <tr> <br>      <th><a href="/556">[DaumEditor] 다음 에디터 팝업창 오픈 하여 사용하기.</a>&nbsp;&nbsp;<span>(0)</span></th> <br>      <td>2016.12.05</td> <br>    </tr> <br>    <tr> <br>      <th><a href="/553">[DaumEditor] 다음 에디터 사진첨부(uploadify) 기능 추가하기.</a>&nbsp;&nbsp;<span>(10)</span></th> <br>      <td>2016.11.17</td> <br>    </tr> <br>  </tbody></table></div> <br></div> <br><br><!-- PostListinCategory - END --> <br><br>    </div> <br>     <br><br>     <br>      <div class="related-articles"> <br>        <h2><strong>'DaumEditor'</strong> Related Articles</h2> <br>        <ul> <br>           <br>            <li> <br>              <a href="/554?category=711795"> <br>                <span class="thum"> <br>                   <br>                    <img src="//i1.daumcdn.net/thumb/C200x200/?fname=<a href="https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F273466385833ABFB19" target="_blank" class="ke-link">https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F273466385833ABFB19</a>" alt=""> <br>                   <br>                </span> <br>                <span class="title">[DaumEditor] 다음 오픈 멀티 에디터 제작</span> <br>              </a> <br>            </li> <br>           <br>            <li> <br>              <a href="/556?category=711795"> <br>                <span class="thum"> <br>                   <br>                    <img src="//i1.daumcdn.net/thumb/C200x200/?fname=<a href="https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F21520D4558451F7534" target="_blank" class="ke-link">https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F21520D4558451F7534</a>" alt=""> <br>                   <br>                </span> <br>                <span class="title">[DaumEditor] 다음 에디터 팝업창 오픈 하여 사용하기.</span> <br>              </a> <br>            </li> <br>           <br>            <li> <br>              <a href="/553?category=711795"> <br>                <span class="thum"> <br>                   <br>                    <img src="//i1.daumcdn.net/thumb/C200x200/?fname=<a href="https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F241D6A49582D724921" target="_blank" class="ke-link">https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F241D6A49582D724921</a>" alt=""> <br>                   <br>                </span> <br>                <span class="title">[DaumEditor] 다음 에디터 사진첨부(uploadify) 기능 추가하기.</span> <br>              </a> <br>            </li> <br>           <br>        </ul> <br>      </div> <br>     <br><br>    <div data-tistory-react-app="Namecard"><div class="tt_box_namecard"><div class="tt_cont"><a href="<a href="https://wickedmagic.tistory.com" target="_blank" class="ke-link">https://wickedmagic.tistory.com</a>" class="tt_tit_cont">사악미소의 현대마법의 공방</a><a href="<a href="https://wickedmagic.tistory.com" target="_blank" class="ke-link">https://wickedmagic.tistory.com</a>" class="tt_desc">사악미소 님의 블로그입니다.</a><button type="button" class="tt_btn_subscribe"><span class="tt_txt_g">구독하기</span><span class="tt_img_area_reply tt_ico_cross"></span></button></div><a href="<a href="https://wickedmagic.tistory.com" target="_blank" class="ke-link">https://wickedmagic.tistory.com</a>" class="tt_wrap_thumb"><span class="tt_thumb_g" style="background-image: url(&quot;<a href="https://img1.daumcdn.net/thumb/S56x56/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F1962B8414EF32DD630&quot;);" target="_blank" class="ke-link">https://img1.daumcdn.net/thumb/S56x56/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F1962B8414EF32DD630&quot;);</a>"></span></a></div></div><div id="entry552Comment"> <br>      <div data-tistory-react-app="Comment"><div class="tt-comment-cont"><div class="tt-box-total"><span class="tt_txt_g">댓글</span><span class="tt_num_g">1</span></div><div class="tt-area-reply"><ul class="tt-list-reply"><li class="tt-item-reply rp_general"><div class="tt-wrap-cmt"><div class="tt-box-thumb"><a><span class="tt-thumbnail" style="background-image: url(&quot;<a href="https://img1.daumcdn.net/thumb/C88x88/?fname=https%3A%2F%2Ft1.daumcdn.net%2Ftistory_admin%2Fblog%2Fadmin%2Fprofile_default_06.png&quot;);" target="_blank" class="ke-link">https://img1.daumcdn.net/thumb/C88x88/?fname=https%3A%2F%2Ft1.daumcdn.net%2Ftistory_admin%2Fblog%2Fadmin%2Fprofile_default_06.png&quot;);</a>"></span></a></div><div class="tt-box-content"><div class="tt-box-meta"><a target="_blank" rel="noreferrer" class="tt-link-user">뚀정</a></div><div class="tt-wrap-desc"><p class="tt_desc">다음 웹 에디터 다 따라해봤는데 안됐는데<br><br>됍니다 ㅠㅠㅠ 정말 감사합니다 ㅠㅠㅠ 복받으실꺼예요 2017년도 복 다가져 가세요 !!!!!!!!!!!!!!!!</p></div><div class="tt-wrap-info"><span class="tt_date">2017. 2. 22. 13:29</span><span class="tt-wrap-link-comment"><a href="#" class="tt-link-comment"><span class="tt_txt_g">답글</span></a></span></div><div class="tt-box-modify"><button type="button" class="tt_img_area_reply tt-button-modify">더보기</button><ul class="tt-list-modify"><li><a href="#">수정</a></li><li><a href="#">삭제</a></li><li><a href="#">신고</a></li><li><a href="#">링크복사</a></li></ul></div><div class="tt_box_pwd" style="display: none;"><form class="tt_form_pwd"><fieldset><legend class="screen_out">비밀번호 입력</legend><input class="tt_inp_g" type="password" title="비밀번호" placeholder="비밀번호를 입력하세요." maxlength="12" value=""><button type="submit" class="tt_btn_submit" disabled=""><span class="tt_img_area_reply tt_ico_check">입력하기</span></button></fieldset></form></div></div></div></li></ul></div><form style="margin: 0px;"><div class="tt-area-write"><div class="tt-box-thumb"><span class="tt-thumbnail" style="background-image: url(&quot;<a href="https://img1.daumcdn.net/thumb/C88x88/?fname=https%3A%2F%2Ft1.daumcdn.net%2Ftistory_admin%2Fblog%2Fadmin%2Fprofile_default_06.png&quot;);" target="_blank" class="ke-link">https://img1.daumcdn.net/thumb/C88x88/?fname=https%3A%2F%2Ft1.daumcdn.net%2Ftistory_admin%2Fblog%2Fadmin%2Fprofile_default_06.png&quot;);</a>"></span></div><div class="tt_wrap_write"><div class="tt-box-account"><input type="text" title="이름" placeholder="이름" maxlength="32" value=""><input type="password" title="비밀번호" maxlength="12" placeholder="비밀번호" value=""></div><div class="tt-box-textarea"><div class="tt-inner-g"><div contenteditable="true" placeholder="내용을 입력하세요." class="tt-cmt"></div></div></div><div class="tt-box-write"><label class="tt-xe-label"><input type="checkbox" id="secret"><span class="tt_img_area_reply tt-xe-input-helper"></span><span class="tt-xe-label-text">비밀글</span></label><button type="submit" class="tt-btn_register" disabled="">등록</button></div></div></div></form></div></div> <br><br>    </div> <br><script type="text/javascript">loadedComments[552]=true; <br>findFragmentAndHighlight(552);</script> <br><br><br>   <br><br>         <br>     <br>          </div> <br><br>           <br><br>           <br><br>           <br><br>        </article> <br>        <aside id="aside"> <br>          <div class="inner"> <br>            <div class="sidebar-1"> <br>               <br>                  <!-- 공지사항 --> <br>                   <br>                    <div class="posts"> <br>                      <h2>공지사항</h2> <br>                      <ul> <br>                         <br>                      </ul> <br>                    </div> <br>                   <br>                 <br>                  <!-- 최근 포스트 --> <br>                  <div class="posts"> <br>                    <h2>최근 포스트</h2> <br>                    <ul> <br>                       <br>                        <li><a href="/597">블로그 폐쇄 합니다.</a></li> <br>                       <br>                        <li><a href="/596">[AJAX] 파일 업로드 하고 썸네일 생성하기</a></li> <br>                       <br>                        <li><a href="/595">[jQuery] 이미지 슬라이드 제작</a></li> <br>                       <br>                        <li><a href="/594">[jQuery] 쇼핑몰 상품박스 예제</a></li> <br>                       <br>                    </ul> <br>                  </div> <br>                 <br>            </div> <br><br>            <div class="sidebar-2"> <br>               <br>                  <!-- 태그 --> <br>                  <div class="tags"> <br>                    <h2>태그</h2> <br>                    <div class="items"> <br>                       <br>                        <a href="/tag/CKEditor">CKEditor</a> <br>                       <br>                        <a href="/tag/TCPDF">TCPDF</a> <br>                       <br>                        <a href="/tag/php">php</a> <br>                       <br>                        <a href="/tag/%EC%BD%94%EB%93%9C%EC%9D%B4%EA%B7%B8%EB%82%98%EC%9D%B4%ED%84%B0">코드이그나이터</a> <br>                       <br>                        <a href="/tag/CK%EC%97%90%EB%94%94%ED%84%B0">CK에디터</a> <br>                       <br>                        <a href="/tag/Premiere%20Pro">Premiere Pro</a> <br>                       <br>                        <a href="/tag/CodeIgniter">CodeIgniter</a> <br>                       <br>                        <a href="/tag/Masonry">Masonry</a> <br>                       <br>                        <a href="/tag/jQuery">jQuery</a> <br>                       <br>                        <a href="/tag/%ED%94%84%EB%A6%AC%EB%AF%B8%EC%96%B4%20%ED%94%84%EB%A1%9C">프리미어 프로</a> <br>                       <br>                    </div> <br>                    <a href="/tag" class="more">더보기</a> <br>                  </div> <br>                 <br>            </div> <br><br>            <div class="sidebar-3"> <br>               <br>                  <!-- 검색 --> <br>                  <div class="search"> <br>                    <h2>검색</h2> <br>                     <br>                      <fieldset> <br>                        <label for="search" class="screen_out">블로그 내 검색</label> <br>                        <input id="search" type="text" name="search" value="" placeholder="검색내용을 입력하세요." xxxxonkeypress="if (event.keyCode == 13 ) { try { <br>    window.location.href = '/search' + '/' + looseURIEncode(document.getElementsByName('search')[0].value); <br>    document.getElementsByName('search')[0].value = ''; <br>    return false; <br>} catch (e) {} }"> <br>                        <button type="button" xxxxonclick="try { <br>    window.location.href = '/search' + '/' + looseURIEncode(document.getElementsByName('search')[0].value); <br>    document.getElementsByName('search')[0].value = ''; <br>    return false; <br>} catch (e) {}">검색</button> <br>                      </fieldset> <br>                     <br>                  </div> <br>                 <br>                  <!-- 전체 방문자 --> <br>                  <div class="count"> <br>                    <h2>전체 방문자</h2> <br>                    <p class="total">1,486,803</p> <br>                    <ul> <br>                      <li><strong>오늘</strong>457</li> <br>                      <li><strong>어제</strong>459</li> <br>                    </ul> <br>                  </div> <br>                 <br>            </div> <br>          </div> <br>        </aside> <br>      </section> <br>      <hr> <br>       <br>      <footer id="footer"> <br>        <p class="copyright">DESIGN BY <a href="#">TISTORY</a> <a href="<a href="https://wickedmagic.tistory.com/manage" target="_blank" class="ke-link">https://wickedmagic.tistory.com/manage</a>" class="admin">관리자</a></p> <br>      </footer> <br>    </div> <br>    <script src="<a href="https://tistory1.daumcdn.net/tistory/0/pg_Whatever/images/script.js" target="_blank" class="ke-link">https://tistory1.daumcdn.net/tistory/0/pg_Whatever/images/script.js</a>"></script> <br>   <br><div class="#menubar menu_toolbar "> <br>  <h2 class="screen_out">티스토리툴바</h2> <br></div> <br><div class="#menubar menu_toolbar "></div> <br><div class="layer_tooltip"> <br>  <div class="inner_layer_tooltip"> <br>    <p class="desc_g"></p> <br>  </div> <br></div> <br><iframe id="editEntry" style="position:absolute;width:1px;height:1px;left:-100px;top:-100px" src="//wickedmagic.tistory.com/api"></iframe> <br><br>                        <!-- CallBack - START --> <br>        <script>                    (function () {  <br>                        var blogTitle = '사악미소의 현대마법의 공방'; <br>                         <br>                        (function () { <br>    function isShortContents () { <br>        return window.getSelection().toString().length < 30; <br>    } <br>    function isCommentLink (elementID) { <br>        return elementID === 'commentLinkClipboardInput' <br>    } <br><br>    function copyWithSource (event) { <br>        if (isShortContents() || isCommentLink(event.target.id)) { <br>            return; <br>        } <br>        var range = window.getSelection().getRangeAt(0); <br>        var contents = range.cloneContents(); <br>        var temp = document.createElement('div'); <br><br>        temp.appendChild(contents); <br><br>        var url = document.location.href; <br>        var decodedUrl = decodeURI(url); <br>        var postfix = ' [' + blogTitle + ':티스토리]'; <br><br>        event.clipboardData.setData('text/plain', temp.innerText + '\n출처: ' + decodedUrl + postfix); <br>        event.clipboardData.setData('text/html', '<pre data-ke-type="codeblock">' + temp.innerHTML + '</pre>' + '출처: <a href="' + url + '">' + decodedUrl + '</a>' + postfix); <br>        event.preventDefault(); <br>    } <br><br>    document.addEventListener('copy', copyWithSource); <br>})() <br><br>                    })()</script> <br><br>        <!-- CallBack - END --> <br><br><!-- DragSearchHandler - START --> <br><script src="//search1.daumcdn.net/search/statics/common/js/g/search_dragselection.min.js"></script> <br><br><!-- DragSearchHandler - END --> <br><br>                 <br>                <script>            (function (win, doc, src) { <br>    win.Wpm = win.Wpm || function (name, param) { <br>        win.Wpm.queue = win.Wpm.queue || []; <br>        const { queue } = win.Wpm; <br>        queue.push([name, param]); <br>    }; <br>    const script = doc.createElement('script'); <br>    script.src = src; <br>    script.async = 1; <br>    const [elem] = doc.getElementsByTagName('script'); <br>    elem.parentNode.insertBefore(script, elem); <br>})(window, document, '<a href="https://t1.kakaocdn.net/malibu_prod/normal_wpm.js');" target="_blank" class="ke-link">https://t1.kakaocdn.net/malibu_prod/normal_wpm.js');</a><br>            const APP_KEY = 'fd21bd1c091849f9a2555e49c43a73dd'; <br>            Wpm('appKey', APP_KEY);</script> <br><script type="text/javascript">(function($) { <br>    $(document).ready(function() { <br>        lightbox.options.fadeDuration = 200; <br>        lightbox.options.resizeDuration = 200; <br>        lightbox.options.wrapAround = false; <br>        lightbox.options.albumLabel = "%1 / %2"; <br>    }) <br>})(tjQuery);</script> <br><div style="margin:0; padding:0; border:none; background:none; float:none; clear:none; z-index:0"></div> <br><script type="text/javascript" src="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/script/common.js" target="_blank" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/script/common.js</a>"></script> <br><script type="text/javascript">window.roosevelt_params_queue = window.roosevelt_params_queue || [{channel_id: 'dk', channel_label: '{tistory}'}]</script> <br><script type="text/javascript" src="//t1.daumcdn.net/midas/rt/dk_bt/roosevelt_dk_bt.js" async="async"></script> <br><script type="text/javascript" src="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/script/menubar.min.js" target="_blank" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-20727ff99067657a6f16db1ece6ce2f18c274e00/static/script/menubar.min.js</a>"></script> <br><br>                 <br>                <script>window.tiara = {"svcDomain":"user.tistory.com","section":"글뷰","trackPage":"글뷰_보기","page":"글뷰","key":"885720-552","customProps":{"userId":"0","blogId":"885720","entryId":"552","role":"guest","trackPage":"글뷰_보기","filterTarget":false},"entry":{"entryId":"552","categoryName":"DaumEditor","categoryId":"711795","author":"580790","image":"cfile26.uf@22103B37582D3D2A331F35.jpg","plink":"/552","tags":[]},"kakaoAppKey":"3e6ddd834b023f24221217e370daed18","appUserId":"null"}</script> <br><script type="module" src="<a href="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.0/index.js" target="_blank" class="ke-link">https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.0/index.js</a>"></script> <br><script src="<a href="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.0/polyfills-legacy.min.js" target="_blank" class="ke-link">https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.0/polyfills-legacy.min.js</a>" nomodule="true" defer="true"></script> <br><script src="<a href="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.0/index-legacy.js" target="_blank" class="ke-link">https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.0/index-legacy.js</a>" nomodule="true" defer="true"></script> <br><br>                 <br><br><div id="lightboxOverlay" class="lightboxOverlay" style="width: 1868px; height: 40241px; display: block;"></div><div id="lightbox" class="lightbox" style="display: block; top: 17450px; left: 0px;"><div class="lb-outerContainer" style="width: 792px; height: 681px;"><div class="lb-container"><img class="lb-image" src="<a href="https://t1.daumcdn.net/cfile/tistory/22103B37582D3D2A33?original" target="_blank" class="ke-link">https://t1.daumcdn.net/cfile/tistory/22103B37582D3D2A33?original</a>" style="display: block; width: 784px; height: 673px;" alt="null"><div class="lb-nav" style="display: block; pointer-events: auto;"><a class="lb-prev" href="" style="display: block;"></a><a class="lb-next" href="" style="display: block;"></a></div><div class="lb-loader" style="display: none; opacity: 0;"><a class="lb-cancel"></a></div></div></div><div class="lb-dataContainer" style="display: block; width: 792px;"><div class="lb-data"><div class="lb-details"><span class="lb-caption" style="display: none;"></span><span class="lb-number">9 / 10</span></div><div class="lb-closeContainer"><a class="lb-close"></a></div></div></div></div></body><div class="notranslate" style="position: absolute; top: 0; right:0;" id="vd-root-d19608294"></div></html></span></p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p><span style="font-family: 'Noto Serif KR';"><a href="https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default" target="_blank" class="ke-link">https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default</a></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>HTML tag  위즈윅 ++</b></span></p>
<!-- -->
]]>
첫댓글 https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default
<iframe id="editEntry" style="position:absolute;width:1px;height:1px;left:-100px;top:-100px" src="//wickedmagic.tistory.com/api"></iframe>
https://wickedmagic.tistory.com/552
https://wickedmagic.tistory.com/552?category=711795