{"id":2911,"date":"2026-11-02T20:43:04","date_gmt":"2026-11-02T20:43:04","guid":{"rendered":"https:\/\/comciergy.com\/?page_id=2911"},"modified":"2026-11-02T20:43:04","modified_gmt":"2026-11-02T20:43:04","slug":"report","status":"publish","type":"page","link":"https:\/\/comciergy.com\/?page_id=2911","title":{"rendered":"Report"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ko\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\uace0\uac1d\uc0ac \uad00\ub9ac\ub0b4\uc5ed \ub9ac\ud3ec\ud2b8 \ub85c\uadf8\uc778 | Client Management Report<\/title>\n    <style>\n        :root {\n            --primary-color: #2563eb;\n            --primary-hover: #1d4ed8;\n            --bg-color: #f8fafc;\n            --card-bg: #ffffff;\n            --text-main: #1e293b;\n            --text-sub: #64748b;\n            --border-color: #cbd5e1;\n        }\n\n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        body {\n            font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;\n            background-color: var(--bg-color);\n            color: var(--text-main);\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            min-height: 100vh;\n        }\n\n        .report-login-container {\n            width: 100%;\n            max-width: 440px;\n            padding: 20px;\n        }\n\n        .login-card {\n            background-color: var(--card-bg);\n            border-radius: 16px;\n            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);\n            padding: 40px 32px;\n            border: 1px solid #e2e8f0;\n        }\n\n        .login-header {\n            text-align: center;\n            margin-bottom: 32px;\n        }\n\n        .login-header h1 {\n            font-size: 24px;\n            font-weight: 700;\n            color: var(--text-main);\n            margin-bottom: 8px;\n        }\n\n        .login-header p {\n            font-size: 14px;\n            color: var(--text-sub);\n        }\n\n        .form-group {\n            margin-bottom: 20px;\n        }\n\n        .form-group label {\n            display: block;\n            font-size: 13px;\n            font-weight: 600;\n            color: var(--text-main);\n            margin-bottom: 6px;\n        }\n\n        .form-group input {\n            width: 100%;\n            padding: 12px 16px;\n            font-size: 15px;\n            border: 1px solid var(--border-color);\n            border-radius: 8px;\n            outline: none;\n            transition: all 0.2s ease;\n        }\n\n        .form-group input:focus {\n            border-color: var(--primary-color);\n            box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);\n        }\n\n        .btn-submit {\n            width: 100%;\n            padding: 14px;\n            font-size: 16px;\n            font-weight: 600;\n            color: #ffffff;\n            background-color: var(--primary-color);\n            border: none;\n            border-radius: 8px;\n            cursor: pointer;\n            transition: background-color 0.2s ease;\n            margin-top: 10px;\n        }\n\n        .btn-submit:hover {\n            background-color: var(--primary-hover);\n        }\n\n        .login-footer {\n            text-align: center;\n            margin-top: 24px;\n            font-size: 12px;\n            color: var(--text-sub);\n        }\n\n        \/* \ub9ac\ud3ec\ud2b8 \uc870\ud68c \ud6c4 \ud45c\uc2dc\ub420 \ub300\uc2dc\ubcf4\ub4dc \uc601\uc5ed (\ucd08\uae30\uc5d4 \uc228\uae40 \ucc98\ub9ac) *\/\n        .report-dashboard {\n            display: none;\n            background-color: var(--card-bg);\n            border-radius: 16px;\n            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);\n            padding: 40px 32px;\n            width: 100%;\n            max-width: 800px;\n        }\n\n        .dashboard-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 24px;\n            border-bottom: 1px solid #e2e8f0;\n            padding-bottom: 16px;\n        }\n\n        .dashboard-header h2 {\n            font-size: 20px;\n            font-weight: 700;\n        }\n\n        .btn-logout {\n            padding: 6px 12px;\n            font-size: 13px;\n            background-color: #f1f5f9;\n            border: 1px solid var(--border-color);\n            border-radius: 6px;\n            cursor: pointer;\n        }\n\n        .report-table {\n            width: 100%;\n            border-collapse: collapse;\n            margin-top: 16px;\n        }\n\n        .report-table th, .report-table td {\n            padding: 12px;\n            text-align: left;\n            border-bottom: 1px solid #e2e8f0;\n            font-size: 14px;\n        }\n\n        .report-table th {\n            background-color: #f8fafc;\n            font-weight: 600;\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- 1. \ub85c\uadf8\uc778 \ud3fc \uc601\uc5ed (Login Form) -->\n    <div class=\"report-login-container\" id=\"loginSection\">\n        <div class=\"login-card\">\n            <div class=\"login-header\">\n                <h1>\uace0\uac1d\uc0ac \uad00\ub9ac \ub9ac\ud3ec\ud2b8<\/h1>\n                <p>Client Management Report Authentication<\/p>\n            <\/div>\n            <form id=\"clientLoginForm\" onsubmit=\"handleLogin(event)\">\n                <div class=\"form-group\">\n                    <label for=\"clientName\">\uc0c1\ud638 \ub610\ub294 \ud648\ud398\uc774\uc9c0 \uc8fc\uc18c (Company \/ URL)<\/label>\n                    <input type=\"text\" id=\"clientName\" placeholder=\"\uc608: (\uc8fc)\ucef4\uc2dc\uc5b4\uc9c0 \ub610\ub294 comciergy.com\" required>\n                <\/div>\n                <div class=\"form-group\">\n                    <label for=\"clientEmail\">\ub300\ud45c \uc774\uba54\uc77c (Representative Email)<\/label>\n                    <input type=\"email\" id=\"clientEmail\" placeholder=\"client@example.com\" required>\n                <\/div>\n                <div class=\"form-group\">\n                    <label for=\"clientPassword\">\ube44\ubc00\ubc88\ud638 (Access Password)<\/label>\n                    <input type=\"password\" id=\"clientPassword\" placeholder=\"\ube44\ubc00\ubc88\ud638\ub97c \uc785\ub825\ud558\uc138\uc694\" required>\n                <\/div>\n                <button type=\"submit\" class=\"btn-submit\">\uad00\ub9ac\ub0b4\uc5ed \uc870\ud68c (View Report)<\/button>\n            <\/form>\n            <div class=\"login-footer\">\n                <p>\uc811\uc18d\uc5d0 \ubb38\uc81c\uac00 \uc788\uc73c\uc2e0 \uacbd\uc6b0 \uad00\ub9ac\uc790\uc5d0\uac8c \ubb38\uc758\ud574 \uc8fc\uc138\uc694.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- 2. \uc778\uc99d \uc131\uacf5 \ud6c4 \ub178\ucd9c\ub420 \ub9ac\ud3ec\ud2b8 \ub300\uc2dc\ubcf4\ub4dc \uc601\uc5ed (Dashboard Preview) -->\n    <div class=\"report-dashboard\" id=\"dashboardSection\">\n        <div class=\"dashboard-header\">\n            <h2 id=\"welcomeTitle\">\uace0\uac1d\uc0ac \uad00\ub9ac\ub0b4\uc5ed \ub9ac\ud3ec\ud2b8<\/h2>\n            <button class=\"btn-logout\" onclick=\"handleLogout()\">\ub85c\uadf8\uc544\uc6c3 (Logout)<\/button>\n        <\/div>\n        <p style=\"font-size: 14px; color: var(--text-sub); margin-bottom: 20px;\">\ucd5c\uadfc \ud648\ud398\uc774\uc9c0 \uc720\uc9c0\ubcf4\uc218, \ubc31\uc5c5, \ubcf4\uc548(SSL) \ubc0f \uad11\uace0 \uc6b4\uc601 \ub9ac\ud3ec\ud2b8 \ud604\ud669\uc785\ub2c8\ub2e4.<\/p>\n        \n        <table class=\"report-table\">\n            <thead>\n                <tr>\n                    <th>\uc810\uac80 \uc77c\uc790 (Date)<\/th>\n                    <th>\uad6c\ubd84 (Category)<\/th>\n                    <th>\uad00\ub9ac \ubc0f \uc870\uce58 \ub0b4\uc5ed (Description)<\/th>\n                    <th>\ub2f4\ub2f9\uc790 (Manager)<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody>\n                <tr>\n                    <td>2026-11-01<\/td>\n                    <td>\ubcf4\uc548 \ubc0f \ubc31\uc5c5<\/td>\n                    <td>Plesk \uc790\ub3d9 \ubc31\uc5c5 \uc644\ub8cc \ubc0f SSL \uc778\uc99d\uc11c \uc720\ud6a8\uc131 \uac80\uc99d<\/td>\n                    <td>\uc2dc\uc2a4\ud15c \uad00\ub9ac\ud300<\/td>\n                <\/tr>\n                <tr>\n                    <td>2026-10-15<\/td>\n                    <td>\ucf58\ud150\uce20 \uc218\uc815<\/td>\n                    <td>\uba54\uc778 \ud398\uc774\uc9c0 \ubc30\ub108 \ub514\uc790\uc778 \uad50\uccb4 \ubc0f \ubaa8\ubc14\uc77c \ub808\uc774\uc544\uc6c3 \ucd5c\uc801\ud654<\/td>\n                    <td>\uc6f9\uc5d0\uc774\uc804\uc2dc<\/td>\n                <\/tr>\n                <tr>\n                    <td>2026-10-01<\/td>\n                    <td>SEO \ubc0f \ub9c8\ucf00\ud305<\/td>\n                    <td>\uac80\uc0c9\uc5d4\uc9c4(Naver\/Google) \uc0ac\uc774\ud2b8\ub9f5 \uc7ac\uc81c\ucd9c \ubc0f \uba54\ud0c0 \ud0dc\uadf8 \uc810\uac80<\/td>\n                    <td>\ub514\uc9c0\ud138 \ub9c8\ucf00\ud305\ud300<\/td>\n                <\/tr>\n            <\/tbody>\n        <\/table>\n    <\/div>\n\n    <script>\n        \/\/ \uac04\ub2e8\ud55c \uc2dc\ubbac\ub808\uc774\uc158\uc6a9 \ub85c\uadf8\uc778 \ucc98\ub9ac \ud568\uc218 (\uc2e4\uc81c \uc6b4\uc601 \uc2dc \ubc31\uc5d4\ub4dc API \uc5f0\ub3d9 \ud544\uc694)\n        function handleLogin(event) {\n            event.preventDefault();\n            \n            const clientName = document.getElementById('clientName').value;\n            const clientEmail = document.getElementById('clientEmail').value;\n            const clientPassword = document.getElementById('clientPassword').value;\n\n            \/\/ \uc608\uc2dc \uc778\uc99d \ud1b5\uacfc (\uc2e4\uc81c \ud658\uacbd\uc5d0\uc11c\ub294 \uc11c\ubc84 DB\uc640 \uac80\uc99d)\n            if(clientName && clientEmail && clientPassword) {\n                \/\/ \ud654\uba74 \uc804\ud658\n                document.getElementById('loginSection').style.display = 'none';\n                document.getElementById('dashboardSection').style.display = 'block';\n                document.getElementById('welcomeTitle').innerText = `${clientName} \uace0\uac1d\uc0ac \uad00\ub9ac\ub0b4\uc5ed \ub9ac\ud3ec\ud2b8`;\n            } else {\n                alert('\ubaa8\ub4e0 \uc815\ubcf4\ub97c \uc815\ud655\ud788 \uc785\ub825\ud574 \uc8fc\uc138\uc694.');\n            }\n        }\n\n        function handleLogout() {\n            document.getElementById('dashboardSection').style.display = 'none';\n            document.getElementById('loginSection').style.display = 'block';\n            document.getElementById('clientLoginForm').reset();\n        }\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\uace0\uac1d\uc0ac \uad00\ub9ac\ub0b4\uc5ed \ub9ac\ud3ec\ud2b8 \ub85c\uadf8\uc778 | Client Management Report \uace0\uac1d\uc0ac \uad00\ub9ac \ub9ac\ud3ec\ud2b8 Client Management Report Authentication \uc0c1\ud638 \ub610\ub294 \ud648\ud398\uc774\uc9c0 \uc8fc\uc18c (Company [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2911","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/comciergy.com\/index.php?rest_route=\/wp\/v2\/pages\/2911","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/comciergy.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/comciergy.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/comciergy.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/comciergy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2911"}],"version-history":[{"count":1,"href":"https:\/\/comciergy.com\/index.php?rest_route=\/wp\/v2\/pages\/2911\/revisions"}],"predecessor-version":[{"id":2926,"href":"https:\/\/comciergy.com\/index.php?rest_route=\/wp\/v2\/pages\/2911\/revisions\/2926"}],"wp:attachment":[{"href":"https:\/\/comciergy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2911"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}