\\n \u003Cmeta name=\\\"author\\\" content=\\\"Richard Freeman\\\" />\\n \u003Cmeta property=\\\"og:title\\\" content=\\\" Trail of Essepage\\\" />\\n \u003Cmeta property=\\\"og:description\\\" content=\\\"Essepage is Ultra-fast, front-end online web development platform. A web browser is all you need to get started.\\\" />\\n\\t\u003Cmeta property=\\\"og:image\\\" content=\\\"https://i.esdrop.com/d/f/bh8rwl3bwU/3ae1rhxZ8A.png\\\" />\\n\\t\u003Clink rel=\\\"icon\\\" href=\\\"https://i.esdrop.com/d/f/bh8rwl3bwU/EJyuLJkyVb.png\\\" />\\n\\n\\t\\n\\t\u003Cmeta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1\\\" />\\n\\n\\t\\n\\t\u003Cscript src=\\\"https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4/dist/index.global.js\\\">\u003C/script>\\n\\n\\t\\n\\t\u003Cscript src=\\\"https://cdn.jsdelivr.net/npm/dayjs@1/dayjs.min.js\\\">\u003C/script>\\n\\n\\t\\n\\t\u003Cscript defer src=\\\"https://cdn.jsdelivr.net/npm/alpinejs@3/dist/cdn.min.js\\\">\u003C/script>\\n\\n\\t\u003Cstyle>\\n\\t\\t[x-cloak] { display: none !important; }\\n\\t\\t[data-essepage-tag-name] { display: block; }\\n\\n\\t\\tbody {\\n\\t\\t\\t/* CJK font support for Apple devices */\\n\\t\\t\\tfont-family: -apple-system, BlinkMacSystemFont, \\\"Hiragino Sans\\\", \\\"Apple SD Gothic Neo\\\", \\\"Segoe UI\\\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \\\"Helvetica Neue\\\", ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\";\\n\\n\\t\\t\\t/* font-variant-ligatures: common-ligatures;\\n\\t\\t\\ttext-rendering: optimizeLegibility;\\n\\t\\t\\t-webkit-font-smoothing: antialiased; */\\n\\t\\t}\\n\\n\\t\\t@charset \\\"UTF-8\\\";\\n.markdown-content {\\n /* pre 안에 직속 자식으로 code가 있을 때만 적용 */\\n /* pre:has(> code) {\\n } */\\n /* pre 안에 있지 않은 code에만 적용 */\\n /* :not(pre) > code {\\n color: red;\\n } */\\n}\\n.markdown-content h1, .markdown-content h2, .markdown-content h3, .markdown-content h4 {\\n font-weight: var(--estw-font-weight-semibold);\\n}\\n.markdown-content h1 {\\n margin-top: calc(var(--estw-spacing) * 8);\\n margin-bottom: calc(var(--estw-spacing) * 5);\\n font-size: var(--estw-text-4xl);\\n line-height: var(--estw-text-4xl--line-height);\\n}\\n.markdown-content h2 {\\n margin-top: calc(var(--estw-spacing) * 10);\\n margin-bottom: calc(var(--estw-spacing) * 4);\\n font-size: var(--estw-text-2xl);\\n line-height: var(--estw-text-2xl--line-height);\\n}\\n.markdown-content h3 {\\n margin-top: calc(var(--estw-spacing) * 6);\\n margin-bottom: calc(var(--estw-spacing) * 2);\\n font-size: var(--estw-text-xl);\\n line-height: var(--estw-text-xl--line-height);\\n}\\n.markdown-content h4 {\\n margin-top: calc(var(--estw-spacing) * 6);\\n margin-bottom: calc(var(--estw-spacing) * 2);\\n font-size: var(--estw-text-base);\\n line-height: var(--estw-text-base--line-height);\\n}\\n.markdown-content code, .markdown-content pre {\\n font-family: \\\"Menlo\\\", \\\"Courier New\\\", monospace;\\n font-size: var(--estw-text-base);\\n line-height: var(--estw-text-base--line-height);\\n border-radius: var(--estw-radius-md);\\n border: 1px solid var(--estw-color-gray-200);\\n background-color: var(--estw-color-gray-100);\\n}\\n.markdown-content code:not(pre > code) {\\n /* background: #f0f0f0;\\n padding: 0.2em 0.4em; */\\n border: 1px solid var(--estw-color-gray-200);\\n /* color: #d63384; */\\n /* color: var(--estw-color-pink-700); */\\n color: oklch(52.5% 0.223 3.958);\\n}\\n.markdown-content code {\\n padding-block: calc(var(--estw-spacing) * 0.75);\\n padding-inline: calc(var(--estw-spacing) * 1.25);\\n font-size: var(--estw-text-sm);\\n}\\n.markdown-content pre {\\n display: block;\\n overflow-x: scroll;\\n margin-block: calc(var(--estw-spacing) * 2);\\n padding-inline: calc(var(--estw-spacing) * 4);\\n padding-block: calc(var(--estw-spacing) * 3);\\n}\\n.markdown-content pre code {\\n display: block;\\n width: fit-content;\\n border: 0;\\n padding: 0;\\n background-color: inherit;\\n font-size: var(--estw-text-sm);\\n line-height: var(--estw-leading-snug);\\n}\\n.markdown-content p {\\n margin-block: calc(var(--estw-spacing) * 5);\\n font-size: var(--estw-text-base);\\n line-height: var(--estw-text-base--line-height);\\n}\\n.markdown-content p:first-child {\\n margin-top: 0;\\n}\\n.markdown-content p:last-child {\\n margin-bottom: 0;\\n}\\n.markdown-content article h1:first-child, .markdown-content article h2:first-child, .markdown-content article h3:first-child, .markdown-content article h4:first-child, .markdown-content article p:first-child {\\n margin-top: 0;\\n}\\n.markdown-content a {\\n color: var(--estw-color-blue-500);\\n text-decoration: underline;\\n text-underline-offset: 2px;\\n cursor: pointer;\\n transition-property: color;\\n transition-timing-function: var(--estw-default-transition-timing-function);\\n transition-duration: var(--estw-default-transition-duration);\\n}\\n.markdown-content a:hover {\\n color: var(--estw-color-blue-600);\\n}\\n.markdown-content img {\\n display: block;\\n max-width: 100%;\\n margin-inline: auto;\\n}\\n.markdown-content blockquote {\\n margin-block: calc(var(--estw-spacing) * 6);\\n padding-inline-start: calc(var(--estw-spacing) * 4);\\n border-inline-start-width: calc(var(--estw-spacing) * 1);\\n border-inline-start-color: var(--estw-color-neutral-700);\\n font-weight: var(--font-weight-semibold);\\n font-style: italic;\\n}\\n.markdown-content table {\\n display: block;\\n width: 100%;\\n max-width: 100%;\\n margin-block: calc(var(--estw-spacing) * 8);\\n overflow-x: auto;\\n white-space: nowrap;\\n border-collapse: collapse;\\n}\\n.markdown-content table thead {\\n border-bottom-width: 1px;\\n border-bottom-color: var(--estw-color-neutral-400);\\n}\\n.markdown-content table th {\\n font-weight: var(--font-weight-semibold);\\n vertical-align: bottom;\\n padding-inline: calc(var(--estw-spacing) * 5);\\n padding-bottom: calc(var(--estw-spacing) * 2);\\n}\\n.markdown-content table tbody tr {\\n border-bottom-width: 1px;\\n border-bottom-color: var(--estw-color-neutral-300);\\n}\\n.markdown-content table tbody tr td {\\n padding-top: calc(var(--estw-spacing) * 3);\\n padding-bottom: calc(var(--estw-spacing) * 2);\\n padding-inline: calc(var(--estw-spacing) * 5);\\n}\\n.markdown-content ul, .markdown-content ol {\\n margin-block: calc(var(--estw-spacing) * 5);\\n padding-left: calc(var(--estw-spacing) * 6);\\n}\\n.markdown-content ul:first-child, .markdown-content ol:first-child {\\n margin-top: 0;\\n}\\n.markdown-content ul {\\n list-style-type: disc;\\n}\\n.markdown-content ul ul {\\n list-style-type: circle;\\n}\\n.markdown-content ul ul ul {\\n list-style-type: square;\\n}\\n.markdown-content ol {\\n list-style-type: decimal;\\n}\\n.markdown-content ol ol {\\n list-style-type: lower-alpha;\\n}\\n.markdown-content ol ol ol {\\n list-style-type: lower-roman;\\n}\\n.markdown-content li {\\n margin-block: calc(var(--estw-spacing) * 2);\\n padding-inline-start: calc(var(--estw-spacing) * 1);\\n}\\n.markdown-content hr {\\n border-color: var(--estw-color-gray-400);\\n border-style: dashed;\\n}\\n.markdown-content figure {\\n /* @apply my-8; */\\n margin-block: calc(var(--estw-spacing) * 8);\\n}\\n.markdown-content figure img {\\n margin-bottom: 0;\\n}\\n.markdown-content figure figcaption {\\n /* @apply text-sm mt-1; */\\n font-size: var(--estw-text-sm);\\n line-height: var(--estw-text-sm--line-height);\\n margin-top: calc(var(--estw-spacing) * 1);\\n}\\n:is(html.dark) .markdown-content blockquote {\\n border-inline-start-color: var(--estw-color-gray-400);\\n}\\n:is(html.dark) .markdown-content code, :is(html.dark) .markdown-content pre {\\n background-color: var(--estw-color-stone-700);\\n}\\n:is(html.dark) .markdown-content pre code {\\n background-color: inherit;\\n}\\n\\n\\t\u003C/style>\",\"page_title\":\" Trail of Essepage\",\"page_browser_title\":\" Trail of Essepage\",\"page_datetime\":\"2024-01-11T06:15:00Z\",\"page_meta\":{\"title\":\" Trail of Essepage\",\"description\":\"Essepage is Ultra-fast, front-end online web development platform. A web browser is all you need to get started.\",\"author\":\"Richard Freeman\",\"viewport\":\"width=device-width, initial-scale=1\",\"og:title\":\" Trail of Essepage\",\"og:description\":\"Essepage is Ultra-fast, front-end online web development platform. A web browser is all you need to get started.\",\"og:image\":\"https://i.esdrop.com/d/f/bh8rwl3bwU/3ae1rhxZ8A.png\"},\"additional_languages\":[\"ko\",\"ja\"],\"default_language\":\"en\",\"file_type\":\"essepage\",\"page_token\":\"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NDY4MzA5NzYsIm5iZiI6MTc0NjgzMDk3NiwiZXhwIjoxNzQ2ODM0NTc2LCJmcCI6ImFwaV9lc3NlcGFnZV9jb20iLCJkYXRhIjp7ImVzc2VwYWdlX3N0YXR1cyI6IjkwMCJ9fQ.zzlTihqo_g8sPVXcpSiRh1LzEn_wLjVFo4eDeCT5Fz8\",\"s_fetch\":true,\"use_ssr_cache\":false,\"href_path\":\"/essepage-blog\",\"article_mode\":false,\"cv\":\"20250509152413\"}}"}