<!DOCTYPE html><html lang="ko"><head> <title>와플보드 - 커뮤니티 사이트 제작 솔루션</title><meta name="robots" content="index,follow" /><meta name="viewport" content="width=device-width" /><link rel="icon" type="image/png" sizes="512x512" href="https://static.waffleboard.io/static/assets/favicon/favicon-512.png"/><link rel="icon" type="image/png" sizes="300x300" href="https://static.waffleboard.io/static/assets/favicon/favicon-300.png"/><link rel="icon" type="image/png" sizes="180x180" href="https://static.waffleboard.io/static/assets/favicon/favicon-180.png"/><link rel="icon" type="image/png" sizes="96x96" href="https://static.waffleboard.io/static/assets/favicon/favicon-96.png"/><link rel="icon" type="image/png" sizes="32x32" href="https://static.waffleboard.io/static/assets/favicon/favicon-32.png"/><link rel="icon" type="image/png" sizes="16x16" href="https://static.waffleboard.io/static/assets/favicon/favicon-16.png"/><link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet"/><meta name="naver-site-verification" content="d3247cf7fadbbe4c2a98c5faa754b23429df1057"/><style> :root { --main-color: #00ffa8; --main-color-hover: #00d58e; --main-background-color: #c4ffeb; --main-background-color-hover: #68ffcd; } html.active, body.active { height: 100%; overflow-y: hidden; } body { font-family: "Noto Sans KR", sans-serif; /* font-family: Arial, Helvetica, sans-serif; */ } a { color: #000; text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-weight: bold; } h1 { font-size: 3em; } main { width: 1250px; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 50px; margin: 0 auto; } button { cursor: pointer; } .bold { font-weight: bold; } .wrap { width: 1250px; } @media (max-width: 1250px) { h1 { font-size: 9vw; } h2 { font-size: 6vw; } .wrap { width: 100%; padding: 0 10px; } main { width: 100%; padding: 0 10px; } } #pagination { display: flex; justify-content: center; align-items: center; flex-direction: row; gap: 20px; } #pagination a { display: flex; background-color: #eee; padding: 8px 12px; border-radius: 4px; } #pagination a:hover { background-color: #ccc; } /* Flash */ #flash { position: fixed; top: 20px; right: 20px; min-width: 300px; width: fit-content; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; color: #000; box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.06); box-sizing: border-box; z-index: 10; } #flash.active { display: none; } #flash.trueBackground { background-color: #10b886; } #flash.falseBackground { background-color: #e74c3c; } #flash .message { display: flex; justify-content: center; align-items: center; color: #fff; padding: 20px; padding-right: 40px; padding-bottom: 26px; } #flash .bar { position: absolute; left: 0; bottom: 0; width: 100%; height: 6px; background-color: rgba(255, 255, 255, 0.5); animation: barClose 5s; } @keyframes barClose { from { width: 100%; } to { width: 0; } } #flash .close { position: absolute; top: 10px; right: 10px; cursor: pointer; } #flash .close svg { width: 16px; height: 16px; color: rgba(255, 255, 255, 0.6); } /* Banner */ #banners { width: 1080px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } #banners .banner { display: flex; justify-content: center; align-items: center; } #banners .banner a { display: flex; justify-content: center; align-items: center; } #banners .banner img { max-width: 100%; width: 100%; } @media (max-width: 1250px) { #banners { width: 100%; grid-template-columns: repeat(1, 1fr); padding: 0 10px; } #banners .banner img { max-width: 100%; width: 100%; } } /* contact */ main #contact { font-weight: bold; padding: 40px 0; box-sizing: border-box; } main #contact .items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } main #contact .items a { display: flex; justify-content: center; align-items: center; padding: 20px 60px; border-radius: 4px; font-size: 1.2em; background-color: rgba(0, 0, 0, 0.03); } main #contact .items div { display: flex; justify-content: center; align-items: center; padding: 0; margin: 0; } main #contact .items img { width: 18px; height: 18px; margin-right: 10px; } main #contact .items a:hover { background-color: rgba(0, 0, 0, 0.06); } main #contact .kakao { /* background-color: #FFDC00; */ cursor: pointer; } main #contact .telegram { /* background-color: #179CDE; */ } @media (max-width: 1250px) { main #contact .items { grid-template-columns: repeat(1, 1fr); } }</style><link rel="stylesheet" href="/output.css?v=1"><!-- Google tag (gtag.js) --><script async src="https://www.googletagmanager.com/gtag/js?id=AW-11283557108"></script><script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag("js", new Date()); gtag("config", "AW-11283557108");</script><!-- Event snippet for 문의하기 conversion pageIn your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. --><script> function gtag_report_conversion(url) { var callback = function () { if (typeof url != "undefined") { window.location = url; } }; gtag("event", "conversion", { send_to: "AW-11283557108/VONwCNuv5tcYEPTVtYQq", event_callback: callback, }); return false; }</script><script> const contactCheck = () => { console.log("contactCheck"); // Google gtag_report_conversion(); // Naver };</script><!-- Google tag (gtag.js) --><script async src="https://www.googletagmanager.com/gtag/js?id=G-28VM744291"></script><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-28VM744291');</script><script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "k1dd1shkgv");</script><style> @view-transition { navigation: auto; }</style> <meta name="description" content="커뮤니티 사이트 만들기, 게시판 프로그램, 구글 애드센스, 쿠팡파트너스, 워드프레스, 네이버블로그, 티스토리, SEO, 커뮤니티 순위, 제작, 구축 솔루션."/> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" integrity="sha512-1cK78a1o+ht2JcaW6g8OXYwqpev9+6GqOkz9xmBN9iUUhIndKtxwILGWYOSibOKjLsEdjyjZvYDq/cZwNeak0w==" crossorigin="anonymous" referrerpolicy="no-referrer" /></head><body class="bg-gradient-to-br from-green-400/5 via-emerald-300/10 to-teal-200/10 bg-pattern"><!-- Global site tag (gtag.js) - Google Ads: 778486207 --><script async src="https://www.googletagmanager.com/gtag/js?id=AW-778486207"></script><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-778486207');</script> <script> const flash = document.querySelector('#flash'); if (flash) { const flashClose = flash.querySelector('.close'); flashClose.addEventListener('click', () => { flash.classList.toggle('active'); }); setTimeout(() => { flash.style.display = 'none'; }, 5000); }</script><style> header { position: fixed; top: 0; left: 0; width: 100%; display: flex; justify-content: center; align-items: center; height: 80px; border-bottom: 0.5px solid rgba(0, 0, 0, 0.1); background-color: #fff; z-index: 3; box-sizing: border-box; } header .toggleBtn { display: none; justify-content: center; align-items: center; cursor: pointer; } header .wrap { height: 100%; display: flex; justify-content: center; align-items: center; } header .logo { padding: 10px 0; } header .logo img { max-width: 260px; } header .navWrap { flex: 1; } header nav { flex: 1; display: flex; justify-content: space-between; align-items: center; height: 100%; } header nav .main { flex: 1; display: flex; justify-content: flex-end; align-items: center; } header nav .main > li { height: 100%; position: relative; } header nav .main > li > a { height: 100%; font-size: 1.1em; font-weight: 400; display: flex; justify-content: center; align-items: center; gap: 6px; z-index: 3; padding: 0 12px; } header nav .main > li > a:hover::after { background-color: #00ffa8; } header nav .main > li > a svg { width: 12px; height: 12px; color: #888; } header .mypage { display: flex; justify-content: center; align-items: center; font-size: 0.9em; } header .mypage .slash { font-size: 0.3em; color: rgba(0, 0, 0, 0.3); padding: 0 6px; } @media (min-width: 1251px) { header .wrap { gap: 80px; } header nav .main { height: 100%; } header nav .main li > a::after { position: absolute; bottom: 32px; content: ""; width: 80%; height: 5px; z-index: -1; } header nav .main > li > a:hover::after { border-radius: 5px; } header nav .main > li:hover > ul { display: flex; } header nav .main > li > ul { position: absolute; top: 78px; left: 50%; transform: translate(-50%, 0); display: none; justify-content: center; align-items: center; flex-direction: column; background-color: #fff; border: 2px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; } header nav .main > li > ul > li { display: flex; justify-content: center; align-items: center; } header nav .main > li > ul > li > a { display: flex; justify-content: center; align-items: center; padding: 14px 40px; } header nav .main > li > ul > li > a:hover { background-color: rgba(0, 0, 0, 0.1); } header .navWrap .navBackground { display: none; } } @media (max-width: 1250px) { header { height: unset; border: 0; } header .toggleBtn { position: absolute; top: 0; right: 0; width: 70px; height: 70px; display: flex; z-index: 10; } header .toggleBtn svg { color: #000; width: 22px; height: 22px; } header .wrap { flex-direction: column; } header .logo { width: 100%; height: 70px; padding: 0; display: flex; justify-content: flex-start; padding: 0 20px; align-items: center; box-sizing: border-box; z-index: 5; } header .logo img { max-height: 22px; } header .navWrap { display: none; } header .navWrap.active { display: flex; } header nav { position: fixed; top: 0; right: 0; width: 70%; height: 100vh; display: flex; justify-content: flex-start; flex-direction: column; background-color: #fff; padding-left: 10px; padding-right: 10px; box-sizing: border-box; z-index: 10; } header nav.active { display: flex; } header nav .main { width: 100%; flex-direction: column; } header nav .main > li { width: 100%; margin-bottom: 10px; background-color: rgba(0, 0, 0, 0.05); border-radius: 4px; box-sizing: border-box; } header nav .main > li > a { width: 100%; padding: 10px 0; } header nav .main > li:hover { background-color: rgba(0, 0, 0, 0.1); } header nav .main > li > ul { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; } header nav .main > li > ul > li { display: flex; justify-content: center; align-items: center; width: 100%; } header nav .main > li > ul > li > a { width: 100%; display: flex; justify-content: center; align-items: center; padding: 10px 0; border-radius: 4px; box-sizing: border-box; } header nav .main > li > ul > li > a:hover { font-weight: bold; } header .main { order: 2; } header .mypage { order: 1; padding: 20px 0; } header .mypage li a:hover { font-weight: bold; } header .navWrap .navBackground { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); cursor: pointer; z-index: 2; } }</style><header> <div class="toggleBtn"> <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px" > <path fill="currentColor" d="M 0 2 L 0 4 L 24 4 L 24 2 Z M 0 11 L 0 13 L 24 13 L 24 11 Z M 0 20 L 0 22 L 24 22 L 24 20 Z" /> </svg> </div> <div class="wrap"> <div class="logo"> <a href="/" ><img src="https://static.waffleboard.io/static/assets/logo.svg" alt="와플보드" /></a> </div> <div class="navWrap"> <nav> <ul class="main"> <li> <a href="/features">제품 특징</a> </li> <li> <a href="/themes">테마</a> </li> <li> <a href="/plugins">플러그인</a> </li> <li> <a href="/customers">고객사</a> </li><!-- <li>--><!-- <a href="/payment">결제</a>--><!-- </li>--> <li> <a href="/ranking">커뮤니티 순위</a> </li><!-- <li>--><!-- <a href="https://page-ready.com" class="relative">--><!-- 홈페이지 AI 통제작--><!-- <span class="text-red-500 text-xs px-1 py-0.5 ml-1 absolute left-0 -top-1/2 font-bold animate-bounce hidden md:block">new</span>--><!-- </a>--><!-- </li>--> <li> <a href="/blog">블로그</a> </li> <li> <a href="https://waffledocs.com/" target="_blank" > <div>메뉴얼</div> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" > <path fill="currentColor" d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z" /> </svg> </a> </li> </ul> </nav> <div class="navBackground"></div> </div> </div></header><script> const html = document.querySelector("html"); const body = document.querySelector("body"); const navWrap = document.querySelector(".navWrap"); const navBackground = document.querySelector(".navBackground"); const toggleBtn = document.querySelector(".toggleBtn"); if (toggleBtn) { toggleBtn.addEventListener("click", () => { navWrap.classList.toggle("active"); html.classList.toggle("active"); body.classList.toggle("active"); }); } if (navBackground) { navBackground.addEventListener("click", () => { navWrap.classList.toggle("active"); html.classList.toggle("active"); body.classList.toggle("active"); }); }</script> <main class="!w-full"> <section class="grid grid-cols-1 md:grid-cols-3 gap-9 container max-w-7xl mx-auto mx-4"> <div class="col-span-1 md:col-span-2 md:row-span-3 box" data-aos="zoom-in-right" data-aos-duration="500"> <h1 class="text-4xl font-bold mb-5">코딩 지식이 필요없는 커뮤니티 사이트 만들기 ✨</h1> <div class="space-y-5"> <p class="leading-relaxed"> 누구나 쉽고 간단하게 커뮤니티와 홈페이지를!<br> 손쉬운 구축, 최적의 관리! 대한민국 대표 CMS 플랫폼, 와플보드와 함께하세요! </p> <img src="https://img.wafflecloud.cc/c.png" alt="waffleboard desktop and mobile screenshot" class="max-w-full h-auto mx-auto"> </div> </div> <a href="https://thelinkpro.org/" rel="nofollow" target="_blank"> <div class="box" data-aos="zoom-in-left" data-aos-duration="1000"> <h2 class="text-2xl font-bold mb-5">구글 네이버 SEO 상위노출 🚀</h2> <p> 구글 네이버 SEO 상위노출 작업까지! 링크프로와 함께하세요! </p> </div> </a> <a href="/features" class="box" data-aos="zoom-in-left" data-aos-duration="1500"> <h2 class="text-2xl font-bold mb-5">많이 찾는 기능들 다 있어요 📦</h2> <p class="leading-relaxed"> 다년간의 개발과 실전 테스트를 거친 다양한 기능과 검증된 솔루션을 저렴하게 제공해요! </p> </a> <div class="box" data-aos="zoom-in-left" data-aos-duration="2000"> <h2 class="text-2xl font-bold mb-5">한번 둘러보실래요? 🧑🏻💻</h2> <div class="space-y-4"> <a href="https://test.wafflecloud.cc" target="_blank" class="block text-center bg-[#00ffa8] py-3 rounded-lg hover:opacity-60 transition duration-200">테스트 사이트</a> <a href="https://carcarmoa.com" target="_blank" class="block text-center bg-gray-200 py-3 rounded-lg hover:bg-gray-300 transition duration-200">중고차 커뮤니티</a> <a href="https://daitta.wafflecloud.cc" target="_blank" class="block text-center bg-gray-200 py-3 rounded-lg hover:bg-gray-300 transition duration-200">명품 커뮤니티</a> </div> </div> <!-- <div class="box md:col-span-3 text-center" data-aos="zoom-in-up">--><!-- <h2 class="font-bold"><span class="animate-bounce inline-flex">💣 </span><time datetime="2024-10-29">2024년 10월 29일</time> 업데이트 <span class="animate-spin inline-flex">🌼</span></h2>--><!-- <p class="underline">"쇼핑몰 / 오픈마켓 / GPS 위치기반 게시글 기능 추가"</p>--><!-- <p>중고차/명품 커뮤니티 샘플 참고해주세요.</p>--><!-- </div>--> <div class="box md:col-span-1 md:row-span-2 relative min-h-96" data-aos="zoom-in-up"> <h2 class="text-xl lg:text-2xl font-bold break-keep whitespace-nowrap">자, 필요한거 다골라보세요! 💵</h2> <div class="absolute overflow-y-auto inset-0 px-10 mt-20 mb-16"> <div class="flex flex-col h-full"> <ul class="flex-grow"> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 무제한 회원 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 무제한 메뉴 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 무제한 게시판 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 실시간 채팅 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 무제한 배너 12곳 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 헤더/푸터 테마 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 폰트 10종 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 메인 위젯 13종 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 사이드바 위젯 10종 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 글로벌용 12개국어 지원 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 회원 등급/그룹 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 포인트 제도 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 광고 연동(쿠팡,알리,구글) </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 네이버로 로그인 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 카카토톡으로 로그인 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 페이스북으로 로그인 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 구글로 로그인 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> AI 자동 글쓰기 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 유튜브 크롤러 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> IP 차단 기능 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 관리자 보안 OTP </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 익명 게시판 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 비밀글 게시판(관리자,작성자만) </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 댓글 채택 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 답글 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 템플릿 시스템 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 게시글 수동 정렬 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 드래그 방지 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 첨부 파일 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 베스트 글 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 모바일 전용 하단 메뉴 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 쪽지 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 투표 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 출석체크 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> HTML 페이지 생성 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 이메일 알림 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 새글 회원 알림 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 새글 관리자 알림 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 구글 서치 콘솔 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 네이버 웹마스터 도구 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 구글 애널리틱스 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> RSS </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 사이트맵 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 이메일 인증 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 이미지 압축 </label> </li> <li> <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1" onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()"> <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]"> 서버 접속자 및 로그 </label> </li> </ul> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/countup.js/2.8.0/countUp.umd.js" integrity="sha512-ABdY/XvDDH+5fzlCDOk/NEmasevb1A/b13MhOQuVId6ajXR0v81M2IHbC5TDSWWi8FtlQQTqhqaVBJMCCGR/5w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <div class="absolute bottom-10 font-bold"> 총 금액 : <span id="price" class="text-lg"></span>원 </div> </div> <div class="col-span-1 md:col-span-2 box" data-aos="zoom-in-up"> <h2 class="text-2xl font-bold mb-5">문의 & 기능개발 요청 💬</h2> <div class="grid grid-cols-1 md:grid-cols-3 gap-5"> <a href="https://waffleboard.channel.io" target="_blank" class="flex items-center justify-center bg-[#00ffa8] py-5 rounded-lg hover:opacity-60 transition duration-200" onclick="contactCheck()">채팅 상담하기</a> <a href="http://pf.kakao.com/_xdfBYb/chat" target="_blank" class="flex items-center justify-center bg-gray-200 py-5 rounded-lg hover:bg-gray-300 transition duration-200" onclick="contactCheck()">카카오톡 채널</a> <a href="https://t.me/waffleboard" target="_blank" class="flex items-center justify-center bg-gray-200 py-5 rounded-lg hover:bg-gray-300 transition duration-200" onclick="contactCheck()">텔레그램</a> </div> </div> <div class="col-span-1 md:col-span-2 box" data-aos="zoom-in-up"> <h2 class="text-2xl font-bold mb-5">대표 클라이언트</h2> <div class="flex flex-wrap justify-center items-center gap-5"> <img src="https://static.waffleboard.io/client/lg.png" alt="LG CNS" class="h-12"> <img src="https://static.waffleboard.io/client/nc.png" alt="NC문화재단" class="h-12"> <img src="https://static.waffleboard.io/client/kpmg.png" alt="삼정KPMG" class="h-12"> <img src="https://static.waffleboard.io/client/brandi.png" alt="브랜디" class="h-12"> </div> </div> <div class="box" data-aos="zoom-in-up"> <h2 class="text-2xl font-bold mb-5">반응형 디자인 🖥️📱</h2> <div> 데스크탑, 태블릿, 모바일 등 보여지는 디스플레이 크기에 따라 자동으로 최적의 디자인으로 바뀌어요! </div> </div> <div class="box" data-aos="zoom-in-up"> <h2 class="text-2xl font-bold mb-5">손쉬운 테마 변경 🏞️</h2> <div> 디자인 어렵죠? 그래서 와플보드가 준비했어요! 헤더, 푸터, 폰트, 색상, 박스, 버튼 스타일까지! </div> </div> <div class="box" data-aos="zoom-in-up"> <h2 class="text-2xl font-bold mb-5">애플/안드로이드 앱 출시 📱</h2> <div> 애플/안드로이드 앱을 출시할 수 있어요! (별도구매) </div> </div> <a href="/customers" class="col-span-1 md:col-span-3 box" data-aos="zoom-in-up"> <h2 class="text-2xl font-bold mb-5">고객 운영 주제 예시 🐳</h2> <div class="flex flex-wrap justify-center gap-3"> <div class="bg-gray-100 px-4 py-2 rounded-lg">코인 커뮤니티</div> <div class="bg-gray-100 px-4 py-2 rounded-lg">스포츠 커뮤니티</div> <div class="bg-gray-100 px-4 py-2 rounded-lg">유머 커뮤니티</div> <div class="bg-gray-100 px-4 py-2 rounded-lg">종합 커뮤니티</div> <div class="bg-gray-100 px-4 py-2 rounded-lg">주식 커뮤니티</div> <div class="bg-gray-100 px-4 py-2 rounded-lg">유흥 커뮤니티</div> <div class="bg-gray-100 px-4 py-2 rounded-lg">한인 커뮤니티</div> <div class="bg-gray-100 px-4 py-2 rounded-lg">익명 커뮤니티</div> </div> </a> <div class="box col-span-1 md:col-span-3" data-aos="zoom-in-up"> <h2 class="text-2xl font-bold mb-5">한눈에 보는 커뮤니티 솔루션 비교 🎤</h2> <!-- <img src="https://img.wafflecloud.cc/comparison.png" alt="와플보드 워드프레스 그누보드 카페24 아임웹 비교">--> <table class="w-full max-w-[600px] mx-auto"> <thead> <tr class="*:font-normal text-sm border-b"> <th>제품</th> <th> 최소 기능 <br> <span class="text-xs text-gray-400">회원/게시판</span> </th> <th> 확장 기능 <br> <span class="text-xs text-gray-400">채팅/AI글쓰기</span> </th> <th> 커스텀 개발 <br> <span class="text-xs text-gray-400">맞춤제작</span> </th> <th> 서버 관리 <br> <span class="text-xs text-gray-400">해킹/디도스/최적화</span> </th> </tr> </thead> <tbody> <tr class="*:text-center border-b"> <td class="py-2">와플보드</td> <td>✅</td> <td>✅</td> <td>✅</td> <td>✅</td> </tr> <tr class="*:text-center border-b"> <td class="py-2">그*보드</td> <td>✅</td> <td>✅</td> <td>⚠️</td> <td></td> </tr> <tr class="*:text-center border-b"> <td class="py-2">워*프레스</td> <td>✅</td> <td>✅</td> <td>⚠️</td> <td></td> </tr> <tr class="*:text-center border-b"> <td class="py-2">카*24</td> <td>✅</td> <td>⚠️</td> <td></td> <td></td> </tr> <tr class="*:text-center"> <td class="py-2">아*웹</td> <td>✅</td> <td></td> <td></td> <td></td> </tr> <tr> <td colspan="5" class="text-xs text-gray-400 text-end">커스텀 개발자 공수 비용과 역량에 따라 퀄리티 상이</td> </tr> </tbody> </table> </div> </section> <div class="w-full marquee-container overflow-hidden pb-16" data-aos="zoom-in-up"> <div class="marquee-content flex gap-5 flex-nowrap *:min-w-96"> <a href="/features#feature1" class="col-span-1 box"> <h3 class="text-2xl font-bold mb-4">무제한 메뉴/게시판/회원 🌈</h3> <div>여러분의 상상력을 마음껏 펼쳐보세요! 메뉴, 게시판, 회원 수에 제한이 없어 원하는 대로 사이트를 키워나갈 수 있어요.</div> </a> <a href="/features#feature2" class="col-span-1 box"> <h3 class="text-2xl font-bold mb-4">소셜 로그인 지원 🌐</h3> <div>네이버, 카카오, 구글, 페이스북으로 간편하게 로그인해요. 클릭 한 번으로 가입 완료, 얼마나 편리한가요?</div> </a> <a href="/features#feature7" class="col-span-1 box"> <div class="plugin-badge">플러그인</div> <h3 class="text-2xl font-bold mb-4">똑똑한 크롤러 🕷️</h3> <div>원하는 사이트의 정보를 쏙쏙 뽑아 게시글로 등록해요! IP 차단? 걱정 마세요. 프록시와 쿠키 설정으로 스마트하게 해결해드립니다. 정보 수집이 이렇게 쉬웠다니!</div> </a> <a href="/features#feature8" class="col-span-1 box"> <div class="plugin-badge">플러그인</div> <h3 class="text-2xl font-bold mb-4">쇼핑의 즐거움 기프티콘샵 🎉</h3> <div>다양한 상품을 포인트로 구매하고 문자로 받아보세요! 커피 한 잔부터 맛집 상품권까지, 일상의 작은 행복을 선물해보는 건 어떨까요?</div> </a> <a href="/features#feature3" class="col-span-1 box"> <h3 class="text-2xl font-bold mb-4">실시간 채팅 내장 💬</h3> <div>전체, 1:1, 그룹 채팅으로 실시간 수다 타임! 사진도 보내고 대화도 나누고, 우리 더 가까워질 수 있어요.</div> </a> <a href="/features#feature9" class="col-span-1 box"> <div class="plugin-badge">플러그인</div> <h3 class="text-2xl font-bold mb-4">손쉬운 포인트 출금 신청 💰</h3> <div>열심히 모은 포인트를 간편한 출금 신청으로 여러분의 활동에 가치를 더해드립니다. 포인트가 쌓일수록 더 풍성해지는 혜택을 누려보세요!</div> </a> <a href="/features#feature4" class="col-span-1 box"> <h3 class="text-2xl font-bold mb-4">수익형 배너 시스템 💰</h3> <div>사이트 곳곳에 예쁜 배너를 달아보세요. 수익도 올리고 사이트도 꾸미고, 일석이조랍니다!</div> </a> <a href="/features#feature10" class="col-span-1 box"> <div class="plugin-badge">플러그인</div> <h3 class="text-2xl font-bold mb-4">텔레그램 실시간 연동 📱</h3> <div>텔레그램 채팅방과 실시간 연동! 이제 어디서든 대화에 참여할 수 있어요. 웹사이트, 모바일 앱, 텔레그램까지 끊김 없는 소통을 경험해보세요!</div> </a> <a href="/features#feature5" class="col-span-1 box"> <h3 class="text-2xl font-bold mb-4">다양한 광고 연동 💸</h3> <div>구글, 쿠팡, 알리익스프레스 광고로 수익의 폭을 넓혀보세요. 여러분의 사이트가 돈을 벌어다 줄 거예요!</div> </a> <a href="/features#feature6" class="col-span-1 box"> <h3 class="text-2xl font-bold mb-4">포인트 기반 회원 관리 제도 🏆</h3> <div>포인트, 등급, 그룹, 랭킹, 출석 체크로 회원들의 활동을 쑥쑥 늘려보세요. 우리 커뮤니티가 얼마나 활기차질지 기대돼요!</div> </a> <a href="/features#feature11" class="col-span-1 box"> <div class="plugin-badge">플러그인</div> <h3 class="text-2xl font-bold mb-4">설치 없이 푸시알림! 웹앱 📲</h3> <div>별도의 앱 설치 없이 홈 화면에 아이콘 추가만으로 앱처럼 사용해보세요! 푸시 알림으로 중요한 소식도 놓치지 않고 받아볼 수 있어요. 더 스마트해진 우리 커뮤니티를 경험해보세요!</div> </a> <a href="/features#feature12" class="col-span-1 box"> <h3 class="text-2xl font-bold mb-4">익명 커뮤니케이션 🔐</h3> <div>솔직한 이야기, 마음껏 나눠보세요. 익명으로 안전하게, 커뮤니티의 대화가 더 풍성해질 거예요.</div> </a> <a href="/features#feature13" class="col-span-1 box"> <div class="plugin-badge">플러그인</div> <h3 class="text-2xl font-bold mb-4">안전한 본인인증 🔐</h3> <div>휴대폰 번호로 간편하게 본인인증! 이름, 생년월일 체크는 물론 성인인증까지 가능해요. 신뢰할 수 있는 커뮤니티를 만들어가는 첫걸음, 함께 시작해볼까요?</div> </a> <a href="/features#feature14" class="col-span-1 box"> <h3 class="text-2xl font-bold mb-4">쪽지 시스템 📨</h3> <div>살짝살짝 귓속말하듯 은밀한 대화! 쪽지로 더 가까워지는 우리 커뮤니티, 어때요?</div> </a> <a href="/features#feature15" class="col-span-1 box"> <h3 class="text-2xl font-bold mb-4">메인/사이드 위젯 🧩</h3> <div>예쁜 위젯으로 사이트를 꾸며볼까요? 추가하고 뺐다 맘대로! 매일매일 새로운 느낌으로 변신해요.</div> </a> <a href="/features#feature16" class="col-span-1 box"> <div class="plugin-badge">플러그인</div> <h3 class="text-2xl font-bold mb-4">체험단 리뷰어 모집해요 🌟</h3> <div>체험단 모집부터 리뷰 작성까지, 모든 과정을 한 곳에서! 새로운 제품과 서비스를 경험하고 포인트도 받아가세요. 여러분의 솔직한 리뷰가 모두에게 도움이 됩니다!</div> </a> <a href="/features#feature17" class="col-span-1 box"> <div class="plugin-badge">플러그인</div> <h3 class="text-2xl font-bold mb-4">고품질 스트리밍 🎬</h3> <div>여러분의 영상을 빛나게 해드려요! 업로드하면 자동으로 최적의 화질로 인코딩됩니다. 안정적인 전용 서버로 끊김 없는 스트리밍을 즐기세요. 여러분의 콘텐츠, 더 멋지게 빛날 거예요!</div> </a> <a href="/features#feature18" class="col-span-1 box"> <h3 class="text-2xl font-bold mb-4">투표 시스템 🗳️</h3> <div>우리의 생각을 모아볼까요? 찬성? 반대? 다지선다 등 다양한 의견을 쉽게 모을 수 있어요. 모두의 목소리를 들어보세요!</div> </a> <a href="/features#feature19" class="col-span-1 box"> <h3 class="text-2xl font-bold mb-4">고급 템플릿 시스템 🖌️</h3> <div>여러분만의 독특한 디자인을 만들어보세요. 검색엔진에도 잘 보이고, 눈에도 확 들어오는 멋진 사이트를 만들 수 있어요!</div> </a> <a href="/features#feature21" class="col-span-1 box"> <div class="plugin-badge">플러그인</div> <h3 class="text-2xl font-bold mb-4">실시간 알림 서비스 🔔</h3> <div>새 글, 댓글, 쪽지가 올 때마다 팡팡! 알려드려요. 우리 커뮤니티의 소식, 놓치지 마세요!</div> </a> <a href="/features#feature22" class="col-span-1 box"> <h3 class="text-2xl font-bold mb-4">유튜브 크롤러 🎬</h3> <div>유튜브 영상이 쏘옥~ 게시판으로 들어와요. 풍성한 콘텐츠로 방문자들이 더 오래 머물고 싶어 할 거예요!</div> </a> </div> </div> <div class="w-full marquee-container -mt-20 overflow-hidden pb-16" data-aos="zoom-in-up"> <div class="marquee-content2 flex gap-5 flex-nowrap *:min-w-96"> <a href="/features#feature23" class="col-span-1 box"> <div class="plugin-badge">플러그인</div> <h3 class="text-2xl font-bold mb-4">한눈에 보는 캘린더 이벤트 📅</h3> <div>메인 화면에 깔끔한 달력을 추가했어요. 중요한 일정을 모두와 공유해보세요. 우리 커뮤니티의 특별한 날들, 놓치지 않고 함께 즐겨요!</div> </a> <a href="/features#feature24" class="col-span-1 box"> <div class="plugin-badge">플러그인</div> <h3 class="text-2xl font-bold mb-4">포인트를 주고 받고 🎁</h3> <div>회원 간 포인트 주고받기, 이제 가능해요! 감사의 마음, 축하의 마음을 포인트에 담아 전해보세요. 우리 사이 더 가까워지는 것 같지 않나요?</div> </a> <a href="/features#feature25" class="col-span-1 box"> <h3 class="text-2xl font-bold mb-4">고급 관리자 보안 🔑</h3> <div>2차 비밀번호로 철통보안! 관리자 계정을 지켜주니 안심하고 사이트를 운영하세요.</div> </a> <a href="/features#feature26" class="col-span-1 box"> <h3 class="text-2xl font-bold mb-4">글로벌 언어 지원 🌍</h3> <div>13개 언어로 전 세계 사람들과 이야기해요. 한국어부터 힌디어까지, 세계는 넓고 할 이야기는 많답니다!</div> </a> <a href="/features#feature27" class="col-span-1 box"> <div class="plugin-badge">플러그인</div> <h3 class="text-2xl font-bold mb-4">클릭 한 번으로 편리한 결제 💳</h3> <div>카드는 물론 네이버페이, 카카오페이, 토스 등 다양한 결제 수단을 제공해요. 원하는 방식으로 빠르고 안전하게 결제하세요. 편리함이 한 층 업그레이드됩니다!</div> </a> <a href="/features#feature28" class="col-span-1 box"> <h3 class="text-2xl font-bold mb-4">안전한 회원가입 인증 👤</h3> <div>문자나 이메일로 본인인증, 어렵지 않아요. 믿을 수 있는 회원들과 함께 즐거운 커뮤니티를 만들어가요!</div> </a> <a href="/features#feature29" class="col-span-1 box"> <div class="plugin-badge">플러그인</div> <h3 class="text-2xl font-bold mb-4">함께 성장하는 추천인 제도 🤝</h3> <div>친구를 초대하고 보상 포인트도 받고! 회원가입 시 추천인을 입력하면 두 분 모두에게 포인트를 드려요. 우리 커뮤니티, 함께 키워가요!</div> </a> <a href="/features#feature30" class="col-span-1 box"> <h3 class="text-2xl font-bold mb-4">모바일 전용 하단 메뉴 👆</h3> <div>앱처럼 쓱싹 움직이는 모바일 메뉴예요. 손가락 하나로 모든 걸 할 수 있다니, 얼마나 편리한가요?</div> </a> <a href="/features#feature31" class="col-span-1 box"> <div class="plugin-badge">플러그인</div> <h3 class="text-2xl font-bold mb-4">우리만의 작은 쇼핑몰 🛍️</h3> <div>상품 등록부터 구매, 배송 관리, 리뷰까지! 쇼핑몰 전용 메뉴로 편리한 쇼핑 경험을 제공해요. 우리 커뮤니티만의 특별한 상품을 만나보세요!</div> </a> <a href="/features#feature32" class="col-span-1 box"> <h3 class="text-2xl font-bold mb-4">HTML 페이지 생성 📝</h3> <div>나만의 특별한 페이지를 만들어볼까요? 주소까지 내 맘대로! 상상하는 모든 것을 현실로 만들어보세요.</div> </a> <a href="/features#feature33" class="col-span-1 box"> <h3 class="text-2xl font-bold mb-4">AI 자동 글쓰기 🤖</h3> <div>ChatGPT의 도움을 받아 제목부터 본문, 심지어 이미지까지 뚝딱! 예약 포스팅으로 꾸준한 글쓰기, 어렵지 않아요. 여러분의 커뮤니티가 쑥쑥 자라날 거예요!</div> </a> <a href="/features#feature34" class="col-span-1 box"> <div class="plugin-badge">플러그인</div> <h3 class="text-2xl font-bold mb-4">나만의 작은 공간, 블로그 📝</h3> <div>회원마다 특별한 블로그형 게시판을 드려요! 관심 있는 회원들과 팔로우하며 소통해보세요. 여러분만의 이야기로 가득한 작은 세상을 만들어보는 건 어떨까요?</div> </a> <a href="/features#feature35" class="col-span-1 box"> <h3 class="text-2xl font-bold mb-4">강력한 IP 차단 기능 🚫</h3> <div>불편한 사용자나 이상한 트래픽, 이제 안녕~ IP 차단으로 깨끗하고 안전한 커뮤니티를 만들어보세요. 여러분의 공간을 지켜드릴게요!</div> </a> <a href="/features#feature20" class="col-span-1 box"> <h3 class="text-2xl font-bold mb-4">다채로운 게시판 스타일 🎨</h3> <div>기본, 클래식, 사진, 북마크, 블로그형까지! 다양한 게시판 스타일로 눈이 즐거운 커뮤니티를 만들어보세요. 어떤 스타일을 고르실 건가요? 기대돼요!</div> </a> <a href="/features" class="col-span-1 box"> <h3 class="text-2xl font-bold mb-4">우와, 너무 많죠? 😮</h3> <div>하지만 어떡하죠? 아직 설명 드리지 않은 기능이 더 많아요! 한번 간단한 스크린샷과 함께 둘러볼까요?</div> </a> </div> </div> <style> .marquee-container .marquee-content { animation: marquee 20s linear infinite; } .marquee-container .marquee-content2 { animation: marquee 20s linear infinite reverse; } @keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } } </style> <div class="relative isolate" data-aos="zoom-in-up"> <div class="absolute inset-x-0 top-1/2 -z-10 -translate-y-1/2 transform-gpu overflow-hidden opacity-30 blur-3xl" aria-hidden="true"> <div class="ml-[max(50%,38rem)] aspect-[1313/771] w-[82.0625rem] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div> </div> <div class="absolute inset-x-0 top-0 -z-10 flex transform-gpu overflow-hidden pt-32 opacity-25 blur-3xl sm:pt-40 xl:justify-end" aria-hidden="true"> <div class="ml-[-22rem] aspect-[1313/771] w-[82.0625rem] flex-none origin-top-right rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] xl:ml-0 xl:mr-[calc(50%-12rem)]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div> </div> <div class="mx-auto max-w-7xl px-6 lg:px-8"> <div class="mx-auto max-w-xl text-center"> <h2 class="text-lg font-semibold leading-8 tracking-tight text-gray-600">고객님들의 생생한 목소리 📢 </h2> <p class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">우리의 자랑, 수천 명의 멋진 고객님들!</p> </div> <div class="mx-auto mt-16 grid max-w-2xl grid-cols-1 grid-rows-1 gap-8 text-sm leading-6 text-gray-900 sm:grid-cols-2 xl:mx-0 xl:max-w-none xl:grid-flow-col xl:grid-cols-4"> <figure class="rounded-2xl bg-white shadow-lg ring-1 ring-gray-900/5 sm:col-span-2 xl:col-start-2 xl:row-end-1"> <blockquote class="p-6 text-lg font-semibold leading-7 tracking-tight text-gray-900 sm:p-12 sm:text-xl sm:leading-8"> <p> “4개월간 여러 서비스를 살펴보다 13번의 다른 업체와의 미팅 끝에 와플보드를 발견했는데, 정말 눈이 번쩍 뜨이는 경험이었습니다. 숨고나 크몽은 500만원에서 800만원까지 부르는 서비스를 와플보드는 훨씬 저렴한 가격에 제공하면서도, 기능은 오히려 더 뛰어나더군요. 프리랜서와 사업자분들께 자신 있게 추천드립니다. 와플보드를 선택하면 시간과 비용을 크게 아끼실 수 있을 겁니다.” </p> </blockquote> </figure> <div class="space-y-8 xl:contents xl:space-y-0"> <div class="space-y-8 xl:row-span-2"> <figure class="rounded-2xl bg-white p-6 shadow-lg ring-1 ring-gray-900/5"> <blockquote class="text-gray-900"> <p>“와플보드 덕분에 회원 관리와 게시판 운영이 놀랍도록 수월해졌고, 특히 1:1 채팅 기능으로 회원 간 거래가 활성화되었습니다. '유저 제재', '공지사항 관리', '포인트 관리', '등급 설정', '게시판 분류' 등의 관리자 기능이 직관적이고 편리해서, 지금까지 사용해 본 어떤 솔루션보다 커뮤니티 운영이 원활해졌습니다.”</p> </blockquote> </figure> </div> <div class="space-y-8 xl:row-start-1"> <figure class="rounded-2xl bg-white p-6 shadow-lg ring-1 ring-gray-900/5"> <blockquote class="text-gray-900"> <p>“와플보드를 사용하면서 마치 싸이월드 꾸미는 느낌이 났는데, 프리셋에서 원하는 디자인을 골라 수정할 수 있어 같은 플랫폼 내에서도 매번 새로운 사이트처럼 꾸밀 수 있었습니다.”</p> </blockquote> </figure> <!-- More testimonials... --> </div> </div> <div class="space-y-8 xl:contents xl:space-y-0"> <div class="space-y-8 xl:row-start-1"> <figure class="rounded-2xl bg-white p-6 shadow-lg ring-1 ring-gray-900/5"> <blockquote class="text-gray-900"> <p>“일단 설치가 무척 빨라요. 그리고 서버 관리를 직접 해주셔서 좋아요. 조금만 상위노출 되면 해외에서 해킹시도나 디도스가 엄청 오는데 10분만에 다 막아주시더라구요. 예전에 대기업 인프라팀에 계셨다고 해서 그런지.. 신뢰가 팍팍 갔습니다.”</p> </blockquote> </figure> <!-- More testimonials... --> </div> <div class="space-y-8 xl:row-span-2"> <figure class="rounded-2xl bg-white p-6 shadow-lg ring-1 ring-gray-900/5"> <blockquote class="text-gray-900"> <p>“상품 저가 할인 행사등에 있어서 알림이 필수였는데요, 앱 출시를 통해 푸시 기능을 구현했고 와플 내부적으로 계속 업데이트 해주시더니 알림 전파속도가 점점 더 빨라지고 있어요. 한번 구매로 업데이트를 계속 받을 수 있어서 좋아요.”</p> </blockquote> </figure> <!-- More testimonials... --> </div> </div> </div> </div> </div> <section class="grid grid-cols-1 md:grid-cols-3 gap-9 container max-w-7xl mx-auto mx-4" data-aos="zoom-in-up"> <a href="#" class="box"> <h2 class="text-2xl font-bold mb-4">가격안내 ⚡️</h2> <div class="space-y-2"> <div class="text-4xl font-bold text-[#00ffa8]">330,000원</div> <div>사이트 1개당 라이센스 / 한번만 지불</div> </div> </a> <a href="#" class="col-span-1 md:col-span-2 box"> <h2 class="text-2xl font-bold mb-4">서버 호스팅은 와플 클라우드에 맡겨주세요 🌤</h2> <div> AWS, 카페24보다 2~3배 더 싸게 이용해요! 거기에 와플보드 전용 서버라서 설치와 관리까지 한번에..? 더 이상 트래픽 초과로 인한 폭탄 요금은 그만!! 와플은 정해진 금액 이상 나갈 일이 없어요! 너무 편하죠? 🥰 <br/> <span class="text-gray-400 text-xs">(1CPU, 1GB RAM, 25GB SSD, 1TB Outbound 트래픽 기준)</span> </div> </a> <details class="box col-span-1 hover:cursor-pointer !p-0"> <summary class="p-10 list-none font-bold">Q. 구매는 어떻게 해요?</summary> <p class="p-10 -mt-16">채널톡/카카오톡/텔레그램 중 편하신 메신저로 연락주세요~ 설치는 2분안에 완료돼요 😍</p> </details> <details class="box col-span-1 hover:cursor-pointer !p-0"> <summary class="p-10 list-none font-bold">Q. 기본 기능 말고 추가적으로 필요한 기능이 있으면 어쩌죠?</summary> <p class="p-10 -mt-16">필요한 기능을 말씀해주세요! 와플보드 제작진이 직접 맞춤으로 제작해드릴거에요! 💪</p> </details> <details class="box col-span-1 hover:cursor-pointer !p-0"> <summary class="p-10 list-none font-bold">Q. 사이트 운영하다 다른 솔루션을 쓰고 싶을땐 어떻게 해요?</summary> <p class="p-10 -mt-16">와플보드를 떠나시는 것이 아쉽지만! 데이터베이스와 이미지 등 첨부파일을 모두 전달해드려요~ 걱정마세요, 데이터는 소중하게 보관하고 있답니다! 🚛</p> </details> <div class="col-span-full box"> <h2 class="text-2xl font-bold mb-4">블로그</h2> <div class="grid grid-cols-1 md:grid-cols-3 gap-6"> <div class="space-y-2"> <a href="/blog/23" class="block"> <img src="https://static.waffleboard.io/blog/1693564789077-40st864wcsf.png" alt="워드프레스 수익형 블로그 만들기 (feat.애드센스)" class="w-full h-48 object-cover rounded-lg"> </a> <a href="/blog/23" class="block font-semibold hover:underline">워드프레스 수익형 블로그 만들기 (feat.애드센스)</a> </div> <div class="space-y-2"> <a href="/blog/22" class="block"> <img src="https://static.waffleboard.io/blog/1693457795434-o2lax1nbzvl.png" alt="제휴마케팅 하는법 & 추천 플랫폼 5가지" class="w-full h-48 object-cover rounded-lg"> </a> <a href="/blog/22" class="block font-semibold hover:underline">제휴마케팅 하는법 & 추천 플랫폼 5가지</a> </div> <div class="space-y-2"> <a href="/blog/21" class="block"> <img src="https://static.waffleboard.io/blog/1693412848587-fo4sesr5oo.png" alt="자동수익 시스템 만들기" class="w-full h-48 object-cover rounded-lg"> </a> <a href="/blog/21" class="block font-semibold hover:underline">자동수익 시스템 만들기</a> </div> </div> </div> </section></main><style> footer { display: flex; justify-content: center; align-items: center; margin-top: 60px; padding-bottom: 80px; } footer .wrap { display: flex; justify-content: center; align-items: center; flex-direction: row; } footer .support { font-size: 1.2em; font-weight: bold; padding-bottom: 20px; } footer .company { flex: 1; font-size: 0.9em; color: rgba(0, 0, 0, 0.7); } footer .company .line { display: flex; justify-content: flex-start; align-items: center; padding: 4px 0; } footer .company .title { color: rgba(0, 0, 0, 0.4); } footer .company .slash { color: rgba(0, 0, 0, 0.2); padding: 0 6px; } footer .affiliate { display: flex; justify-content: flex-end; align-items: center; gap: 20px; } footer .affiliate svg { max-width: 100px; height: 40px; } @media (max-width: 1250px) { footer .wrap { flex-direction: column; } footer .company { margin-bottom: 20px; } footer .company .line { justify-content: center; text-align: center; flex-direction: column; } footer .company .line div { padding: 4px 0; } footer .company .slash { display: none; } }</style><footer> <div class="wrap"> <div class="company"><!-- <div class="line">--><!-- <a--><!-- href="https://waffleboard.gitbook.io/manual/"--><!-- target="_blank"--><!-- class="support"--><!-- >와플보드 메뉴얼</a--><!-- >--><!-- </div>--> <div class="line"> <div> <span class="title" ><a href="https://waffleboard.channel.io" target="_blank" onclick="contactCheck()" >채팅 상담하기</a > (홈페이지 우측 하단 채널톡 버튼)</span > </div> <div class="slash">|</div> <div> <span class="title">카카오톡 채널 : </span ><a href="http://pf.kakao.com/_xdfBYb/chat" target="_blank" onclick="contactCheck()" >와플보드</a > </div> <div class="slash">|</div> <div> <span class="title">텔레그램 : </span ><a href="https://t.me/waffleboard" target="_blank" onclick="contactCheck()" >메세지 보내기</a > </div> </div> <div class="line"> <div><span class="title">BusyFingers 대표 : </span>이은찬</div> <div class="slash">|</div> <div> <span class="title">소재지 : </span>경기도 용인시 기흥구 강남서로 9, 7층 703호 K256호 </div> </div> <div class="line"> <div> <span class="title">사업자등록번호 : </span>696-37-01183 </div> <div class="slash">|</div> <div><span class="title">호스팅제공 : </span>AWS</div> </div> <div class="line"> <div><a href="/license">라이센스 및 교환환불정책</a></div> </div> </div> <div class="affiliate"> <a href="https://aws.amazon.com/ko/" target="_blank" class="aws"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 304 182" style="enable-background: new 0 0 304 182" xml:space="preserve" > <style type="text/css"> .st0 { fill: #252f3e; } .st1 { fill-rule: evenodd; clip-rule: evenodd; fill: #ff9900; } </style> <g> <path class="st0" d="M86.4,66.4c0,3.7,0.4,6.7,1.1,8.9c0.8,2.2,1.8,4.6,3.2,7.2c0.5,0.8,0.7,1.6,0.7,2.3c0,1-0.6,2-1.9,3l-6.3,4.2 c-0.9,0.6-1.8,0.9-2.6,0.9c-1,0-2-0.5-3-1.4C76.2,90,75,88.4,74,86.8c-1-1.7-2-3.6-3.1-5.9c-7.8,9.2-17.6,13.8-29.4,13.8 c-8.4,0-15.1-2.4-20-7.2c-4.9-4.8-7.4-11.2-7.4-19.2c0-8.5,3-15.4,9.1-20.6c6.1-5.2,14.2-7.8,24.5-7.8c3.4,0,6.9,0.3,10.6,0.8 c3.7,0.5,7.5,1.3,11.5,2.2v-7.3c0-7.6-1.6-12.9-4.7-16c-3.2-3.1-8.6-4.6-16.3-4.6c-3.5,0-7.1,0.4-10.8,1.3c-3.7,0.9-7.3,2-10.8,3.4 c-1.6,0.7-2.8,1.1-3.5,1.3c-0.7,0.2-1.2,0.3-1.6,0.3c-1.4,0-2.1-1-2.1-3.1v-4.9c0-1.6,0.2-2.8,0.7-3.5c0.5-0.7,1.4-1.4,2.8-2.1 c3.5-1.8,7.7-3.3,12.6-4.5c4.9-1.3,10.1-1.9,15.6-1.9c11.9,0,20.6,2.7,26.2,8.1c5.5,5.4,8.3,13.6,8.3,24.6V66.4z M45.8,81.6 c3.3,0,6.7-0.6,10.3-1.8c3.6-1.2,6.8-3.4,9.5-6.4c1.6-1.9,2.8-4,3.4-6.4c0.6-2.4,1-5.3,1-8.7v-4.2c-2.9-0.7-6-1.3-9.2-1.7 c-3.2-0.4-6.3-0.6-9.4-0.6c-6.7,0-11.6,1.3-14.9,4c-3.3,2.7-4.9,6.5-4.9,11.5c0,4.7,1.2,8.2,3.7,10.6 C37.7,80.4,41.2,81.6,45.8,81.6z M126.1,92.4c-1.8,0-3-0.3-3.8-1c-0.8-0.6-1.5-2-2.1-3.9L96.7,10.2c-0.6-2-0.9-3.3-0.9-4 c0-1.6,0.8-2.5,2.4-2.5h9.8c1.9,0,3.2,0.3,3.9,1c0.8,0.6,1.4,2,2,3.9l16.8,66.2l15.6-66.2c0.5-2,1.1-3.3,1.9-3.9c0.8-0.6,2.2-1,4-1 h8c1.9,0,3.2,0.3,4,1c0.8,0.6,1.5,2,1.9,3.9l15.8,67l17.3-67c0.6-2,1.3-3.3,2-3.9c0.8-0.6,2.1-1,3.9-1h9.3c1.6,0,2.5,0.8,2.5,2.5 c0,0.5-0.1,1-0.2,1.6c-0.1,0.6-0.3,1.4-0.7,2.5l-24.1,77.3c-0.6,2-1.3,3.3-2.1,3.9c-0.8,0.6-2.1,1-3.8,1h-8.6c-1.9,0-3.2-0.3-4-1 c-0.8-0.7-1.5-2-1.9-4L156,23l-15.4,64.4c-0.5,2-1.1,3.3-1.9,4c-0.8,0.7-2.2,1-4,1H126.1z M254.6,95.1c-5.2,0-10.4-0.6-15.4-1.8 c-5-1.2-8.9-2.5-11.5-4c-1.6-0.9-2.7-1.9-3.1-2.8c-0.4-0.9-0.6-1.9-0.6-2.8v-5.1c0-2.1,0.8-3.1,2.3-3.1c0.6,0,1.2,0.1,1.8,0.3 c0.6,0.2,1.5,0.6,2.5,1c3.4,1.5,7.1,2.7,11,3.5c4,0.8,7.9,1.2,11.9,1.2c6.3,0,11.2-1.1,14.6-3.3c3.4-2.2,5.2-5.4,5.2-9.5 c0-2.8-0.9-5.1-2.7-7c-1.8-1.9-5.2-3.6-10.1-5.2L246,52c-7.3-2.3-12.7-5.7-16-10.2c-3.3-4.4-5-9.3-5-14.5c0-4.2,0.9-7.9,2.7-11.1 c1.8-3.2,4.2-6,7.2-8.2c3-2.3,6.4-4,10.4-5.2c4-1.2,8.2-1.7,12.6-1.7c2.2,0,4.5,0.1,6.7,0.4c2.3,0.3,4.4,0.7,6.5,1.1 c2,0.5,3.9,1,5.7,1.6c1.8,0.6,3.2,1.2,4.2,1.8c1.4,0.8,2.4,1.6,3,2.5c0.6,0.8,0.9,1.9,0.9,3.3v4.7c0,2.1-0.8,3.2-2.3,3.2 c-0.8,0-2.1-0.4-3.8-1.2c-5.7-2.6-12.1-3.9-19.2-3.9c-5.7,0-10.2,0.9-13.3,2.8c-3.1,1.9-4.7,4.8-4.7,8.9c0,2.8,1,5.2,3,7.1 c2,1.9,5.7,3.8,11,5.5l14.2,4.5c7.2,2.3,12.4,5.5,15.5,9.6c3.1,4.1,4.6,8.8,4.6,14c0,4.3-0.9,8.2-2.6,11.6 c-1.8,3.4-4.2,6.4-7.3,8.8c-3.1,2.5-6.8,4.3-11.1,5.6C264.4,94.4,259.7,95.1,254.6,95.1z" /> <g> <path class="st1" d="M273.5,143.7c-32.9,24.3-80.7,37.2-121.8,37.2c-57.6,0-109.5-21.3-148.7-56.7c-3.1-2.8-0.3-6.6,3.4-4.4 c42.4,24.6,94.7,39.5,148.8,39.5c36.5,0,76.6-7.6,113.5-23.2C274.2,133.6,278.9,139.7,273.5,143.7z" /> <path class="st1" d="M287.2,128.1c-4.2-5.4-27.8-2.6-38.5-1.3c-3.2,0.4-3.7-2.4-0.8-4.5c18.8-13.2,49.7-9.4,53.3-5 c3.6,4.5-1,35.4-18.6,50.2c-2.7,2.3-5.3,1.1-4.1-1.9C282.5,155.7,291.4,133.4,287.2,128.1z" /> </g> </g> </svg> </a> </div> </div></footer><script> // Delete Button Confirm const deleteBtn = document.querySelectorAll('button[value="delete"]'); deleteBtn.forEach(b => { b.addEventListener("click", event => { if (!confirm("삭제 확인")) { event.stopImmediatePropagation(); event.preventDefault(); } }); }); const makeOrderNumber = async () => { return new Promise((resolve, reject) => { const xhr = new XMLHttpRequest(); xhr.onload = () => { if (xhr.status === 200 || xhr.status === 201) { const result = xhr.responseText; resolve(result); } else { console.error(xhr.responseText); } }; xhr.open("GET", "/api/makeOrderNumber"); xhr.send(); }); };</script><script defer> (function () { var w = window; if (w.ChannelIO) { return w.console.error("ChannelIO script included twice."); } var ch = function () { ch.c(arguments); }; ch.q = []; ch.c = function (args) { ch.q.push(args); }; w.ChannelIO = ch; function l() { if (w.ChannelIOInitialized) { return; } w.ChannelIOInitialized = true; var s = document.createElement("script"); s.type = "text/javascript"; s.async = true; s.src = "https://cdn.channel.io/plugin/ch-plugin-web.js"; var x = document.getElementsByTagName("script")[0]; if (x.parentNode) { x.parentNode.insertBefore(s, x); } } if (document.readyState === "complete") { l(); } else { w.addEventListener("DOMContentLoaded", l); w.addEventListener("load", l); } })(); ChannelIO("boot", { pluginKey: "51ac5e7c-e0d3-4592-98c1-c8c9673a52fa", }); ChannelIO("onShowMessenger", () => { contactCheck(); });</script> <!-- Event snippet for 문의 conversion pageIn your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. --><script> function gtag_report_conversion_contact(url) { var callback = function () { if (typeof(url) != 'undefined') { window.location = url; } }; gtag('event', 'conversion', { 'send_to': 'AW-778486207/oQS6CL2o6sEDEL-Dm_MC', 'event_callback': callback }); return false; }</script><script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js" integrity="sha512-A7AYk1fGKX6S2SsHywmPkrnzTZHrgiVT7GcQkLGDe2ev0aWb8zejytzS8wjo7PGEXKqJOrjQ4oORtnimIRZBtw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script><script>AOS.init();</script></body></html> 
