\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=\\\"/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>\u003Cdiv class=\\\"relative\\\" x-data=\\\"{Open: false, toggle() {this.Open =! this.Open;}}\\\">\u003Cbutton type=\\\"button\\\" class=\\\"flex items-center gap-2 bg-transparent ml-6 px-2 focus:outline-none\\\" @click=\\\"toggle\\\" @mousedown.outside=\\\"setTimeout(() => { Open = false }, 50)\\\">\u003Csvg xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"w-5 h-5\\\" 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>\u003C/button>\u003Cdiv x-show=\\\"Open\\\" x-cloak x-transition.origin.top.right class=\\\"absolute border right-0 mt-2 w-40 bg-white rounded-md shadow-md text-black\\\">\u003Ca href=\\\"/faq\\\" class=\\\"block w-full first-of-type:rounded-t-md last-of-type:rounded-b-md px-4 py-2 text-left text-sm hover:bg-gray-50 disabled:text-gray-500\\\">\u003Cdiv class=\\\"flex items-center gap-2 font-medium\\\">\u003Csvg width=\\\"64px\\\" height=\\\"64px\\\" viewbox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" xmlns:xlink=\\\"http://www.w3.org/1999/xlink\\\" aria-hidden=\\\"true\\\" role=\\\"img\\\" class=\\\"w-6 h-6 iconify iconify--emojione\\\" preserveaspectratio=\\\"xMidYMid meet\\\">\u003Cpath d=\\\"M48 6.6C43.3 3.7 37.9 2 32 2v4.6h16z\\\" fill=\\\"#ed4c5c\\\">\u003C/path>\u003Cpath d=\\\"M32 11.2h21.6C51.9 9.5 50 7.9 48 6.6H32v4.6z\\\" fill=\\\"#ffffff\\\">\u003C/path>\u003Cpath d=\\\"M32 15.8h25.3c-1.1-1.7-2.3-3.2-3.6-4.6H32v4.6z\\\" fill=\\\"#ed4c5c\\\">\u003C/path>\u003Cpath d=\\\"M32 20.4h27.7c-.7-1.6-1.5-3.2-2.4-4.6H32v4.6\\\" fill=\\\"#ffffff\\\">\u003C/path>\u003Cpath d=\\\"M32 25h29.2c-.4-1.6-.9-3.1-1.5-4.6H32V25z\\\" fill=\\\"#ed4c5c\\\">\u003C/path>\u003Cpath d=\\\"M32 29.7h29.9c-.1-1.6-.4-3.1-.7-4.6H32v4.6\\\" fill=\\\"#ffffff\\\">\u003C/path>\u003Cpath d=\\\"M61.9 29.7H32V32H2c0 .8 0 1.5.1 2.3h59.8c.1-.8.1-1.5.1-2.3c0-.8 0-1.6-.1-2.3\\\" fill=\\\"#ed4c5c\\\">\u003C/path>\u003Cpath d=\\\"M2.8 38.9h58.4c.4-1.5.6-3 .7-4.6H2.1c.1 1.5.4 3.1.7 4.6\\\" fill=\\\"#ffffff\\\">\u003C/path>\u003Cpath d=\\\"M4.3 43.5h55.4c.6-1.5 1.1-3 1.5-4.6H2.8c.4 1.6.9 3.1 1.5 4.6\\\" fill=\\\"#ed4c5c\\\">\u003C/path>\u003Cpath d=\\\"M6.7 48.1h50.6c.9-1.5 1.7-3 2.4-4.6H4.3c.7 1.6 1.5 3.1 2.4 4.6\\\" fill=\\\"#ffffff\\\">\u003C/path>\u003Cpath d=\\\"M10.3 52.7h43.4c1.3-1.4 2.6-3 3.6-4.6H6.7c1 1.7 2.3 3.2 3.6 4.6\\\" fill=\\\"#ed4c5c\\\">\u003C/path>\u003Cpath d=\\\"M15.9 57.3h32.2c2.1-1.3 3.9-2.9 5.6-4.6H10.3c1.7 1.8 3.6 3.3 5.6 4.6\\\" fill=\\\"#ffffff\\\">\u003C/path>\u003Cpath d=\\\"M32 62c5.9 0 11.4-1.7 16.1-4.7H15.9c4.7 3 10.2 4.7 16.1 4.7\\\" fill=\\\"#ed4c5c\\\">\u003C/path>\u003Cpath d=\\\"M16 6.6c-2.1 1.3-4 2.9-5.7 4.6c-1.4 1.4-2.6 3-3.6 4.6c-.9 1.5-1.8 3-2.4 4.6c-.6 1.5-1.1 3-1.5 4.6c-.4 1.5-.6 3-.7 4.6c-.1.8-.1 1.6-.1 2.4h30V2c-5.9 0-11.3 1.7-16 4.6\\\" fill=\\\"#428bc1\\\">\u003C/path>\u003Cg fill=\\\"#ffffff\\\">\u003Cpath d=\\\"M25 3l.5 1.5H27l-1.2 1l.4 1.5l-1.2-.9l-1.2.9l.4-1.5l-1.2-1h1.5z\\\">\u003C/path>\u003Cpath d=\\\"M29 9l.5 1.5H31l-1.2 1l.4 1.5l-1.2-.9l-1.2.9l.4-1.5l-1.2-1h1.5z\\\">\u003C/path>\u003Cpath d=\\\"M21 9l.5 1.5H23l-1.2 1l.4 1.5l-1.2-.9l-1.2.9l.4-1.5l-1.2-1h1.5z\\\">\u003C/path>\u003Cpath d=\\\"M25 15l.5 1.5H27l-1.2 1l.4 1.5l-1.2-.9l-1.2.9l.4-1.5l-1.2-1h1.5z\\\">\u003C/path>\u003Cpath d=\\\"M17 15l.5 1.5H19l-1.2 1l.4 1.5l-1.2-.9l-1.2.9l.4-1.5l-1.2-1h1.5z\\\">\u003C/path>\u003Cpath d=\\\"M9 15l.5 1.5H11l-1.2 1l.4 1.5l-1.2-.9l-1.2.9l.4-1.5l-1.2-1h1.5z\\\">\u003C/path>\u003Cpath d=\\\"M29 21l.5 1.5H31l-1.2 1l.4 1.5l-1.2-.9l-1.2.9l.4-1.5l-1.2-1h1.5z\\\">\u003C/path>\u003Cpath d=\\\"M21 21l.5 1.5H23l-1.2 1l.4 1.5l-1.2-.9l-1.2.9l.4-1.5l-1.2-1h1.5z\\\">\u003C/path>\u003Cpath d=\\\"M13 21l.5 1.5H15l-1.2 1l.4 1.5l-1.2-.9l-1.2.9l.4-1.5l-1.2-1h1.5z\\\">\u003C/path>\u003Cpath d=\\\"M25 27l.5 1.5H27l-1.2 1l.4 1.5l-1.2-.9l-1.2.9l.4-1.5l-1.2-1h1.5z\\\">\u003C/path>\u003Cpath d=\\\"M17 27l.5 1.5H19l-1.2 1l.4 1.5l-1.2-.9l-1.2.9l.4-1.5l-1.2-1h1.5z\\\">\u003C/path>\u003Cpath d=\\\"M9 27l.5 1.5H11l-1.2 1l.4 1.5l-1.2-.9l-1.2.9l.4-1.5l-1.2-1h1.5z\\\">\u003C/path>\u003Cpath d=\\\"M11.8 13l1.2-.9l1.2.9l-.5-1.5l1.2-1h-1.5L13 9l-.5 1.5h-1.4l1.2.9l-.5 1.6\\\">\u003C/path>\u003Cpath d=\\\"M3.8 25l1.2-.9l1.2.9l-.5-1.5l1.2-1H5.5L5 21l-.5 1.5h-1c0 .1-.1.2-.1.3l.8.6l-.4 1.6\\\">\u003C/path>\u003C/g>\u003C/svg>\\n English\\n \u003C/div>\u003C/a>\u003Ca href=\\\"/ko/faq\\\" class=\\\"block w-full first-of-type:rounded-t-md last-of-type:rounded-b-md px-4 py-2 text-left text-sm hover:bg-gray-50 disabled:text-gray-500\\\">\u003Cdiv class=\\\"flex items-center gap-2 font-semibold\\\">\u003Csvg width=\\\"64px\\\" height=\\\"64px\\\" viewbox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" xmlns:xlink=\\\"http://www.w3.org/1999/xlink\\\" aria-hidden=\\\"true\\\" role=\\\"img\\\" class=\\\"w-6 h-6 iconify iconify--emojione\\\" preserveaspectratio=\\\"xMidYMid meet\\\">\u003Ccircle cx=\\\"32\\\" cy=\\\"32\\\" r=\\\"30\\\" fill=\\\"#f5f5f5\\\">\u003C/circle>\u003Cpath d=\\\"M23.4 33.7c2.8 1.9 6.7 1.1 8.6-1.7c1.9-2.8 5.7-3.6 8.6-1.7c2.7 1.8 3.5 5.3 2 8c3.3-5.6 1.8-12.9-3.8-16.6c-5.7-3.8-13.4-2.3-17.2 3.4c-.1.2-.2.4-.3.5c-1.4 2.9-.5 6.3 2.1 8.1\\\" fill=\\\"#ed4c5c\\\">\u003C/path>\u003Cpath d=\\\"M42.3 38.9c.1-.2.2-.4.3-.5c-.1.1-.2.3-.3.5\\\" fill=\\\"#003478\\\">\u003C/path>\u003Cpath d=\\\"M40.6 30.3c-2.8-1.9-6.7-1.1-8.6 1.7c-1.9 2.8-5.7 3.6-8.6 1.7c-2.7-1.8-3.5-5.3-2-8c-3.4 5.6-1.8 12.9 3.8 16.6c5.7 3.8 13.4 2.3 17.2-3.4c.1-.2.2-.4.3-.5c1.4-2.9.5-6.3-2.1-8.1\\\" fill=\\\"#428bc1\\\">\u003C/path>\u003Cg fill=\\\"#3e4347\\\">\u003Cpath d=\\\"M7.8 23.3L14.7 13l-.7-.5l-.7-.4l-6.9 10.3l.7.4z\\\">\u003C/path>\u003Cpath d=\\\"M9.7 24.6l.7.4l6.8-10.3l-.6-.4l-.7-.5L9 24.1z\\\">\u003C/path>\u003Cpath d=\\\"M18.4 15.5l-6.8 10.3l.7.5l.7.4l6.8-10.3l-.7-.4z\\\">\u003C/path>\u003Cpath d=\\\"M48.5 42.5l.7.5l3.2-4.8l-.7-.5l-.7-.4l-3.2 4.8z\\\">\u003C/path>\u003Cpath d=\\\"M56.2 40.7L53 45.5l.7.5l.7.4l3.2-4.8l-.7-.4z\\\">\u003C/path>\u003Cpath d=\\\"M51.8 44.7l3.2-4.8l-.7-.5l-.7-.4l-3.2 4.8l.7.4z\\\">\u003C/path>\u003Cpath d=\\\"M48.1 43.2l-.7-.4l-3.2 4.8l.7.4l.7.5l3.2-4.8z\\\">\u003C/path>\u003Cpath d=\\\"M50.6 44.9l-.6-.4l-3.2 4.8l.6.4l.7.5l3.2-4.8z\\\">\u003C/path>\u003Cpath d=\\\"M52.5 46.2L49.3 51l.7.5l.7.4l3.2-4.8l-.7-.5z\\\">\u003C/path>\u003Cpath d=\\\"M7.1 41.2l-.7.4l6.9 10.3l.7-.4l.7-.5l-6.9-10.3z\\\">\u003C/path>\u003Cpath d=\\\"M13.4 44.9l-.7.5l3.2 4.8l.7-.5l.6-.4l-3.2-4.8z\\\">\u003C/path>\u003Cpath d=\\\"M12.3 37.7l-.7.5l6.8 10.3l.7-.5l.7-.4L13 37.3z\\\">\u003C/path>\u003Cpath d=\\\"M9 39.9l3.2 4.8l.7-.5l.7-.4l-3.2-4.8l-.7.4z\\\">\u003C/path>\u003Cpath d=\\\"M53.2 17.4l.7-.5l-3.2-4.8l-.7.4l-.7.5l3.2 4.8z\\\">\u003C/path>\u003Cpath d=\\\"M48.1 20.8l.7-.5l-3.2-4.8l-.7.5l-.7.4l3.2 4.8z\\\">\u003C/path>\u003Cpath d=\\\"M53 18.5l3.2 4.8l.7-.5l.7-.4l-3.2-4.8l-.7.4z\\\">\u003C/path>\u003Cpath d=\\\"M54.3 24.6l.7-.5l-6.9-10.3l-.7.5l-.6.4L53.6 25z\\\">\u003C/path>\u003Cpath d=\\\"M51.7 26.3l.7-.5l-3.2-4.8l-.7.5l-.7.4l3.2 4.8z\\\">\u003C/path>\u003C/g>\u003C/svg>\\t\\t\\t\\t\\t\\t\\t\\n 한국어\\n \u003C/div>\u003C/a>\u003C/div>\u003C/div>\u003Ca href=\\\"https://app.essepage.com/my\\\" class=\\\"py-2 px-6 rounded-full bg-neutral-800 text-white\\\">\\n GET STARTED\\n \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\\\">\\n GET STARTED\\n \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=\\\"()=>({});;\\\" 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\\\">\\n DO YOU HAVE QUESTIONS?\\n \u003C/h1>\u003Cp class=\\\"text-center text-xl\\\">\\n Below, you’ll find to the most common questions you may have on Essepage.\u003Cbr />\\n If you still can’t find the answer, \u003Ca href=\\\"/contact\\\" class=\\\"underline\\\">contact us\u003C/a> anytime.\\n \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>\\n Essepage는 어떤 서비스인가요?\\n \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\\\">\\n 에스페이지는 웹페이지 제작을 위한 모든 기능을 갖춘 온라인 서비스입니다. 복잡한 환경 설정도 필요 없고 서버관련 지식이 없어도 빠르게 웹페이지를 공개할 수 있습니다.\\n \u003C/p>\u003Cp>\\n 브라우저만 있으면 언제 어디서든 간단한 랜딩페이지에서 복잡한 웹애플리케이션까지 상상하는 모든 웹페이지를 만들수 있습니다.\\n \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>\\n 언제 Essepage를 사용하면 좋은가요?\\n \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\\\">\\n 웹페이지를 원하는대로 빠르게 만들고 싶을때 사용하면 좋습니다.\\n \u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">\\n 웹페이지를 만들때 항상 해야하는 작업으로 개발환경, 서버, 도메인등의 각종 준비 및 설정작업, 파일 업로드 및 확인작업이 있습니다. 복잡하면서도 번거로은 이러한 작업에 많은 시간을 소비해야하는 분들이 Essepage를 활용하면 많은 시간을 절약할 수 있습니다.\\n \u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">\\n Essepage에서는 HTML 코드를 넣고 클릭 몇번이면 페이지가 완성되고 공개됩니다. 간단한 랜딩페이지 뿐만 아니라 복잡한 웹애플리케이션도 만들 수 있습니다. 이렇게 만들어진 웹사이트는 클릭 한번으로 간단하게 복제할수 있어 많은 웹사이트를 만들고 관리해야할 때에 많은 도움이 됩니다.\\n \u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">\\n 프로젝트 공유 기능이 있어 다른사람과 함께 웹페이지를 제작할 수도 있고, 프로젝트를 다른 사람이 사용할 수있도록 템플릿으로 공개할 수도 있습니다.\\n \u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">\\n Essepage로 작업을 하다보면 웹사이트를 마치 워드나 한글 파일과 같은 느낌으로 편집을 하게 됩니다. ^^\\n \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>\\n 웹페이지를 만들기위해서 필요한 지식은 무엇인가요?\\n \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\\\">\\n 기본적인 HTML 지식이 필요하지만, 몰라도 걱정할 필요는 없습니다. 간단한 HTML 태그의 사용법을 몇개만 알고 있으면 됩니다. div, p, img, a, ... 의 4개의 태그만 알면 멋진 웹페이지를 만들기에 충분합니다. :)\\n \u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">\\n [div, p, img 및 a 태그만으로 멋진 웹페이지 만들기 Tutorial]\\n \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>\\n Essepage 를 사용하기 위해 필요한 것은 무엇이 있나요?\\n \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\\\">\\n 기본적인 HTML 지식이 필요하지만, 몰라도 걱정할 필요는 없습니다. 간단한 HTML 태그의 사용법을 몇개만 알고 있으면 됩니다. div, p, img, a, ... 의 4개의 태그만 알면 멋진 웹페이지를 만들기에 충분합니다. :)\\n \u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">\\n [div, p, img 및 a 태그만으로 멋진 웹페이지 만들기 Tutorial]\\n \u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">\\n 인터넷에 접속된 PC에 브라우저가 설치되어 있으면 모든 준비가 끝납니다.\\n \u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">\\n PC는 데스크톱 및 노트북 모두 가능하며, Chromebook과 Samsung DeX Mode를 이용 가능한 모바일기기에서도 잘 작동합니다. 키보드 및 마우스가 없어도 괜찮다면 태블릿 및 스마트폰에서도 문제없이 이용 가능합니다.\\n \u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">\\n 브라우저는 Google Chrome, Firefox, Microsoft Edge 및 Safari를 지원하며, Chromium을 기반으로 제작된 브라우저라면 문제없이 이용 가능합니다.\\n \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>\\n 다른서비스에 비해서 어떤점이 더 좋은가요?\\n \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\\\">\\n 드래그 앤 드롭으로 웹페이지를 만드는 서비스들이 많이 있습니다. 하지만 이런 서비스는 원하는대로 페이지를 수정하려고 하면 어느순간 한계가 있다는것을 알게 됩니다. 마음대로 페이지를 만들기 위해서는 HTML, CSS, JavaScript 등의 코드를 수정할 수 있어야 하는데 많은 제약이 따르지요.\\n \u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">\\n Essepage에서는 HTML, CSS, JavaScript의 사용을 권장하고 있으며 쉽게 사용할 수 있도록 계속해서 업데이트 중입니다. 또한 페이지를 만들면서 필요한 많은 기능이 미리 준비되어 있기 때문에 직접 만드는 수고를 덜 수 있습니다. CDN 사용도 자유롭기 때문에 필요한 기능이 있으면 CDN 에서 가져와 붙여넣으면 됩니다.\\n \u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">\\n Alpinejs, jQuery, TailwindCss, Pure.css, D3.js, animejs, swiperjs, day.js, Lodash, Chart.js, bideo.js, ... 등 필요한 기능은 그냥 가져와 사용하면 됩니다.\\n \u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">\\n 그밖에도 Essepage만의 특별한 기능들이 있으니 Docs를 확인해 주세요.\\n \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>\\n Essepage로 만드는 웹페이지의 한계에는 무엇이 있나요?\\n \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\\\">\\n Essepage는 HTML, CSS 및 JavaScript 를 자유롭게 사용할 수 있기 때문에 웹페이지를 제작하는데 있어서 한계는 없습니다.\\n \u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">\\n 단, 정적 페이지는 SSR로 동작을 하지만 Fetch를 하여 가져오는 데이터에 대해서는 CSR로 동작을하는 특징이 있습니다. (향후 업데이트 예정)\\n \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>\\n 웹페이지는 어떻게 인터넷에 업로드 하나요?\\n \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\\\">\\n 업로드 할 필요가 없습니다. Essepage가 서버역할을 하므로 작업내용을 저장하면 바로 접속하여 확인할 수 있습니다.\\n \u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">\\n 일반적인 웹페이지 제작과정 에서는 먼저 서버를 설정하고, 웹페이지 파일을 FTP 등의 애플리케이션을 이용하여 서버에 업로드 하는 작업을 거쳐 인터넷에 올리게 되지만 Esspage은 서버를 설정이 필요없고 파일을 업로드 할 필요도 없습니다. (덤으로 브라우저를 리로드까지 해 줍니다! ^^)\\n \u003C/p>\u003Cp class=\\\"mb-4 last:mb-0\\\">\\n 서버때문에 고생하셨던 분들은 이제 복잡한 서버작업에서 해방입니다.\\n \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>\\n Essepage만의 특별한 기능은 무엇인가요?\\n \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\\\">\\n 컴포넌트 기능 - Component 및 Slot 기능을 이용하여 쉽게 웹페이지의 공통된부분을 한번에 작업할 수 있습니다. (Manual)\\n \u003C/li>\u003Cli class=\\\"mb-4 last:mb-0\\\">\\n 다국어 사이트 기능 - 다국어 사이트 만들기가 너무 쉽습니다. 만약 사이트가 다국어를 지원해야 한다면 무조건 Essepage를 사용해서 제작하기를 권해드립니다. 외국어 페이지를 추가로 만들 필요 없이 번역된 텍스트만 추가하면 다국어 사이트가 완성됩니다.\\n \u003C/li>\u003Cli class=\\\"mb-4 last:mb-0\\\">\\n Markdown 서포트 - 모든 페이지에 Markdown 문법을 지원합니다. 블로그나 일기등의 컨텐츠 작성에 HTML 태그를 입력할 필요가 없습니다.\\n \u003C/li>\u003Cli class=\\\"mb-4 last:mb-0\\\">\\n 암호걸기 - 사이트 전체에 바로 암호를 설정하여 아무나 접속하지 못하도록 할 수 있습니다.\\n \u003C/li>\u003C/ul>\u003Cp class=\\\"mb-4 last:mb-0\\\">\\n 그밖에도 편리한 기능이 많이 있습니다. Docs 에서 확인...\\n \u003C/p>\u003C/div>\u003C/dd>\u003C/div>\u003C/dl>\u003C/div>\u003C/div>\u003Cdiv class=\\\"py-8\\\">\u003Cfooter>\\n \u003Cdiv class=\\\"text-center space-y-1\\\">\u003Cdiv class=\\\"text-xs md:text-sm\\\">\\n Essepage © 2022-2023 | Powered By ≶Essepage\\n \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]\\\">\\n 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>\\n\u003C/footer>\u003C/div>\u003C/div>\u003C/div>\u003C/div>\",\"script\":\"Essepage.afterUpdate((async()=>{__unocss_runtime.update();var e=new Swiper(\\\".mySwiper\\\",{loop:true,navigation:{nextEl:\\\".swiper-button-next\\\",prevEl:\\\".swiper-button-prev\\\"}});const t=document.querySelectorAll(\\\".tb-stack-box\\\");const r={root:null,rootMargin:\\\"0px\\\",threshold:.2};const o=new IntersectionObserver((function(e,t){e.forEach((function(e){if(e.intersectionRatio>0){var r=e.target.querySelectorAll(\\\".tb-pop-up\\\");for(var o=0;o\u003Cr.length;o++){var n=r[o];setTimeout((function(e){e.classList.add(\\\"show-el\\\")}),(o+.5)*150,n)}t.unobserve(e.target)}}))}),r);for(var n=0;n\u003Ct.length;n++){o.observe(t[n])}}));\",\"css\":\"\",\"essepage_head\":\"\u003Ctitle>ESSEPAGE [@ko ESSEPAGE - 에스페이지\u003C/title>\u003Cmeta name=\\\"keywords\\\" content=\\\"essepage, demo, homepage [@ko essepage, 에스페이지, 홈페이지, 프론트엔드\\\" />\u003Cmeta name=\\\"description\\\" content=\\\"Essepage homepage [@ko ESSEPAGE 홈페이지입니다.\\\" />\u003Cmeta property=\\\"og:title\\\" content=\\\"ESSEPAGE\\\" />\u003Cmeta property=\\\"og:description\\\" content=\\\"Essepage homepage [@ko 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\\\" />\u003Clink rel=\\\"stylesheet\\\" href=\\\"https://fastly.jsdelivr.net/npm/@unocss/reset/tailwind-compat.css\\\" />\u003Cscript src=\\\"https://fastly.jsdelivr.net/npm/@unocss/runtime\\\">\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://fastly.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css\\\" />\u003Cscript src=\\\"https://fastly.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js\\\">\u003C/script>\u003Cscript src=\\\"https://fastly.jsdelivr.net/npm/dayjs@1/dayjs.min.js\\\">\u003C/script>\u003Cscript defer src=\\\"https://fastly.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js\\\">\u003C/script>\u003Cstyle>[x-cloak]{display:none !important}[un-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:850px;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>\",\"page_title\":\"ESSEPAGE [@ko ESSEPAGE - 에스페이지\",\"page_meta\":{\"title\":\"ESSEPAGE [@ko ESSEPAGE - 에스페이지\",\"description\":\"Essepage homepage [@ko ESSEPAGE 홈페이지입니다.\",\"og_title\":\"ESSEPAGE\",\"og_description\":\"Essepage homepage [@ko ESSEPAGE 홈페이지입니다.\",\"og_image\":\"https://i.esdrop.com/d/f/XcGaoptYok/21Jq5XmWZ8.png\",\"keywords\":\"essepage, demo, homepage [@ko essepage, 에스페이지, 홈페이지, 프론트엔드\",\"viewport\":\"width=device-width, initial-scale=1\",\"og:title\":\"ESSEPAGE\",\"og:description\":\"Essepage homepage [@ko ESSEPAGE 홈페이지입니다.\",\"og:image\":\"https://i.esdrop.com/d/f/XcGaoptYok/21Jq5XmWZ8.png\",\"og:site_name\":\"ESSEPAGE\"},\"additional_languages\":[\"ko\"],\"default_language\":\"en\",\"file_type\":\"essepage\",\"page_token\":\"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3MjYwOTQxNjcsIm5iZiI6MTcyNjA5NDE2NywiZXhwIjoxNzI2MDk3NzY3LCJmcCI6ImFwaV9lc3NlcGFnZV9jb20iLCJkYXRhIjp7ImVzc2VwYWdlX3N0YXR1cyI6IjkwMCJ9fQ._0sEMOSXNOceVt8l1-P6yAJVmia5PHF6VQY6MHKsjbg\",\"s_fetch\":true,\"use_ssr_cache\":false,\"href_path\":\"/faq\",\"article_mode\":false,\"cv\":\"20240502071916\"}}"}