{"id":9,"date":"2025-08-27T07:16:41","date_gmt":"2025-08-27T07:16:41","guid":{"rendered":"https:\/\/jayweb.kr\/?page_id=9"},"modified":"2025-08-27T07:16:41","modified_gmt":"2025-08-27T07:16:41","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/jayweb.kr\/?page_id=9","title":{"rendered":"\ud3ec\ud2b8\ud3f4\ub9ac\uc624"},"content":{"rendered":"        <div class=\"vp-portfolio-wrapper\">\n            <main class=\"vp-portfolio-container\">\n                <!-- \ubaa8\ubc14\uc77c \ud5e4\ub354 -->\n                <header class=\"vp-mobile-header\">\n                    <div class=\"vp-search-wrapper\">\n                        <label class=\"screen-reader-text\" for=\"vp-search-mobile\">\ud3ec\ud2b8\ud3f4\ub9ac\uc624 \ud0a4\uc6cc\ub4dc \uac80\uc0c9<\/label>\n                        <input type=\"text\" id=\"vp-search-mobile\" class=\"vp-search-input\" placeholder=\"\ud3ec\ud2b8\ud3f4\ub9ac\uc624\uba85\" \/>\n                    <\/div>\n                    <button class=\"vp-filter-toggle-mobile\" type=\"button\">\n                        <span class=\"vp-filter-count\">0<\/span>\n                        <i class=\"fas fa-sliders-h\" aria-hidden=\"true\"><\/i>\n                    <\/button>\n                <\/header>\n                \n                <!-- \ud3ec\ud2b8\ud3f4\ub9ac\uc624 \uc544\uc774\ud15c \uc139\uc158 -->\n                <div class=\"vp-portfolio-items\">\n                    <p class=\"vp-portfolio-count\">\n                        <span class=\"vp-count-number\">0<\/span>\uac1c\uc758 \ud3ec\ud2b8\ud3f4\ub9ac\uc624                    <\/p>\n                    <div class=\"vp-masonry-grid\" id=\"vp-portfolio-grid\" data-columns=\"2\">\n                        <!-- \ud3ec\ud2b8\ud3f4\ub9ac\uc624 \uc544\uc774\ud15c\ub4e4\uc774 AJAX\ub85c \ub85c\ub4dc\ub428 -->\n                    <\/div>\n                    <div class=\"vp-loading\" style=\"display: none;\">\n                        <div class=\"vp-spinner\"><\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- \uc0ac\uc774\ub4dc\ubc14 (\ub370\uc2a4\ud06c\ud1b1) -->\n                <aside class=\"vp-sidebar\">\n                    <div class=\"vp-sidebar-sticky\">\n                        <div class=\"vp-sidebar-header\">\n                            <div class=\"vp-search-wrapper\">\n                                <label class=\"screen-reader-text\" for=\"vp-search-desktop\">\ud3ec\ud2b8\ud3f4\ub9ac\uc624 \ud0a4\uc6cc\ub4dc \uac80\uc0c9<\/label>\n                                <input type=\"text\" id=\"vp-search-desktop\" class=\"vp-search-input\" placeholder=\"\ud3ec\ud2b8\ud3f4\ub9ac\uc624\uba85\" \/>\n                            <\/div>\n                            <button class=\"vp-filter-reset\" type=\"button\">\n                                <i class=\"fas fa-redo\" aria-hidden=\"true\"><\/i>\n                                <span>\ud544\ud130 \ucd08\uae30\ud654<\/span>\n                            <\/button>\n                        <\/div>\n                        \n                        <!-- \ud544\ud130 \uc139\uc158 -->\n                        <div class=\"vp-filters\" id=\"vp-filters-container\">\n                                            <div class=\"vp-filter-section\" data-parent-id=\"3\">\n                    <h3 class=\"vp-filter-title\">\n                        <button type=\"button\" class=\"vp-filter-toggle\" aria-expanded=\"true\" aria-controls=\"filter-content-3\">\n                            \uc785\uc2dc                            <i class=\"fas fa-chevron-down vp-chevron\" aria-hidden=\"true\"><\/i>\n                        <\/button>\n                    <\/h3>\n                    <div class=\"vp-filter-content\" id=\"filter-content-3\">\n                        <div class=\"vp-filter-buttons\">\n                                                                <button type=\"button\" \n                                            class=\"vp-filter-button\" \n                                            data-category-id=\"4\"\n                                            data-category-slug=\"subject\">\n                                        \uace0\uad50\ud559\uc810\uc81c \uacfc\ubaa9                                    <\/button>\n                                                            <\/div>\n                    <\/div>\n                <\/div>\n                                        <\/div>\n                    <\/div>\n                <\/aside>\n            <\/main>\n            \n            <!-- \ud3ec\ud2b8\ud3f4\ub9ac\uc624 \uc0c1\uc138 \ubaa8\ub2ec -->\n            <div id=\"vp-portfolio-modal\" class=\"vp-modal-overlay\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"vp-modal-title\">\n                <div class=\"vp-modal-content\">\n                    <div class=\"vp-modal-header\">\n                        <h1 class=\"vp-modal-title\" id=\"vp-modal-title\"><\/h1>\n                    <\/div>\n                    <div class=\"vp-modal-body\">\n                        <div class=\"vp-modal-grid\">\n                            <!-- \uba54\uc778 \ucf58\ud150\uce20 (\uc774\ubbf8\uc9c0\uc640 \uc2a4\ud399) -->\n                            <div class=\"vp-modal-main\">\n                                <div id=\"vp-modal-images-container\" class=\"vp-modal-images\">\n                                    <!-- \uc774\ubbf8\uc9c0\ub4e4\uc774 \ub3d9\uc801\uc73c\ub85c \ub85c\ub4dc\ub428 -->\n                                <\/div>\n                                \n                                <div class=\"vp-modal-content-wrapper\">\n                                    <div id=\"vp-modal-content\" class=\"vp-modal-description\">\n                                        <!-- \ud3ec\ud2b8\ud3f4\ub9ac\uc624 \ub0b4\uc6a9 -->\n                                    <\/div>\n                                <\/div>\n                                \n                                <!-- \ud328\ud0a4\uc9c0 \uc0ac\uc591 -->\n                                <div class=\"vp-specs-section\" style=\"display: none;\">\n                                    <div class=\"vp-specs-content\">\n                                        <div class=\"vp-specs-card\">\n                                            <div class=\"vp-specs-title\">\uc0c1\uc138 \uc2a4\ud399<\/div>\n                                            <div id=\"vp-modal-specs-container\" class=\"vp-specs-list\">\n                                                <!-- \uc2a4\ud399\uc774 \ub3d9\uc801\uc73c\ub85c \ub85c\ub4dc\ub428 -->\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <button id=\"vp-modal-close\" class=\"vp-modal-close\" type=\"button\" aria-label=\"\ub2eb\uae30\">\n                        <i class=\"fas fa-times\" aria-hidden=\"true\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/div>\n            \n            <!-- \ubaa8\ubc14\uc77c \ud544\ud130 \uc0ac\uc774\ub4dc \uba54\ub274 -->\n            <div id=\"vp-mobile-filter-overlay\" class=\"vp-mobile-filter-overlay\"><\/div>\n            <div id=\"vp-mobile-filter-menu\" class=\"vp-mobile-filter-menu\">\n                <div class=\"vp-mobile-filter-header\">\n                    <h2 class=\"vp-mobile-filter-title\">\ud544\ud130<\/h2>\n                    <button id=\"vp-mobile-filter-close\" class=\"vp-mobile-filter-close\" type=\"button\" aria-label=\"\ub2eb\uae30\">\n                        <i class=\"fas fa-times\" aria-hidden=\"true\"><\/i>\n                    <\/button>\n                <\/div>\n                <div class=\"vp-mobile-filter-body\">\n                    <div class=\"vp-mobile-filter-search\">\n                        <div class=\"vp-search-wrapper\">\n                            <label class=\"screen-reader-text\" for=\"vp-search-mobile-filter\">\ud3ec\ud2b8\ud3f4\ub9ac\uc624 \ud0a4\uc6cc\ub4dc \uac80\uc0c9<\/label>\n                            <input type=\"text\" id=\"vp-search-mobile-filter\" class=\"vp-search-input\" placeholder=\"\ud3ec\ud2b8\ud3f4\ub9ac\uc624\uba85\" \/>\n                        <\/div>\n                    <\/div>\n                    \n                    <button class=\"vp-mobile-filter-reset\" type=\"button\">\n                        <i class=\"fas fa-redo\" aria-hidden=\"true\"><\/i>\n                        <span>\ud544\ud130 \ucd08\uae30\ud654<\/span>\n                    <\/button>\n                    \n                    <!-- \ud544\ud130 \uc139\uc158 -->\n                    <div class=\"vp-mobile-filters\" id=\"vp-mobile-filters-container\">\n                                        <div class=\"vp-filter-section\" data-parent-id=\"3\">\n                    <h3 class=\"vp-filter-title\">\n                        <button type=\"button\" class=\"vp-filter-toggle\" aria-expanded=\"true\" aria-controls=\"filter-content-3\">\n                            \uc785\uc2dc                            <i class=\"fas fa-chevron-down vp-chevron\" aria-hidden=\"true\"><\/i>\n                        <\/button>\n                    <\/h3>\n                    <div class=\"vp-filter-content\" id=\"filter-content-3\">\n                        <div class=\"vp-filter-buttons\">\n                                                                <button type=\"button\" \n                                            class=\"vp-filter-button\" \n                                            data-category-id=\"4\"\n                                            data-category-slug=\"subject\">\n                                        \uace0\uad50\ud559\uc810\uc81c \uacfc\ubaa9                                    <\/button>\n                                                            <\/div>\n                    <\/div>\n                <\/div>\n                                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jayweb.kr\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jayweb.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jayweb.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jayweb.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jayweb.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":0,"href":"https:\/\/jayweb.kr\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"wp:attachment":[{"href":"https:\/\/jayweb.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}