\u003C/a>\u003C/div>\u003Cdiv class=\\\"hidden md:flex items-center gap-6 transition ease-in-out duration-300\\\" :class=\\\"{'text-black': !IsTop, 'text-white': IsTop}\\\">\u003Ca href=\\\"/\\\" class=\\\"px-2 text-lg\\\">HOME\u003C/a>\u003Ca href=\\\"/showcase\\\" class=\\\"px-2 text-lg\\\">SHOWCASE\u003C/a>\u003Ca href=\\\"https://essepage.com/blog\\\" class=\\\"px-2 text-lg\\\">BLOG\u003C/a>\u003Ca href=\\\"https://docs.essepage.com/\\\" class=\\\"px-2 text-lg\\\">DOCS\u003C/a>\u003Ca href=\\\"/faq\\\" class=\\\"px-2 text-lg\\\">FAQ\u003C/a>\u003Ca href=\\\"https://app.essepage.com/my\\\" class=\\\"px-2 text-lg\\\">SIGN IN\u003C/a>\u003Csvg xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"w-8 h-8 ml-6 px-2\\\" viewbox=\\\"0 0 24 24\\\" stroke-width=\\\"1.5\\\" stroke=\\\"currentColor\\\" fill=\\\"none\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\">\u003Cpath stroke=\\\"none\\\" d=\\\"M0 0h24v24H0z\\\" fill=\\\"none\\\">\u003C/path>\u003Cpath d=\\\"M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0\\\">\u003C/path>\u003Cpath d=\\\"M3.6 9h16.8\\\">\u003C/path>\u003Cpath d=\\\"M3.6 15h16.8\\\">\u003C/path>\u003Cpath d=\\\"M11.5 3a17 17 0 0 0 0 18\\\">\u003C/path>\u003Cpath d=\\\"M12.5 3a17 17 0 0 1 0 18\\\">\u003C/path>\u003C/svg>\u003Ca href=\\\"https://app.essepage.com/my\\\" class=\\\"py-2 px-6 rounded-full bg-neutral-800 text-white\\\"> GET STARTED\u003C/a>\u003C/div>\u003Cdiv class=\\\"relative block lg:hidden\\\">\u003Cbutton class=\\\"z-50 w-10 h-10 relative focus:outline-none rounded bg-transparent\\\" :class=\\\"{'text-black': !IsTop || OpenMenu, 'text-white': IsTop}\\\" @click.prevent=\\\"OpenMenu = true; PreventScroll();\\\">\u003Cdiv class=\\\"block w-5 absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2\\\">\u003Cspan class=\\\"block absolute h-0.5 w-5 bg-current transform transition duration-300 ease-in-out\\\" :class=\\\"{'rotate-45': OpenMenu, '-translate-y-1.5': !OpenMenu }\\\">\u003C/span>\u003Cspan class=\\\"block absolute h-0.5 w-5 bg-current transform transition duration-300 ease-in-out\\\" :class=\\\"{'opacity-0': OpenMenu }\\\">\u003C/span>\u003Cspan class=\\\"block absolute h-0.5 w-5 bg-current transform transition duration-300 ease-in-out\\\" :class=\\\"{'-rotate-45': OpenMenu, 'translate-y-1.5': !OpenMenu}\\\">\u003C/span>\u003C/div>\u003C/button>\u003Cdiv class=\\\"fixed z-40 inset-0 overflow-auto overscroll-none\\\" x-cloak x-show=\\\"OpenMenu\\\" x-transition:enter=\\\"transition ease-in-out duration-400\\\" x-transition:enter-start=\\\"opacity-0\\\" x-transition:enter-end=\\\"opacity-100\\\" x-transition:leave=\\\"transition ease-in-out duration-300\\\" x-transition:leave-start=\\\"opacity-100\\\" x-transition:leave-end=\\\"opacity-0\\\">\u003Cdiv class=\\\"fixed inset-0 w-screen h-screen bg-black bg-opacity-75\\\">\u003C/div>\u003Cdiv class=\\\"relative w-80 max-w-[calc(100%-3rem)] ml-auto bg-white h-screen\\\" x-cloak x-show=\\\"OpenMenu\\\" @click.outside=\\\"MenuClose()\\\" x-transition:enter=\\\"transform transition ease-in-out duration-300\\\" x-transition:enter-start=\\\"translate-x-full\\\" x-transition:enter-end=\\\"translate-x-0\\\" x-transition:leave=\\\"transform transition ease-in-out duration-200\\\" x-transition:leave-start=\\\"translate-x-0\\\" x-transition:leave-end=\\\"translate-x-full\\\">\u003Cdiv class=\\\"h-full flex flex-col px-2\\\">\u003Cdiv class=\\\"flex-1\\\">\u003Cdiv class=\\\"mt-24 mb-8 flex flex-col divide-y\\\">\u003Ca href=\\\"/\\\" class=\\\"py-4 pl-4 text-xl\\\" @click=\\\"MenuClose()\\\">Home\u003C/a>\u003Ca href=\\\"/showcase\\\" class=\\\"py-4 pl-4 text-xl\\\" @click=\\\"MenuClose()\\\">SHOWCASE\u003C/a>\u003Ca href=\\\"https://essepage.com/blog\\\" class=\\\"py-4 pl-4 text-xl\\\">BLOG\u003C/a>\u003Ca href=\\\"https://docs.essepage.com/\\\" class=\\\"py-4 pl-4 text-xl\\\">DOCS\u003C/a>\u003Ca href=\\\"/faq\\\" class=\\\"py-4 pl-4 text-xl\\\" @click=\\\"MenuClose()\\\">FAQ\u003C/a>\u003Ca href=\\\"https://app.essepage.com/my\\\" class=\\\"py-4 pl-4 text-xl\\\">SIGN IN\u003C/a>\u003C/div>\u003Cdiv class=\\\"text-center\\\">\u003Ca href=\\\"https://app.essepage.com/my\\\" class=\\\"inline-block py-2 px-6 rounded-full bg-neutral-800 text-white\\\"> GET STARTED\u003C/a>\u003C/div>\u003C/div>\u003Cdiv class=\\\"shrink-0 py-4 px-3 border-t border-gray-200 flex items-center gap-1\\\">\u003Cimg class=\\\"h-8\\\" src=\\\"https://i.esdrop.com/d/f/XcGaoptYok/E4tbVBvyKq.png\\\" />\u003C/div>\u003C/div>\u003C/div>\u003C/div>\u003C/div>\u003C/div>\u003C/header>\u003Cdiv class=\\\"flex-1\\\">\u003Cdiv class=\\\"py-16 md:pt-20 md:pb-40\\\" x-data=\\\"()=>{return{}};\\\" x-init=\\\"IsTop = false;\\\" @scroll.window=\\\"() =>{scrollDetect($event)}\\\">\u003Cdiv class=\\\"bg-no-repeat bg-contain bg-center bg-[url('https://i.esdrop.com/d/f/XcGaoptYok/1mWV9r0FLt.png')]\\\">\u003Cdiv class=\\\"sized-content min-h-[50vh] px-4 md:px-0 flex justify-center items-center\\\">\u003Cdiv>\u003Ch1 class=\\\"mb-12 text-center font-bold text-3xl md:text-5xl\\\">DO YOU HAVE QUESTIONS?\u003C/h1>\u003Cp class=\\\"text-center text-xl\\\">Below, you’ll find to the most common questions you may have on Essepage.\u003Cbr /> If you still can’t find the answer, \u003Ca href=\\\"/contact\\\" class=\\\"underline\\\">contact us\u003C/a> anytime.\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\\\"sized-content\\\">\u003Cdl class=\\\"mt-20 border border-[#F0E6F3]\\\">\u003Cdiv x-data=\\\"{open: true}\\\" class=\\\"p-4 border-b last:border-0 border-[#F0E6F3]\\\" @click.outside=\\\"open = false;\\\">\u003Cdt class=\\\"flex items-start gap-2 font-bold text-lg md:text-xl\\\" @click=\\\"open = !open\\\">\u003Csvg xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"w-7 h-7 text-purple-400 transition-transform ease-in-out duration-200\\\" :class=\\\"{'rotate-90': open}\\\" viewbox=\\\"0 0 24 24\\\" stroke-width=\\\"2\\\" stroke=\\\"currentColor\\\" fill=\\\"none\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\">\u003Cpath stroke=\\\"none\\\" d=\\\"M0 0h24v24H0z\\\" fill=\\\"none\\\">\u003C/path>\u003Cpath d=\\\"M9 6l6 6l-6 6\\\">\u003C/path>\u003C/svg>\u003Cspan>Essepage는 어떤 서비스인가요?\u003C/span>\u003C/dt>\u003Cdd class=\\\"max-h-0 overflow-hidden pl-10 transition-all ease-in-out duration-200\\\" :style=\\\"open ? 'max-height: ' + $el.scrollHeight + 'px' : ''\\\">\u003Cdiv class=\\\"pt-4 text-stone-700 text-base md:text-lg\\\">\u003Cp class=\\\"mb-4\\\">에스페이지는 웹페이지 제작을 위한 모든 기능을 갖춘 온라인 서비스입니다. 복잡한 환경 설정도 필요 없고 서버관련 지식이 없어도 빠르게 웹페이지를 공개할 수 있습니다.\u003C/p>\u003Cp>브라우저만 있으면 언제 어디서든 간단한 랜딩페이지에서 복잡한 웹애플리케이션까지 상상하는 모든 웹페이지를 만들수 있습니다.\u003C/p>\u003C/div>\u003C/dd>\u003C/div>\u003Cdiv x-data=\\\"{open: false}\\\" class=\\\"p-4 border-b last:border-0 border-[#F0E6F3]\\\" @click.outside=\\\"open = false;\\\">\u003Cdt class=\\\"flex items-start gap-2 font-bold text-lg md:text-xl\\\" @click=\\\"open = !open\\\">\u003Csvg xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"w-7 h-7 text-purple-400 transition-transform ease-in-out duration-200\\\" :class=\\\"{'rotate-90': open}\\\" viewbox=\\\"0 0 24 24\\\" stroke-width=\\\"2\\\" stroke=\\\"currentColor\\\" fill=\\\"none\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\">\u003Cpath stroke=\\\"none\\\" d=\\\"M0 0h24v24H0z\\\" fill=\\\"none\\\">\u003C/path>\u003Cpath d=\\\"M9 6l6 6l-6 6\\\">\u003C/path>\u003C/svg>\u003Cspan>언제 Essepage를 사용하면 좋은가요?\u003C/span>\u003C/dt>\u003Cdd class=\\\"max-h-0 overflow-hidden pl-10 transition-all ease-in-out duration-200\\\" :style=\\\"open ? 'max-height: ' + $el.scrollHeight + 'px' : ''\\\">\u003Cdiv class=\\\"pt-4 text-stone-700 text-base md:text-lg\\\">\u003Cp class=\\\"mb-4 last:mb-0\\\">웹페이지를 원하는대로 빠르게 만들고 싶을때 사용하면 좋습니다.\u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">웹페이지를 만들때 항상 해야하는 작업으로 개발환경, 서버, 도메인등의 각종 준비 및 설정작업, 파일 업로드 및 확인작업이 있습니다. 복잡하면서도 번거로은 이러한 작업에 많은 시간을 소비해야하는 분들이 Essepage를 활용하면 많은 시간을 절약할 수 있습니다.\u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">Essepage에서는 HTML 코드를 넣고 클릭 몇번이면 페이지가 완성되고 공개됩니다. 간단한 랜딩페이지 뿐만 아니라 복잡한 웹애플리케이션도 만들 수 있습니다. 이렇게 만들어진 웹사이트는 클릭 한번으로 간단하게 복제할수 있어 많은 웹사이트를 만들고 관리해야할 때에 많은 도움이 됩니다.\u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">프로젝트 공유 기능이 있어 다른사람과 함께 웹페이지를 제작할 수도 있고, 프로젝트를 다른 사람이 사용할 수있도록 템플릿으로 공개할 수도 있습니다.\u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">Essepage로 작업을 하다보면 웹사이트를 마치 워드나 한글 파일과 같은 느낌으로 편집을 하게 됩니다. ^^\u003C/p>\u003C/div>\u003C/dd>\u003C/div>\u003Cdiv x-data=\\\"{open: false}\\\" class=\\\"p-4 border-b last:border-0 border-[#F0E6F3]\\\" @click.outside=\\\"open = false;\\\">\u003Cdt class=\\\"flex items-start gap-2 font-bold text-lg md:text-xl\\\" @click=\\\"open = !open\\\">\u003Csvg xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"w-7 h-7 text-purple-400 transition-transform ease-in-out duration-200\\\" :class=\\\"{'rotate-90': open}\\\" viewbox=\\\"0 0 24 24\\\" stroke-width=\\\"2\\\" stroke=\\\"currentColor\\\" fill=\\\"none\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\">\u003Cpath stroke=\\\"none\\\" d=\\\"M0 0h24v24H0z\\\" fill=\\\"none\\\">\u003C/path>\u003Cpath d=\\\"M9 6l6 6l-6 6\\\">\u003C/path>\u003C/svg>\u003Cspan>웹페이지를 만들기위해서 필요한 지식은 무엇인가요?\u003C/span>\u003C/dt>\u003Cdd class=\\\"max-h-0 overflow-hidden pl-10 transition-all ease-in-out duration-200\\\" :style=\\\"open ? 'max-height: ' + $el.scrollHeight + 'px' : ''\\\">\u003Cdiv class=\\\"pt-4 text-stone-700 text-base md:text-lg\\\">\u003Cp class=\\\"mb-4 last:mb-0\\\">기본적인 HTML 지식이 필요하지만, 몰라도 걱정할 필요는 없습니다. 간단한 HTML 태그의 사용법을 몇개만 알고 있으면 됩니다. div, p, img, a, ... 의 4개의 태그만 알면 멋진 웹페이지를 만들기에 충분합니다. :)\u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">[div, p, img 및 a 태그만으로 멋진 웹페이지 만들기 Tutorial]\u003C/p>\u003C/div>\u003C/dd>\u003C/div>\u003Cdiv x-data=\\\"{open: false}\\\" class=\\\"p-4 border-b last:border-0 border-[#F0E6F3]\\\" @click.outside=\\\"open = false;\\\">\u003Cdt class=\\\"flex items-start gap-2 font-bold text-lg md:text-xl\\\" @click=\\\"open = !open\\\">\u003Csvg xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"w-7 h-7 text-purple-400 transition-transform ease-in-out duration-200\\\" :class=\\\"{'rotate-90': open}\\\" viewbox=\\\"0 0 24 24\\\" stroke-width=\\\"2\\\" stroke=\\\"currentColor\\\" fill=\\\"none\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\">\u003Cpath stroke=\\\"none\\\" d=\\\"M0 0h24v24H0z\\\" fill=\\\"none\\\">\u003C/path>\u003Cpath d=\\\"M9 6l6 6l-6 6\\\">\u003C/path>\u003C/svg>\u003Cspan>Essepage 를 사용하기 위해 필요한 것은 무엇이 있나요?\u003C/span>\u003C/dt>\u003Cdd class=\\\"max-h-0 overflow-hidden pl-10 transition-all ease-in-out duration-200\\\" :style=\\\"open ? 'max-height: ' + $el.scrollHeight + 'px' : ''\\\">\u003Cdiv class=\\\"pt-4 text-stone-700 text-base md:text-lg\\\">\u003Cp class=\\\"mb-4 last:mb-0\\\">기본적인 HTML 지식이 필요하지만, 몰라도 걱정할 필요는 없습니다. 간단한 HTML 태그의 사용법을 몇개만 알고 있으면 됩니다. div, p, img, a, ... 의 4개의 태그만 알면 멋진 웹페이지를 만들기에 충분합니다. :)\u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">[div, p, img 및 a 태그만으로 멋진 웹페이지 만들기 Tutorial]\u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">인터넷에 접속된 PC에 브라우저가 설치되어 있으면 모든 준비가 끝납니다.\u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">PC는 데스크톱 및 노트북 모두 가능하며, Chromebook과 Samsung DeX Mode를 이용 가능한 모바일기기에서도 잘 작동합니다. 키보드 및 마우스가 없어도 괜찮다면 태블릿 및 스마트폰에서도 문제없이 이용 가능합니다.\u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">브라우저는 Google Chrome, Firefox, Microsoft Edge 및 Safari를 지원하며, Chromium을 기반으로 제작된 브라우저라면 문제없이 이용 가능합니다.\u003C/p>\u003C/div>\u003C/dd>\u003C/div>\u003Cdiv x-data=\\\"{open: false}\\\" class=\\\"p-4 border-b last:border-0 border-[#F0E6F3]\\\" @click.outside=\\\"open = false;\\\">\u003Cdt class=\\\"flex items-start gap-2 font-bold text-lg md:text-xl\\\" @click=\\\"open = !open\\\">\u003Csvg xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"w-7 h-7 text-purple-400 transition-transform ease-in-out duration-200\\\" :class=\\\"{'rotate-90': open}\\\" viewbox=\\\"0 0 24 24\\\" stroke-width=\\\"2\\\" stroke=\\\"currentColor\\\" fill=\\\"none\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\">\u003Cpath stroke=\\\"none\\\" d=\\\"M0 0h24v24H0z\\\" fill=\\\"none\\\">\u003C/path>\u003Cpath d=\\\"M9 6l6 6l-6 6\\\">\u003C/path>\u003C/svg>\u003Cspan>다른서비스에 비해서 어떤점이 더 좋은가요?\u003C/span>\u003C/dt>\u003Cdd class=\\\"max-h-0 overflow-hidden pl-10 transition-all ease-in-out duration-200\\\" :style=\\\"open ? 'max-height: ' + $el.scrollHeight + 'px' : ''\\\">\u003Cdiv class=\\\"pt-4 text-stone-700 text-base md:text-lg\\\">\u003Cp class=\\\"mb-4 last:mb-0\\\">드래그 앤 드롭으로 웹페이지를 만드는 서비스들이 많이 있습니다. 하지만 이런 서비스는 원하는대로 페이지를 수정하려고 하면 어느순간 한계가 있다는것을 알게 됩니다. 마음대로 페이지를 만들기 위해서는 HTML, CSS, JavaScript 등의 코드를 수정할 수 있어야 하는데 많은 제약이 따르지요.\u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">Essepage에서는 HTML, CSS, JavaScript의 사용을 권장하고 있으며 쉽게 사용할 수 있도록 계속해서 업데이트 중입니다. 또한 페이지를 만들면서 필요한 많은 기능이 미리 준비되어 있기 때문에 직접 만드는 수고를 덜 수 있습니다. CDN 사용도 자유롭기 때문에 필요한 기능이 있으면 CDN 에서 가져와 붙여넣으면 됩니다.\u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">Alpinejs, jQuery, TailwindCss, Pure.css, D3.js, animejs, swiperjs, day.js, Lodash, Chart.js, bideo.js, ... 등 필요한 기능은 그냥 가져와 사용하면 됩니다.\u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">그밖에도 Essepage만의 특별한 기능들이 있으니 Docs를 확인해 주세요.\u003C/p>\u003C/div>\u003C/dd>\u003C/div>\u003Cdiv x-data=\\\"{open: false}\\\" class=\\\"p-4 border-b last:border-0 border-[#F0E6F3]\\\" @click.outside=\\\"open = false;\\\">\u003Cdt class=\\\"flex items-start gap-2 font-bold text-lg md:text-xl\\\" @click=\\\"open = !open\\\">\u003Csvg xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"w-7 h-7 text-purple-400 transition-transform ease-in-out duration-200\\\" :class=\\\"{'rotate-90': open}\\\" viewbox=\\\"0 0 24 24\\\" stroke-width=\\\"2\\\" stroke=\\\"currentColor\\\" fill=\\\"none\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\">\u003Cpath stroke=\\\"none\\\" d=\\\"M0 0h24v24H0z\\\" fill=\\\"none\\\">\u003C/path>\u003Cpath d=\\\"M9 6l6 6l-6 6\\\">\u003C/path>\u003C/svg>\u003Cspan>Essepage로 만드는 웹페이지의 한계에는 무엇이 있나요?\u003C/span>\u003C/dt>\u003Cdd class=\\\"max-h-0 overflow-hidden pl-10 transition-all ease-in-out duration-200\\\" :style=\\\"open ? 'max-height: ' + $el.scrollHeight + 'px' : ''\\\">\u003Cdiv class=\\\"pt-4 text-stone-700 text-base md:text-lg\\\">\u003Cp class=\\\"mb-4 last:mb-0\\\">Essepage는 HTML, CSS 및 JavaScript 를 자유롭게 사용할 수 있기 때문에 웹페이지를 제작하는데 있어서 한계는 없습니다.\u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">단, 정적 페이지는 SSR로 동작을 하지만 Fetch를 하여 가져오는 데이터에 대해서는 CSR로 동작을하는 특징이 있습니다. (향후 업데이트 예정)\u003C/p>\u003C/div>\u003C/dd>\u003C/div>\u003Cdiv x-data=\\\"{open: false}\\\" class=\\\"p-4 border-b last:border-0 border-[#F0E6F3]\\\" @click.outside=\\\"open = false;\\\">\u003Cdt class=\\\"flex items-start gap-2 font-bold text-lg md:text-xl\\\" @click=\\\"open = !open\\\">\u003Csvg xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"w-7 h-7 text-purple-400 transition-transform ease-in-out duration-200\\\" :class=\\\"{'rotate-90': open}\\\" viewbox=\\\"0 0 24 24\\\" stroke-width=\\\"2\\\" stroke=\\\"currentColor\\\" fill=\\\"none\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\">\u003Cpath stroke=\\\"none\\\" d=\\\"M0 0h24v24H0z\\\" fill=\\\"none\\\">\u003C/path>\u003Cpath d=\\\"M9 6l6 6l-6 6\\\">\u003C/path>\u003C/svg>\u003Cspan>웹페이지는 어떻게 인터넷에 업로드 하나요?\u003C/span>\u003C/dt>\u003Cdd class=\\\"max-h-0 overflow-hidden pl-10 transition-all ease-in-out duration-200\\\" :style=\\\"open ? 'max-height: ' + $el.scrollHeight + 'px' : ''\\\">\u003Cdiv class=\\\"pt-4 text-stone-700 text-base md:text-lg\\\">\u003Cp class=\\\"mb-4 last:mb-0\\\">업로드 할 필요가 없습니다. Essepage가 서버역할을 하므로 작업내용을 저장하면 바로 접속하여 확인할 수 있습니다.\u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">일반적인 웹페이지 제작과정 에서는 먼저 서버를 설정하고, 웹페이지 파일을 FTP 등의 애플리케이션을 이용하여 서버에 업로드 하는 작업을 거쳐 인터넷에 올리게 되지만 Esspage은 서버를 설정이 필요없고 파일을 업로드 할 필요도 없습니다. (덤으로 브라우저를 리로드까지 해 줍니다! ^^)\u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">서버때문에 고생하셨던 분들은 이제 복잡한 서버작업에서 해방입니다.\u003C/p>\u003C/div>\u003C/dd>\u003C/div>\u003Cdiv x-data=\\\"{open: false}\\\" class=\\\"p-4 border-b last:border-0 border-[#F0E6F3]\\\" @click.outside=\\\"open = false;\\\">\u003Cdt class=\\\"flex items-start gap-2 font-bold text-lg md:text-xl\\\" @click=\\\"open = !open\\\">\u003Csvg xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"w-7 h-7 text-purple-400 transition-transform ease-in-out duration-200\\\" :class=\\\"{'rotate-90': open}\\\" viewbox=\\\"0 0 24 24\\\" stroke-width=\\\"2\\\" stroke=\\\"currentColor\\\" fill=\\\"none\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\">\u003Cpath stroke=\\\"none\\\" d=\\\"M0 0h24v24H0z\\\" fill=\\\"none\\\">\u003C/path>\u003Cpath d=\\\"M9 6l6 6l-6 6\\\">\u003C/path>\u003C/svg>\u003Cspan>Essepage만의 특별한 기능은 무엇인가요?\u003C/span>\u003C/dt>\u003Cdd class=\\\"max-h-0 overflow-hidden pl-10 transition-all ease-in-out duration-200\\\" :style=\\\"open ? 'max-height: ' + $el.scrollHeight + 'px' : ''\\\">\u003Cdiv class=\\\"pt-4 text-stone-700 text-base md:text-lg\\\">\u003Cul class=\\\"mb-4 ml-4 list-disc\\\">\u003Cli class=\\\"mb-4 last:mb-0\\\">컴포넌트 기능 - Component 및 Slot 기능을 이용하여 쉽게 웹페이지의 공통된부분을 한번에 작업할 수 있습니다. (Manual)\u003C/li>\u003Cli class=\\\"mb-4 last:mb-0\\\">다국어 사이트 기능 - 다국어 사이트 만들기가 너무 쉽습니다. 만약 사이트가 다국어를 지원해야 한다면 무조건 Essepage를 사용해서 제작하기를 권해드립니다. 외국어 페이지를 추가로 만들 필요 없이 번역된 텍스트만 추가하면 다국어 사이트가 완성됩니다.\u003C/li>\u003Cli class=\\\"mb-4 last:mb-0\\\">Markdown 서포트 - 모든 페이지에 Markdown 문법을 지원합니다. 블로그나 일기등의 컨텐츠 작성에 HTML 태그를 입력할 필요가 없습니다.\u003C/li>\u003Cli class=\\\"mb-4 last:mb-0\\\">암호걸기 - 사이트 전체에 바로 암호를 설정하여 아무나 접속하지 못하도록 할 수 있습니다.\u003C/li>\u003C/ul>\u003Cp class=\\\"mb-4 last:mb-0\\\">그밖에도 편리한 기능이 많이 있습니다. Docs 에서 확인...\u003C/p>\u003C/div>\u003C/dd>\u003C/div>\u003C/dl>\u003C/div>\u003C/div>\u003Cdiv class=\\\"py-8\\\">\u003Cfooter>\u003Cdiv class=\\\"text-center space-y-1\\\">\u003Cdiv class=\\\"text-xs md:text-sm\\\">Essepage © 2022-2023 | Powered By ≶Essepage\u003C/div>\u003Cdiv class=\\\"space-x-2 text-xs md:text-sm\\\">\u003Ca href=\\\"/privacy\\\">Privacy Policy\u003C/a>\u003Cspan>|\u003C/span>\u003Ca href=\\\"/faq\\\">Terms of Use\u003C/a>\u003Cspan>|\u003C/span>\u003Ca href=\\\"/contact\\\">Contact Us\u003C/a>\u003C/div>\u003Cdiv class=\\\"text-[.6rem] md:text-[.7rem]\\\">Stock footage provided by Videvo, downloaded from \u003Ca href=\\\"http://www.videvo.net/\\\" target=\\\"_blank\\\" rel=\\\"noopener noreferrer\\\">www.videvo.net\u003C/a>\u003C/div>\u003C/div>\u003C/footer>\u003C/div>\u003C/div>\u003C/div>\u003C/div>\u003C/div>\",\"script\":\"(async()=>{document.addEventListener('alpine:init',()=>{Alpine.store('essepage',$Essepage)},{once:!0});if(window.Alpine){Alpine.store('essepage',$Essepage)}})();document.addEventListener('essepage:afterUpdate',async()=>{var swiper=new Swiper('.mySwiper',{loop:!0,navigation:{nextEl:'.swiper-button-next',prevEl:'.swiper-button-prev',},});const containers=document.querySelectorAll('.tb-stack-box');const observerOptions={root:null,rootMargin:'0px',threshold:0.2};const observer=new IntersectionObserver(function(entries,observer){entries.forEach(function(entry){if(entry.intersectionRatio>0){var elements=entry.target.querySelectorAll('.tb-pop-up');for(var i=0;i\u003Celements.length;i++){var element=elements[i];setTimeout(function(el){el.classList.add('show-el')},(i+0.5)*150,element)}\\nobserver.unobserve(entry.target)}})},observerOptions);for(var i=0;i\u003Ccontainers.length;i++){observer.observe(containers[i])}},{once:!0});document.addEventListener('essepage:beforeUpdate',async()=>{},{once:!0})\",\"css\":\"\",\"essepage_head\":\"\u003Ctitle>ESSEPAGE\u003C/title>\u003Cmeta name=\\\"keywords\\\" content=\\\"essepage, demo, homepage\\\" />\u003Cmeta name=\\\"description\\\" content=\\\"ESSEPAGE 홈페이지입니다.\\\" />\u003Cmeta property=\\\"og:title\\\" content=\\\"ESSEPAGE\\\" />\u003Cmeta property=\\\"og:description\\\" content=\\\"ESSEPAGE 홈페이지입니다.\\\" />\u003Cmeta property=\\\"og:image\\\" content=\\\"https://i.esdrop.com/d/f/XcGaoptYok/21Jq5XmWZ8.png\\\" />\u003Cmeta property=\\\"og:site_name\\\" content=\\\"ESSEPAGE\\\" />\u003Cmeta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1\\\" />\u003Clink rel=\\\"icon\\\" href=\\\"https://i.esdrop.com/d/f/XcGaoptYok/21Jq5XmWZ8.png\\\" />\u003Cscript src=\\\"https://cdn.tailwindcss.com\\\">\u003C/script>\u003Clink rel=\\\"preconnect\\\" href=\\\"https://fonts.googleapis.com\\\" />\u003Clink rel=\\\"preconnect\\\" href=\\\"https://fonts.gstatic.com\\\" crossorigin />\u003Clink href=\\\"https://fonts.googleapis.com/css2?family=PT+Mono&display=swap\\\" rel=\\\"stylesheet\\\" />\u003Clink rel=\\\"stylesheet\\\" href=\\\"https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css\\\" />\u003Cstyle>[x-cloak]{display:none !important}body{font-family:\\\"PT Mono\\\", -apple-system, BlinkMacSystemFont, \\\"Segoe UI\\\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \\\"Helvetica Neue\\\", sans-serif}.sized-content{max-width:1000px;margin:0 auto}.medium-sized-content{max-width:800px;margin:0 auto}.swiper-button-next,.swiper-button-prev{color:#9ca3af}.tb-pop-up{transition-property:opacity, transform;transition-duration:0.5s;transition-timing-function:ease-in-out;opacity:0;transform:translateY(3rem)}.tb-pop-up.right-pop-up{transform:translateX(5rem)}.tb-pop-up.show-el{opacity:1;transform:translateX(0) translateY(0)}@media only screen and (max-width:640px){.swiper-button-prev:after,.swiper-button-next:after{font-size:1.5rem}}\u003C/style>\u003Cscript>Essepage.init(async()=>{await Essepage.loadScript(\\\"https://cdn.jsdelivr.net/npm/dayjs@1/dayjs.min.js\\\");await Essepage.loadScript(\\\"https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js\\\");await Essepage.loadScript(\\\"https://cdn.jsdelivr.net/npm/alpinejs/dist/cdn.min.js\\\",{defer:!0})});\u003C/script>\",\"page_title\":\"ESSEPAGE\",\"use_ssr_cache\":false}}"}