[ { "id": "fc-block-5-rya943tj4", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPklNQUdFPC90c3Bhbj4KICAgIDwvdGV4dD4KICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xMCAxMWgzMHYxOEgxMHoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useWideMode", "type": "checkbox", "description": "use Wide mode" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "imageAlt", "type": "text", "description": "image alt" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "startDate": "", "endDate": "", "backgroundColor": "#ffffff", "useWideMode": false, "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "imageHeight": 0, "alt": "", "useNewTab": true, "link": "" }, "template": "

;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

\">\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \n \n <% } else { %>\n \n <% } %>\n

\n <% } %>\n

\n" }, "values": { "startDate": "", "endDate": "", "backgroundColor": "#330000", "useWideMode": false, "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/093509-565/intro-06.webp", "mobileImageUrl": "", "imageWidth": "500", "imageHeight": 0, "alt": "", "useNewTab": true, "link": "", "imageAlt": "비비비 일러스트레이터" }, "uniqueId": "fc-block-1-9srppz725", "isChecked": false }, { "id": "fc-block-3-53f2o7haj", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPklNQUdFPC90c3Bhbj4KICAgIDwvdGV4dD4KICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xMCAxMWgzMHYxOEgxMHoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useWideMode", "type": "checkbox", "description": "use Wide mode" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "imageAlt", "type": "text", "description": "image alt" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "startDate": "", "endDate": "", "backgroundColor": "#ffffff", "useWideMode": false, "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "imageHeight": 0, "alt": "", "useNewTab": true, "link": "" }, "template": "

;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

\n <% } %>\n

\n" }, "values": { "startDate": "", "endDate": "", "backgroundColor": "#330000", "useWideMode": false, "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/111740-1093/detail-asset-beyondbetterbrand-01.webp", "mobileImageUrl": "", "imageWidth": "500", "imageHeight": 0, "alt": "", "useNewTab": true, "link": "", "imageAlt": "비비비 일러스트레이터" }, "uniqueId": "fc-block-2-jkqz89mb7", "isChecked": false }, { "id": "fc-block-6-1iku547m0", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPklNQUdFPC90c3Bhbj4KICAgIDwvdGV4dD4KICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xMCAxMWgzMHYxOEgxMHoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useWideMode", "type": "checkbox", "description": "use Wide mode" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "imageAlt", "type": "text", "description": "image alt" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "startDate": "", "endDate": "", "backgroundColor": "#ffffff", "useWideMode": false, "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "imageHeight": 0, "alt": "", "useNewTab": true, "link": "" }, "template": "

;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

\n <% } %>\n

\n" }, "values": { "startDate": "", "endDate": "", "backgroundColor": "#330000", "useWideMode": false, "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/093715-565/intro-04.webp", "mobileImageUrl": "", "imageWidth": "500", "imageHeight": 0, "alt": "", "useNewTab": true, "link": "", "imageAlt": "비비비 일러스트레이터" }, "uniqueId": "fc-block-3-6k5gkbz02", "isChecked": false }, { "id": "fc-block-7-ghyx619vb", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPklNQUdFPC90c3Bhbj4KICAgIDwvdGV4dD4KICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xMCAxMWgzMHYxOEgxMHoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useWideMode", "type": "checkbox", "description": "use Wide mode" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "imageAlt", "type": "text", "description": "image alt" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "startDate": "", "endDate": "", "backgroundColor": "#ffffff", "useWideMode": false, "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "imageHeight": 0, "alt": "", "useNewTab": true, "link": "" }, "template": "

;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

\n <% } %>\n

\n" }, "values": { "startDate": "", "endDate": "", "backgroundColor": "#121212", "useWideMode": false, "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/093756-565/intro-03.webp", "mobileImageUrl": "", "imageWidth": "500", "imageHeight": 0, "alt": "", "useNewTab": true, "link": "", "imageAlt": "비비비 일러스트레이터" }, "uniqueId": "fc-block-4-hy5ggvb5i", "isChecked": false }, { "id": "fc-block-8-2nejjfxrm", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPklNQUdFPC90c3Bhbj4KICAgIDwvdGV4dD4KICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xMCAxMWgzMHYxOEgxMHoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useWideMode", "type": "checkbox", "description": "use Wide mode" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "imageAlt", "type": "text", "description": "image alt" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "startDate": "", "endDate": "", "backgroundColor": "#ffffff", "useWideMode": false, "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "imageHeight": 0, "alt": "", "useNewTab": true, "link": "" }, "template": "

;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

\n <% } %>\n

\n" }, "values": { "startDate": "", "endDate": "", "backgroundColor": "#000", "useWideMode": false, "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/093806-565/intro-02.webp", "mobileImageUrl": "", "imageWidth": "500", "imageHeight": 0, "alt": "", "useNewTab": true, "link": "", "imageAlt": "비비비 일러스트레이터" }, "uniqueId": "fc-block-5-1kbrekkzt", "isChecked": false }, { "id": "fc-block-2-fqrnbrmnr", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPklNQUdFPC90c3Bhbj4KICAgIDwvdGV4dD4KICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xMCAxMWgzMHYxOEgxMHoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useWideMode", "type": "checkbox", "description": "use Wide mode" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "imageAlt", "type": "text", "description": "image alt" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "startDate": "", "endDate": "", "backgroundColor": "#ffffff", "useWideMode": false, "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "imageHeight": 0, "alt": "", "useNewTab": true, "link": "" }, "template": "

;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

\n <% } %>\n

\n" }, "values": { "startDate": "", "endDate": "", "backgroundColor": "#FF9A00", "useWideMode": false, "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/143203-831/intro-01.webp", "mobileImageUrl": "", "imageWidth": "500", "imageHeight": 0, "alt": "", "useNewTab": true, "link": "", "imageAlt": "비비비 일러스트레이터" }, "uniqueId": "fc-block-6-lp9wecd08", "isChecked": false }, { "id": "fc-block-12-wewyrp1x3", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BUkdJTjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjMsNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy41IDMwaDQzIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0yNS4wOSA0LjA4NXYyMS44MzEiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNS4wODkgM2wtNC4wOSA0LjM5OC43MzQuNjgzIDMuMzU2LTMuNjEyIDMuMzU4IDMuNjEyLjczMi0uNjgzek0yNS4wODkgMjUuNTMybC0zLjM1Ni0zLjYxMy0uNzMzLjY4M0wyNS4wODkgMjdsNC4wOS00LjM5OC0uNzMyLS42ODN6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "40", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-7-6klt7bkai", "isChecked": false }, { "id": "fc-block-10-y1ys0kbtu", "layout": { "id": "203", "description": "1~4단 이미지와 텍스트", "icon": "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%3e%3cg%20fill='none'%20fill-rule='nonzero'%3e%3cpath%20fill='%23FFF'%20stroke='%23000'%20stroke-width='2'%20d='M1%201h48v48H1z'/%3e%3cpath%20fill='%23B4B4B4'%20stroke='%23000'%20stroke-width='2'%20d='M5%2020h7v6H5zM16%2020h7v6h-7zM27%2020h7v6h-7zM38%2020h7v6h-7z'/%3e%3cpath%20fill='%23000'%20d='M4%2029h9v2H4zM15%2029h9v2h-9zM26%2029h9v2h-9zM37%2029h9v2h-9z'/%3e%3c/g%3e%3c/svg%3e", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "imageUrl1", "type": "image", "description": "230 x 152" }, { "name": "imageAlt1", "type": "text", "description": "image1 alt" }, { "name": "title1", "type": "textarea", "description": "title1 text" }, { "name": "content1", "type": "textarea", "description": "content text" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "buttonLabel1", "type": "text", "description": "버튼에 들어갈 문구를 입력해주세요. 입력내용이 없으면 버튼은 사라집니다." }, { "name": "buttonLink1", "type": "text", "description": "이미지와 버튼에 삽입할 링크를 입력해주세요." }, { "name": "imageUrl2", "type": "image", "description": "230 x 152" }, { "name": "imageAlt2", "type": "text", "description": "image2 alt" }, { "name": "title2", "type": "textarea", "description": "title2 text" }, { "name": "content2", "type": "textarea", "description": "content text" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "buttonLabel2", "type": "text", "description": "버튼에 들어갈 문구를 입력해주세요. 입력내용이 없으면 버튼은 사라집니다." }, { "name": "buttonLink2", "type": "text", "description": "이미지와 버튼에 삽입할 링크를 입력해주세요." }, { "name": "imageUrl3", "type": "image", "description": "230 x 152" }, { "name": "imageAlt3", "type": "text", "description": "image3 alt" }, { "name": "title3", "type": "textarea", "description": "title3 text" }, { "name": "content3", "type": "textarea", "description": "content text" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "buttonLabel3", "type": "text", "description": "버튼에 들어갈 문구를 입력해주세요. 입력내용이 없으면 버튼은 사라집니다." }, { "name": "buttonLink3", "type": "text", "description": "이미지와 버튼에 삽입할 링크를 입력해주세요." }, { "name": "imageUrl4", "type": "image", "description": "230 x 152" }, { "name": "imageAlt4", "type": "text", "description": "image4 alt" }, { "name": "title4", "type": "textarea", "description": "title4 text" }, { "name": "content4", "type": "textarea", "description": "content text" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "buttonLabel4", "type": "text", "description": "버튼에 들어갈 문구를 입력해주세요. 입력내용이 없으면 버튼은 사라집니다." }, { "name": "buttonLink4", "type": "text", "description": "이미지와 버튼에 삽입할 링크를 입력해주세요." } ], "values": { "backgroundColor": "#ffffff", "textColor": "", "buttonColor": "#466eff", "buttonTextColor": "#ffffff", "useTextCenter": false, "useColumnInMobile": false, "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "imageUrl1": "", "title1": "", "content1": "", "useNewTab1": true, "buttonLabel1": "", "buttonLink1": "", "imageUrl2": "", "title2": "", "content2": "", "useNewTab2": true, "buttonLabel2": "", "buttonLink2": "", "imageUrl3": "", "title3": "", "content3": "", "useNewTab3": true, "buttonLabel3": "", "buttonLink3": "", "imageUrl4": "", "title4": "", "content4": "", "useNewTab4": true, "buttonLabel4": "", "buttonLink4": "" }, "template": "

;\">\n

\">\n

\" style=\"color: <%= textColor || '#000000' %>\">\n <% if (imageUrl1 || title1 || content1 || buttonLabel1) { %>\n

\n <% if (imageUrl1 && buttonLink1) { %>\n \" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n

\" alt=\"<%= imageAlt1 %>\" loading=\"lazy\">\n \n <% } else if (imageUrl1) { %>\n

\" alt=\"<%= imageAlt1 %>\" loading=\"lazy\">\n <% } %>\n <% if (title1) { %>\n

\"><%= title1 %>

\n <% } %>\n <% if (content1) { %>\n

\"><%= content1 %>

\n <% } %>\n <% if(buttonLabel1) { %>\n \" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#466eff' %>; color: <%= buttonTextColor || '#ffffff' %>\"><%= buttonLabel1 %>\n <% } %>\n

\n <% } %>\n <% if (imageUrl2 || title2 || content2 || buttonLabel2) { %>\n

\n <% if (imageUrl2 && buttonLink2) { %>\n \" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n

\" alt=\"<%= imageAlt2 %>\" loading=\"lazy\">\n \n <% } else if (imageUrl2) { %>\n

\" alt=\"<%= imageAlt2 %>\" loading=\"lazy\">\n <% } %>\n <% if(title2) { %>\n

\"><%= title2 %>

\n <% } %>\n <% if(content2) { %>\n

\"><%= content2 %>

\n <% } %>\n <% if(buttonLabel2) { %>\n \" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#466eff' %>; color: <%= buttonTextColor || '#ffffff' %>\"><%= buttonLabel2 %>\n <% } %>\n

\n <% } %>\n <% if (imageUrl3 || title3 || content3 || buttonLabel3) { %>\n

\n <% if (imageUrl3 && buttonLink3) { %>\n \" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n

\" alt=\"<%= imageAlt3 %>\" loading=\"lazy\">\n \n <% } else if (imageUrl3) { %>\n

\" alt=\"<%= imageAlt3 %>\" loading=\"lazy\">\n <% } %>\n <% if(title3) { %>\n

\"><%= title3 %>

\n <% } %>\n <% if(content3) { %>\n

\"><%= content3 %>

\n <% } %>\n <% if(buttonLabel3) { %>\n \" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#466eff' %>; color: <%= buttonTextColor || '#ffffff' %>\"><%= buttonLabel3 %>\n <% } %>\n

\n <% } %>\n <% if (imageUrl4 || title4 || content4 || buttonLabel4) { %>\n

\n <% if (imageUrl4 && buttonLink4) { %>\n \" <% if(useNewTab4) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n

\" alt=\"<%= imageAlt4 %>\" loading=\"lazy\">\n \n <% } else if (imageUrl4) { %>\n

\" alt=\"<%= imageAlt4 %>\" loading=\"lazy\">\n <% } %>\n <% if(title4) { %>\n

\"><%= title4 %>

\n <% } %>\n <% if (content4) { %>\n

\"><%= content4 %>

\n <% } %>\n <% if(buttonLabel4) { %>\n \" <% if(useNewTab4) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#466eff' %>; color: <%= buttonTextColor || '#ffffff' %>\"><%= buttonLabel4 %>\n <% } %>\n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#fff", "textColor": "#121212", "buttonColor": "#466eff", "buttonTextColor": "#ffffff", "useTextCenter": false, "useColumnInMobile": false, "titleSize": "fc-h6-text", "contentSize": "fc-content-text", "imageUrl1": "https://cdn.day1company.io/prod/uploads/202412/094252-565/all.webp", "title1": "

\n\n\n\n어도비 일러스트레이터
\n\n실무 가이드 올인원 패키지\n\n\n
\n
\n\n실무 핵심만 골라 보는 30회차 VOD<\n- 일러스트레이터 기초/중급 트레이닝\n- 일러스트레이터 각종 오류 해결법\n- 신규 업데이트 기능\n- 3D와 Ai 기능 활용하기\n- 실전 응용 : 로고, 명함, 메뉴판, 포스터, 카드뉴스 만들기\n\n\n\n\n

", "content1": "", "useNewTab1": false, "buttonLabel1": "", "buttonLink1": "", "imageUrl2": "https://cdn.day1company.io/prod/uploads/202412/094300-565/only-asset.webp", "title2": "

\n\n내용만 바꾸면 뚝딱!
템플릿 100종 \n\n\n
\n
\n\n- 무료 서체 조합 템플릿 40종
\n- SNS 정사각형 템플릿 30종
\n- 그래픽 포스터 템플릿 10종
\n- 명함 템플릿 10종
\n- 프리젠테이션 템플릿 10종\n\n\n\n\n

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "24", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-10-hpsu3xvc0", "isChecked": false, "hidden": true }, { "id": "fc-block-1-xes88wizc", "layout": { "id": "401", "description": "아이콘 세로형 카드 (1~4단)", "icon": "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%3e%3cg%20fill='none'%20fill-rule='nonzero'%3e%3cpath%20fill='%23FFF'%20stroke='%23000'%20stroke-width='2'%20d='M1%201h48v48H1z'/%3e%3cpath%20stroke='%23000'%20stroke-width='2'%20d='M5%2018h7v14H5zM16%2018h7v14h-7zM27%2018h7v14h-7zM38%2018h7v14h-7z'/%3e%3cpath%20fill='%23000'%20d='M7%2027h3v2H7zM18%2027h3v2h-3zM29%2027h3v2h-3zM40%2027h3v2h-3zM7%2023h3v2H7zM18%2023h3v2h-3zM29%2023h3v2h-3zM40%2023h3v2h-3z'/%3e%3c/g%3e%3c/svg%3e", "params": [ { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "imageUrl1", "type": "image", "description": "90 x 90" }, { "name": "imageAlt1", "type": "text", "description": "image1 alt" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl2", "type": "image", "description": "90 x 90" }, { "name": "imageAlt2", "type": "text", "description": "image2 alt" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl3", "type": "image", "description": "90 x 90" }, { "name": "imageAlt3", "type": "text", "description": "image3 alt" }, { "name": "title3", "type": "text", "description": "title3" }, { "name": "content3", "type": "textarea", "description": "content3" }, { "name": "imageUrl4", "type": "image", "description": "90 x 90" }, { "name": "imageAlt4", "type": "text", "description": "image4 alt" }, { "name": "title4", "type": "text", "description": "title4" }, { "name": "content4", "type": "textarea", "description": "content4" } ], "values": { "useTextCenter": false, "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "", "title2": "", "content2": "", "imageUrl3": "", "title3": "", "content3": "", "imageUrl4": "", "title4": "", "content4": "" }, "template": "

fc-text-align-center<% } %>\">\n <% if (imageUrl1 || title1 || content1) { %>\n

\n <% if (imageUrl1) { %>\n

\" alt=\"<%= imageAlt1 %>\" loading=\"lazy\">\n <% } %>\n

\"><%= title1 %>

\"><%= content1 %>

\n <% } %>\n <% if (imageUrl2 || title2 || content2) { %>\n

\n <% if (imageUrl2) { %>\n

\" alt=\"<%= imageAlt2 %>\" loading=\"lazy\">\n <% } %>\n

\"><%= title2 %>

\"><%= content2 %>

\n <% } %>\n <% if (imageUrl3 || title3 || content3) { %>\n

\n <% if (imageUrl3) { %>\n

\" alt=\"<%= imageAlt3 %>\" loading=\"lazy\">\n <% } %>\n

\"><%= title3 %>

\"><%= content3 %>

\n <% } %>\n <% if (imageUrl4 || title4 || content4) { %>\n

\n <% if (imageUrl4) { %>\n

\" alt=\"<%= imageAlt4 %>\" loading=\"lazy\">\n <% } %>\n

\"><%= title4 %>

\"><%= content4 %>

\n <% } %>\n

\n" }, "values": { "useTextCenter": true, "titleSize": "fc-h6-text", "contentSize": "fc-h6-text", "imageUrl1": "", "title1": "", "content1": "불필요한 이론 ZERO
\n속성 어도비 일러스트레이터 마스터", "imageUrl2": "", "title2": "", "content2": "클릭 몇 번으로 바로 적용하는
\n활용도 UP 템플릿 200종", "imageUrl3": "", "title3": "", "content3": "홀로 살아남는 디자이너를 위한
\n17년 차 디자이너 BBB의 꿀팁 가이드북", "imageUrl4": "", "title4": "", "content4": "", "imageAlt1": "비비비", "imageAlt2": "비비비", "imageAlt3": "비비비" }, "uniqueId": "fc-block-2-di2h0wknc", "isChecked": false, "hidden": true }, { "id": "fc-block-1-x0tbbjywu", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BUkdJTjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjMsNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy41IDMwaDQzIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0yNS4wOSA0LjA4NXYyMS44MzEiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNS4wODkgM2wtNC4wOSA0LjM5OC43MzQuNjgzIDMuMzU2LTMuNjEyIDMuMzU4IDMuNjEyLjczMi0uNjgzek0yNS4wODkgMjUuNTMybC0zLjM1Ni0zLjYxMy0uNzMzLjY4M0wyNS4wODkgMjdsNC4wOS00LjM5OC0uNzMyLS42ODN6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-1-7x0qq4hl1", "isChecked": false }, { "id": "fc-block-3-jb2i2xqjt", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlRFWFQ8L3RzcGFuPgogICAgPC90ZXh0PgogICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNiAxOGgzOHYySDZ6TTYgMjJoMzh2Mkg2ek02IDI2aDI3djJINnoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "subTextColor", "type": "text", "description": "sub text color" }, { "name": "subText", "type": "textarea", "description": "sub text" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "startDate": "", "endDate": "", "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "", "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

fc-text-align-center<% } %>\">\n <% if (subText) { %>\n

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %><% } %>\">\n <%= subText %>\n

\n <% } %>\n <% if (text) { %>\n

\"\n style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n <% } %>\n

\">\n

<%= textVerticalAlign === 'center' ? ' container__body--center-within-column' : ''%>\">\n

\" style=\"width: <%= imageWidth/10 %>rem\">\n <% if (imageUrl) { %>\n

\" alt=\"<%= imageAlt %>\" loading=\"lazy\">\n <% } %>\n

\">\n

\n <% if (title) { %>\n

\"><%= title %>

\n <% } %>\n <% if (content) { %>\n

\"><%= content %>

\n <% } %>\n

\n" }, "values": { "reverseColumn": false, "textVerticalAlign": "center", "backgroundColor": "#fafafa", "textColor": "#121212", "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/111644-1093/reason-asset-beyondbetterbrand.webp", "imageWidth": "480", "title": "", "content": "혼자서도 잘하는 디자이너가 될 수 있도록 폰트 활용 팁부터 목업 가이드, 인쇄물 제작 시 꿀팁까지!
17년차 디자이너이자 트렌디한 디자인을 전개하는 비비비의 노하우까지 모두 알려드립니다.

100종의 실전 예제와 예제를 활용한 습득력 높이는 30회차의 VOD와, 이미지와 내용만 바꾸어서 활용 가능한 100종의 템플릿으로 하루 1시간 5일만에 어도비 일러스트레이터 마스터가 되어보세요.", "imageAlt": "연사명" }, "uniqueId": "fc-block-2-w01vtqv26", "isChecked": false }, { "id": "fc-block-10-52kjb6w4r", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BUkdJTjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjMsNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy41IDMwaDQzIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0yNS4wOSA0LjA4NXYyMS44MzEiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNS4wODkgM2wtNC4wOSA0LjM5OC43MzQuNjgzIDMuMzU2LTMuNjEyIDMuMzU4IDMuNjEyLjczMi0uNjgzek0yNS4wODkgMjUuNTMybC0zLjM1Ni0zLjYxMy0uNzMzLjY4M0wyNS4wODkgMjdsNC4wOS00LjM5OC0uNzMyLS42ODN6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "60", "backgroundColor": "#fafafa" }, "uniqueId": "fc-block-2-ahavz8z7n", "isChecked": false }, { "id": "fc-block-2-hs59cuzld", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlRFWFQ8L3RzcGFuPgogICAgPC90ZXh0PgogICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNiAxOGgzOHYySDZ6TTYgMjJoMzh2Mkg2ek02IDI2aDI3djJINnoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "subTextColor", "type": "text", "description": "sub text color" }, { "name": "subText", "type": "textarea", "description": "sub text" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "startDate": "", "endDate": "", "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "", "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

fc-text-align-center<% } %>\">\n <% if (subText) { %>\n

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %><% } %>\">\n <%= subText %>\n

\n <% } %>\n <% if (text) { %>\n

\"\n style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n <% } %>\n

\n" }, "values": { "startDate": "", "endDate": "", "paddingTop": "54", "paddingBottom": "20", "backgroundColor": "#121212", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#ED2040", "subText": "얼리버드 혜택", "textSize": "fc-h3-text", "textColor": "#fff", "text": "\n최대 두줄이고
줄바꿈은 br 태그를 이용해주세요\t\t \t" }, "uniqueId": "fc-block-1-jhzfiafuk", "isChecked": false, "hidden": true }, { "id": "fc-block-4-1gqs770y4", "layout": { "id": "206", "description": "좌/우 이미지와 텍스트", "icon": "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='50px'%20height='50px'%20viewBox='0%200%2050%2050'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3e206%3c/title%3e%3cg%20id='206'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3crect%20id='Rectangle'%20stroke='%23000000'%20stroke-width='2'%20fill='%23FFFFFF'%20fill-rule='nonzero'%20x='1'%20y='1'%20width='48'%20height='48'%3e%3c/rect%3e%3crect%20id='Rectangle'%20stroke='%23000000'%20stroke-width='2'%20fill='%23D8D8D8'%20fill-rule='nonzero'%20x='7'%20y='11'%20width='12'%20height='8'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy'%20stroke='%23000000'%20stroke-width='2'%20fill='%23D8D8D8'%20fill-rule='nonzero'%20x='29'%20y='29'%20width='14'%20height='10'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-3'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='10'%20width='22'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-5'%20fill='%23000000'%20fill-rule='nonzero'%20x='6'%20y='28'%20width='20'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-4'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='14'%20width='18'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-8'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='18'%20width='18'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-6'%20fill='%23000000'%20fill-rule='nonzero'%20x='6'%20y='32'%20width='16'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-7'%20fill='%23000000'%20fill-rule='nonzero'%20x='6'%20y='36'%20width='16'%20height='2'%3e%3c/rect%3e%3c/g%3e%3c/svg%3e", "params": [ { "name": "reverseColumn", "type": "checkbox", "description": "-" }, { "name": "textVerticalAlign", "type": "select", "description": "-", "options": [ "top", "center" ] }, { "name": "backgroundColor", "type": "text", "description": "-" }, { "name": "textColor", "type": "text", "description": "-" }, { "name": "titleSize", "type": "select", "description": "-", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "contentSize", "type": "select", "description": "-", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "imageUrl", "type": "image", "description": "-" }, { "name": "imageAlt", "type": "text", "description": "image alt" }, { "name": "imageWidth", "type": "number", "description": "~720" }, { "name": "title", "type": "textarea", "description": "-" }, { "name": "content", "type": "textarea", "description": "-" } ], "values": { "reverseColumn": false, "textVerticalAlign": "top", "backgroundColor": "#ffffff", "textColor": "#000000", "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "imageUrl": "", "imageWidth": 480, "title": "", "content": "" }, "template": "

\">\n

<%= textVerticalAlign === 'center' ? ' container__body--center-within-column' : ''%>\">\n

\" style=\"width: <%= imageWidth/10 %>rem\">\n <% if (imageUrl) { %>\n

\" alt=\"<%= imageAlt %>\" loading=\"lazy\">\n <% } %>\n

\">\n

\n <% if (title) { %>\n

\"><%= title %>

\n <% } %>\n <% if (content) { %>\n

\"><%= content %>

\n <% } %>\n

\n" }, "values": { "reverseColumn": false, "textVerticalAlign": "center", "backgroundColor": "#121212", "textColor": "#fff", "titleSize": "fc-h6-text", "contentSize": "fc-content-text", "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202212/165125-568/4-3.png", "imageWidth": 480, "title": "", "content": "본문이요 엔터 쓰고 싶으면

br 태그를 두번 써주심\n\n\n

\n\n*유의사항입니다..", "imageAlt": "얼리버드 혜택 이미지" }, "uniqueId": "fc-block-4-8ao7nwc46", "isChecked": false, "hidden": true }, { "id": "fc-block-5-57nhmkd7f", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BUkdJTjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjMsNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy41IDMwaDQzIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0yNS4wOSA0LjA4NXYyMS44MzEiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNS4wODkgM2wtNC4wOSA0LjM5OC43MzQuNjgzIDMuMzU2LTMuNjEyIDMuMzU4IDMuNjEyLjczMi0uNjgzek0yNS4wODkgMjUuNTMybC0zLjM1Ni0zLjYxMy0uNzMzLjY4M0wyNS4wODkgMjdsNC4wOS00LjM5OC0uNzMyLS42ODN6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "60", "backgroundColor": "#121212" }, "uniqueId": "fc-block-5-f9hw3a9dq", "isChecked": false, "hidden": true }, { "id": "fc-block-6-14uw2z5i6", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlRFWFQ8L3RzcGFuPgogICAgPC90ZXh0PgogICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNiAxOGgzOHYySDZ6TTYgMjJoMzh2Mkg2ek02IDI2aDI3djJINnoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "subTextColor", "type": "text", "description": "sub text color" }, { "name": "subText", "type": "textarea", "description": "sub text" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "startDate": "", "endDate": "", "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "", "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

fc-text-align-center<% } %>\">\n <% if (subText) { %>\n

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %><% } %>\">\n <%= subText %>\n

\n <% } %>\n <% if (text) { %>\n

\"\n style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n <% } %>\n

background-color: <%= backgroundColor %><% } %>\">\n

use-border-bottom<% } %>\">\n

\n <% if (label1 || title1 || content1 || date1) { %>\n

\">\n <% if (label1) { %>\n

style=\"background-color: <%= themeColor %>\" <% } %>>\n <%= label1 %>\n

\n <% } %>\n <% if(title1) { %>\n

\" <% if (themeColor) { %> style=\"color: <%= themeColor %>\" <% } %>>\n <%= title1 %>\n

\n <% } %>\n <% if(content1) { %>\n

\n <%= content1 %>\n

\n <% } %>\n <% if (date1) { %>\n

\n <%= date1 %>\n

\n <% } %>\n

\n <% if (label2 || title2 || content2 || date2) { %>\n

\">\n <% if (label2) { %>\n

style=\"background-color: <%= themeColor %>\" <% } %>>\n <%= label2 %>\n

\n <% } %>\n <% if(title2) { %>\n

\" <% if (themeColor) { %> style=\"color: <%= themeColor %>\" <% } %>>\n <%= title2 %>\n

\n <% } %>\n <% if(content2) { %>\n

\n <%= content2 %>\n

\n <% } %>\n <% if (date2) { %>\n

\n <%= date2 %>\n

\n <% } %>\n

\n <% if (label3 || title3 || content3 || date3) { %>\n

\">\n <% if (label3) { %>\n

style=\"background-color: <%= themeColor %>\" <% } %>>\n <%= label3 %>\n

\n <% } %>\n <% if(title3) { %>\n

\" <% if (themeColor) { %> style=\"color: <%= themeColor %>\" <% } %>>\n <%= title3 %>\n

\n <% } %>\n <% if(content3) { %>\n

\n <%= content3 %>\n

\n <% } %>\n <% if (date3) { %>\n

\n <%= date3 %>\n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#ffffff", "useBorderBottom": true, "themeColor": "#ed2040", "titleSize": "fc-h6-text", "label1": "실무", "title1": "\n\n사수가 필요한 1~5년차 주니어 디자이너\n", "content1": "", "date1": "", "label2": "브랜딩", "title2": "\n직접 본인 브랜드 디자인을 하고싶은 \n
프리랜서, 자영업자\n\n\n", "content2": "", "date2": "", "label3": "굿즈", "title3": "\n\n디자인 굿즈를 제작하고 싶은 분 \n\n", "content3": "", "date3": "" }, "uniqueId": "fc-block-3-1k2lx69ov", "isChecked": false }, { "id": "fc-block-9-dxzf6ktn1", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BUkdJTjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjMsNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy41IDMwaDQzIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0yNS4wOSA0LjA4NXYyMS44MzEiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNS4wODkgM2wtNC4wOSA0LjM5OC43MzQuNjgzIDMuMzU2LTMuNjEyIDMuMzU4IDMuNjEyLjczMi0uNjgzek0yNS4wODkgMjUuNTMybC0zLjM1Ni0zLjYxMy0uNzMzLjY4M0wyNS4wODkgMjdsNC4wOS00LjM5OC0uNzMyLS42ODN6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "60", "backgroundColor": "#fff" }, "uniqueId": "fc-block-4-r1ol5t8pr", "isChecked": false }, { "id": "fc-block-1-4vfq5lruf", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlRFWFQ8L3RzcGFuPgogICAgPC90ZXh0PgogICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNiAxOGgzOHYySDZ6TTYgMjJoMzh2Mkg2ek02IDI2aDI3djJINnoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "subTextColor", "type": "text", "description": "sub text color" }, { "name": "subText", "type": "textarea", "description": "sub text" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "startDate": "", "endDate": "", "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "", "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

fc-text-align-center<% } %>\">\n <% if (subText) { %>\n

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %><% } %>\">\n <%= subText %>\n

\n <% } %>\n <% if (text) { %>\n

\"\n style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n <% } %>\n

\n" }, "values": { "startDate": "", "endDate": "", "paddingTop": "54", "paddingBottom": "20", "backgroundColor": "#fafafa", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#ED2040", "subText": "상품 구성", "textSize": "fc-h3-text", "textColor": "#121212", "text": "\t실무 꿀팁만 담은 어도비 일러스트레이터 패키지 \t" }, "uniqueId": "fc-block-1-ypx2u024m", "isChecked": false }, { "id": "fc-block-4-clsrodeqs", "layout": { "id": "203", "description": "1~4단 이미지와 텍스트", "icon": "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%3e%3cg%20fill='none'%20fill-rule='nonzero'%3e%3cpath%20fill='%23FFF'%20stroke='%23000'%20stroke-width='2'%20d='M1%201h48v48H1z'/%3e%3cpath%20fill='%23B4B4B4'%20stroke='%23000'%20stroke-width='2'%20d='M5%2020h7v6H5zM16%2020h7v6h-7zM27%2020h7v6h-7zM38%2020h7v6h-7z'/%3e%3cpath%20fill='%23000'%20d='M4%2029h9v2H4zM15%2029h9v2h-9zM26%2029h9v2h-9zM37%2029h9v2h-9z'/%3e%3c/g%3e%3c/svg%3e", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "imageUrl1", "type": "image", "description": "230 x 152" }, { "name": "imageAlt1", "type": "text", "description": "image1 alt" }, { "name": "title1", "type": "textarea", "description": "title1 text" }, { "name": "content1", "type": "textarea", "description": "content text" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "buttonLabel1", "type": "text", "description": "버튼에 들어갈 문구를 입력해주세요. 입력내용이 없으면 버튼은 사라집니다." }, { "name": "buttonLink1", "type": "text", "description": "이미지와 버튼에 삽입할 링크를 입력해주세요." }, { "name": "imageUrl2", "type": "image", "description": "230 x 152" }, { "name": "imageAlt2", "type": "text", "description": "image2 alt" }, { "name": "title2", "type": "textarea", "description": "title2 text" }, { "name": "content2", "type": "textarea", "description": "content text" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "buttonLabel2", "type": "text", "description": "버튼에 들어갈 문구를 입력해주세요. 입력내용이 없으면 버튼은 사라집니다." }, { "name": "buttonLink2", "type": "text", "description": "이미지와 버튼에 삽입할 링크를 입력해주세요." }, { "name": "imageUrl3", "type": "image", "description": "230 x 152" }, { "name": "imageAlt3", "type": "text", "description": "image3 alt" }, { "name": "title3", "type": "textarea", "description": "title3 text" }, { "name": "content3", "type": "textarea", "description": "content text" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "buttonLabel3", "type": "text", "description": "버튼에 들어갈 문구를 입력해주세요. 입력내용이 없으면 버튼은 사라집니다." }, { "name": "buttonLink3", "type": "text", "description": "이미지와 버튼에 삽입할 링크를 입력해주세요." }, { "name": "imageUrl4", "type": "image", "description": "230 x 152" }, { "name": "imageAlt4", "type": "text", "description": "image4 alt" }, { "name": "title4", "type": "textarea", "description": "title4 text" }, { "name": "content4", "type": "textarea", "description": "content text" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "buttonLabel4", "type": "text", "description": "버튼에 들어갈 문구를 입력해주세요. 입력내용이 없으면 버튼은 사라집니다." }, { "name": "buttonLink4", "type": "text", "description": "이미지와 버튼에 삽입할 링크를 입력해주세요." } ], "values": { "backgroundColor": "#ffffff", "textColor": "", "buttonColor": "#466eff", "buttonTextColor": "#ffffff", "useTextCenter": false, "useColumnInMobile": false, "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "imageUrl1": "", "title1": "", "content1": "", "useNewTab1": true, "buttonLabel1": "", "buttonLink1": "", "imageUrl2": "", "title2": "", "content2": "", "useNewTab2": true, "buttonLabel2": "", "buttonLink2": "", "imageUrl3": "", "title3": "", "content3": "", "useNewTab3": true, "buttonLabel3": "", "buttonLink3": "", "imageUrl4": "", "title4": "", "content4": "", "useNewTab4": true, "buttonLabel4": "", "buttonLink4": "" }, "template": "

;\">\n

\">\n

\" style=\"color: <%= textColor || '#000000' %>\">\n <% if (imageUrl1 || title1 || content1 || buttonLabel1) { %>\n

\n <% if (imageUrl1 && buttonLink1) { %>\n \" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n

\" alt=\"<%= imageAlt1 %>\" loading=\"lazy\">\n \n <% } else if (imageUrl1) { %>\n

\" alt=\"<%= imageAlt1 %>\" loading=\"lazy\">\n <% } %>\n <% if (title1) { %>\n

\"><%= title1 %>

\n <% } %>\n <% if (content1) { %>\n

\"><%= content1 %>

\n <% } %>\n <% if (imageUrl2 || title2 || content2 || buttonLabel2) { %>\n

\n <% if (imageUrl2 && buttonLink2) { %>\n \" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n

\" alt=\"<%= imageAlt2 %>\" loading=\"lazy\">\n \n <% } else if (imageUrl2) { %>\n

\" alt=\"<%= imageAlt2 %>\" loading=\"lazy\">\n <% } %>\n <% if(title2) { %>\n

\"><%= title2 %>

\n <% } %>\n <% if(content2) { %>\n

\"><%= content2 %>

\n <% } %>\n <% if (imageUrl3 || title3 || content3 || buttonLabel3) { %>\n

\n <% if (imageUrl3 && buttonLink3) { %>\n \" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n

\" alt=\"<%= imageAlt3 %>\" loading=\"lazy\">\n \n <% } else if (imageUrl3) { %>\n

\" alt=\"<%= imageAlt3 %>\" loading=\"lazy\">\n <% } %>\n <% if(title3) { %>\n

\"><%= title3 %>

\n <% } %>\n <% if(content3) { %>\n

\"><%= content3 %>

\n <% } %>\n <% if (imageUrl4 || title4 || content4 || buttonLabel4) { %>\n

\n <% if (imageUrl4 && buttonLink4) { %>\n \" <% if(useNewTab4) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n

\" alt=\"<%= imageAlt4 %>\" loading=\"lazy\">\n \n <% } else if (imageUrl4) { %>\n

\" alt=\"<%= imageAlt4 %>\" loading=\"lazy\">\n <% } %>\n <% if(title4) { %>\n

\"><%= title4 %>

\n <% } %>\n <% if (content4) { %>\n

\"><%= content4 %>

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#fafafa", "textColor": "#121212", "buttonColor": "#466eff", "buttonTextColor": "#ffffff", "useTextCenter": false, "useColumnInMobile": true, "titleSize": "fc-h6-text", "contentSize": "fc-h6-text", "imageUrl1": "https://cdn.day1company.io/prod/uploads/202412/111715-1093/benefit-asset-beyondbetterbrand-03.webp", "title1": "신기능 활용 및 실무 맞춤!", "content1": "예제 습득을 높이는 30회차의 VOD", "useNewTab1": true, "buttonLabel1": "", "buttonLink1": "", "imageUrl2": "https://cdn.day1company.io/prod/uploads/202412/111711-1093/benefit-asset-beyondbetterbrand-02.webp", "title2": "단기간 일러스트레이터
마스터를 도와줄\n", "content2": "체계적인 100종의 실전 예제", "useNewTab2": true, "buttonLabel2": "", "buttonLink2": "", "imageUrl3": "https://cdn.day1company.io/prod/uploads/202412/101233-1093/benefit-asset-beyondbetterbrand-01.webp", "title3": "이미지와 텍스트만 \n
바꿔서 바로 쓰는\n", "content3": "100종의 실용도 높은 템플릿", "useNewTab3": true, "buttonLabel3": "", "buttonLink3": "", "imageUrl4": "https://cdn.day1company.io/prod/uploads/202412/111719-1093/benefit-asset-beyondbetterbrand-04.webp", "title4": "혼자서도 시장에서 살아남는 팁,\n", "content4": "디자이너의 실전 꿀팁 전자책", "useNewTab4": true, "buttonLabel4": "", "buttonLink4": "", "imageAlt1": "비비", "imageAlt2": "에셋 구성 이미지", "imageAlt3": "상품 구성", "imageAlt4": "에셋 구성" }, "uniqueId": "fc-block-4-xpxltkufz", "isChecked": false }, { "id": "fc-block-2-qn9rhlpyn", "layout": { "id": "002", "description": "컴포넌트 라벨", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPkxBQkVMPC90c3Bhbj4KICAgIDwvdGV4dD4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTYgMjBoMTJ2Nkg2eiIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNOCAyMmg4djJIOHoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "labelText", "type": "text", "description": "label text" }, { "name": "layoutType", "type": "select", "description": "type", "options": [ "fc-label-type1", "fc-label-type2" ] }, { "name": "labelColor", "type": "text", "description": "label color" } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "", "layoutType": "fc-label-type1", "labelColor": "#000000" }, "template": "

\">\n

rem; padding-bottom: <%= paddingBottom/10 %>rem;\">\n

\" style=\"border: 2px solid <%= labelColor || '#000000' %>; color: <%= labelColor || '#000000' %>\">\n <%= labelText %>\n

\n" }, "values": { "backgroundColor": "#fafafa", "paddingTop": "40", "paddingBottom": "12", "labelText": "세부 구성 목록", "layoutType": "fc-label-type1", "labelColor": "#000000" }, "uniqueId": "fc-block-2-g96t232wd", "isChecked": false }, { "id": "fc-block-3-z923aplig", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMUg0OVY0OUgxeiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik02IDEwSDE2VjE2SDZ6TTIwIDEwSDMwVjE2SDIwek0zNCAxMEg0NFYxNkgzNHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik01IDE5SDE3VjIxSDV6TTE5IDE5SDMxVjIxSDE5ek0zMyAxOUg0NVYyMUgzM3oiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0zMyAyOEwzNiAzNCAzMCAzNHoiIHRyYW5zZm9ybT0icm90YXRlKDkwIDMzIDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE3IDI4TDIwIDM0IDE0IDM0eiIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDE3IDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTIxIDMwSDI5VjMySDIxeiIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMjUgMzEpIi8+CiAgICAgICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgICAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPkNhcm91c2VsPC90c3Bhbj4KICAgICAgICA8L3RleHQ+CiAgICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "useNewTab", "type": "checkbox", "description": "카드 클릭 시 링크 열람 방식을 설정할 수 있습니다." }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현할 수 있습니다.", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "이미지 파일 업로드" }, { "name": "imageAlt", "type": "text", "description": "이미지 부가 설명" }, { "name": "text1", "type": "textarea", "description": "자유 입력" }, { "name": "text2", "type": "textarea", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "

rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\">\n

\n <% if(link) { %>\n \" rel=\"<%= useNewTab ? 'noopener noreferrer' : '' %>\" target=\"<%= useNewTab ? '_blank' : '' %>\">\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n \n <% } else { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% } %>\n

\n" }, "values": { "paddingTop": "0", "paddingBottom": "0", "columnCount": "3", "backgroundColor": "#fafafa", "colorTheme": "theme-light-red", "text1Size": "fc-h6-text", "text2Size": "fc-content-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "", "text1": "실무 액기스만 모은 30회차 VOD\n ", "text2": "- 펜 툴 다루기
\n- 오브젝트 다루기
\n- 부드러운 색 표현을 위한 그라디언트
\n- 일러스트레이터 각종 오류 해결법
\n- 일러스트레이터로 포토샵 효과 내기
\n- 알면 더 편해지는 기능들
\n- 2025 업데이트 기능
\n- 3D와 Ai 기능 활용하기
\n- 실전 응용 : 로고, 명함, 메뉴판, 포스터, 카드뉴스 만들기" }, { "link": "", "imageUrl": "", "text1": "단계별 실전 예제 100종 ", "text2": "- 일러스트 기초 트레이닝 예제 20종
\n- 일러스트 중급 트레이닝 예제 53종
\n- 3D 오브젝트 제작 예제 12종
\n- 생성형 Ai 활용 예제 5종
\n- 로고 제작 예제 3종
\n- 명함, 메뉴판 예제 2종
\n- 포스터 예제 3종
\n- 카드뉴스 예제 2종" }, { "link": "", "imageUrl": "", "text1": "내용만 바꾸면 완성되는 템플릿 100종 ", "text2": "- 무료 서체 조합 템플릿 40종
\n- SNS 정사각형 템플릿 30종
\n- 그래픽 포스터 템플릿 10종
\n- 명함 템플릿 10종
\n- 프리젠테이션 템플릿 10종
" }, { "link": "", "imageUrl": "", "imageAlt": "", "text1": "실전 노하우만 담은 약 100P의 가이드북", "text2": "- 폰트 사이트 및 폰트 찾는 법
\n- 디자인 눈 키우는 법
\n- 비비비가 추천하는 영감 사이트
\n- 포토샵 활용하여 목업하는 법
\n- 목업, 무료 소스 사이트
\n- 인쇄 굿즈 사이트
\n- 명함, 스티커 인쇄 맡기기
\n- 어도비 파이어플라이 기능 활용하기" } ] }, "uniqueId": "fc-block-3-1y0e8rz6d", "isChecked": false }, { "id": "fc-block-3-ksrt3l21l", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlRFWFQ8L3RzcGFuPgogICAgPC90ZXh0PgogICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNiAxOGgzOHYySDZ6TTYgMjJoMzh2Mkg2ek02IDI2aDI3djJINnoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "subTextColor", "type": "text", "description": "sub text color" }, { "name": "subText", "type": "textarea", "description": "sub text" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "startDate": "", "endDate": "", "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "", "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

fc-text-align-center<% } %>\">\n <% if (subText) { %>\n

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %><% } %>\">\n <%= subText %>\n

\n <% } %>\n <% if (text) { %>\n

\"\n style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n <% } %>\n

\n" }, "values": { "startDate": "", "endDate": "", "paddingTop": "60", "paddingBottom": "12", "backgroundColor": "#fafafa", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "", "textSize": "fc-h3-text", "textColor": "#121212", "text": "이런 것들을 얻어갈 수 있어요." }, "uniqueId": "fc-block-1-f0c2dvkij", "isChecked": false }, { "id": "fc-block-4-pgwc8jveu", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlRFWFQ8L3RzcGFuPgogICAgPC90ZXh0PgogICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNiAxOGgzOHYySDZ6TTYgMjJoMzh2Mkg2ek02IDI2aDI3djJINnoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "subTextColor", "type": "text", "description": "sub text color" }, { "name": "subText", "type": "textarea", "description": "sub text" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "startDate": "", "endDate": "", "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "", "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

fc-text-align-center<% } %>\">\n <% if (subText) { %>\n

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %><% } %>\">\n <%= subText %>\n

\n <% } %>\n <% if (text) { %>\n

\"\n style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n <% } %>\n

\n" }, "values": { "startDate": "", "endDate": "", "paddingTop": "", "paddingBottom": "12", "backgroundColor": "#fafafa", "useTextCenter": false, "subTextSize": "fc-h2-text", "subTextColor": "#000000", "subText": "", "textSize": "fc-h5-text", "textColor": "#121212", "text": "바로 사용하는 템플릿 100종" }, "uniqueId": "fc-block-2-r8yx5m2zh", "isChecked": false }, { "id": "fc-block-5-7i7kzmxh1", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMUg0OVY0OUgxeiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik02IDEwSDE2VjE2SDZ6TTIwIDEwSDMwVjE2SDIwek0zNCAxMEg0NFYxNkgzNHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik01IDE5SDE3VjIxSDV6TTE5IDE5SDMxVjIxSDE5ek0zMyAxOUg0NVYyMUgzM3oiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0zMyAyOEwzNiAzNCAzMCAzNHoiIHRyYW5zZm9ybT0icm90YXRlKDkwIDMzIDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE3IDI4TDIwIDM0IDE0IDM0eiIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDE3IDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTIxIDMwSDI5VjMySDIxeiIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMjUgMzEpIi8+CiAgICAgICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgICAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPkNhcm91c2VsPC90c3Bhbj4KICAgICAgICA8L3RleHQ+CiAgICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "useNewTab", "type": "checkbox", "description": "카드 클릭 시 링크 열람 방식을 설정할 수 있습니다." }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현할 수 있습니다.", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "이미지 파일 업로드" }, { "name": "imageAlt", "type": "text", "description": "이미지 부가 설명" }, { "name": "text1", "type": "textarea", "description": "자유 입력" }, { "name": "text2", "type": "textarea", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "

rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\">\n

\n <% if(link) { %>\n \" rel=\"<%= useNewTab ? 'noopener noreferrer' : '' %>\" target=\"<%= useNewTab ? '_blank' : '' %>\">\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n \n <% } else { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% } %>\n

\n" }, "values": { "paddingTop": "0", "paddingBottom": "0", "columnCount": "3", "backgroundColor": "#fafafa", "colorTheme": "theme-light-red", "text1Size": "fc-h6-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/202027-791/로고-템플릿.jpg", "text1": "

무료 서체 조합으로 만든 로고 템플릿 40종

", "text2": "", "imageAlt": "콜로소 무료 특강 포트폴리오" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/202243-791/포스터-템플릿-예시.jpg", "text1": "

포스터, SNS, 프리젠테이션 템플릿 30종

", "text2": "", "imageAlt": "콜로소 무료 특강 포트폴리오" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/202227-791/명함-템플릿.jpg", "text1": "

명함 템플릿 10종

", "text2": "", "imageAlt": "콜로소 무료 특강 포트폴리오" } ] }, "uniqueId": "fc-block-3-9xfa1k2v8", "isChecked": false }, { "id": "fc-block-13-yvff8ugvf", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BUkdJTjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjMsNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy41IDMwaDQzIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0yNS4wOSA0LjA4NXYyMS44MzEiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNS4wODkgM2wtNC4wOSA0LjM5OC43MzQuNjgzIDMuMzU2LTMuNjEyIDMuMzU4IDMuNjEyLjczMi0uNjgzek0yNS4wODkgMjUuNTMybC0zLjM1Ni0zLjYxMy0uNzMzLjY4M0wyNS4wODkgMjdsNC4wOS00LjM5OC0uNzMyLS42ODN6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "40", "backgroundColor": "#FAFAFA" }, "uniqueId": "fc-block-4-husks9dmm", "isChecked": false }, { "id": "fc-block-10-pgmux0luu", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlRFWFQ8L3RzcGFuPgogICAgPC90ZXh0PgogICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNiAxOGgzOHYySDZ6TTYgMjJoMzh2Mkg2ek02IDI2aDI3djJINnoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "subTextColor", "type": "text", "description": "sub text color" }, { "name": "subText", "type": "textarea", "description": "sub text" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "startDate": "", "endDate": "", "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "", "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

fc-text-align-center<% } %>\">\n <% if (subText) { %>\n

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %><% } %>\">\n <%= subText %>\n

\n <% } %>\n <% if (text) { %>\n

\"\n style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n <% } %>\n

\n" }, "values": { "startDate": "", "endDate": "", "paddingTop": "", "paddingBottom": "12", "backgroundColor": "#fafafa", "useTextCenter": false, "subTextSize": "fc-h2-text", "subTextColor": "#000000", "subText": "", "textSize": "fc-h5-text", "textColor": "#121212", "text": "일러스트레이터 기초 트레이닝 예제 20종" }, "uniqueId": "fc-block-5-e5b4qsplb", "isChecked": false }, { "id": "fc-block-9-xezjys6yh", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMUg0OVY0OUgxeiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik02IDEwSDE2VjE2SDZ6TTIwIDEwSDMwVjE2SDIwek0zNCAxMEg0NFYxNkgzNHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik01IDE5SDE3VjIxSDV6TTE5IDE5SDMxVjIxSDE5ek0zMyAxOUg0NVYyMUgzM3oiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0zMyAyOEwzNiAzNCAzMCAzNHoiIHRyYW5zZm9ybT0icm90YXRlKDkwIDMzIDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE3IDI4TDIwIDM0IDE0IDM0eiIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDE3IDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTIxIDMwSDI5VjMySDIxeiIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMjUgMzEpIi8+CiAgICAgICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgICAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPkNhcm91c2VsPC90c3Bhbj4KICAgICAgICA8L3RleHQ+CiAgICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "useNewTab", "type": "checkbox", "description": "카드 클릭 시 링크 열람 방식을 설정할 수 있습니다." }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현할 수 있습니다.", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "이미지 파일 업로드" }, { "name": "imageAlt", "type": "text", "description": "이미지 부가 설명" }, { "name": "text1", "type": "textarea", "description": "자유 입력" }, { "name": "text2", "type": "textarea", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "

rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\">\n

\n <% if(link) { %>\n \" rel=\"<%= useNewTab ? 'noopener noreferrer' : '' %>\" target=\"<%= useNewTab ? '_blank' : '' %>\">\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n \n <% } else { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% } %>\n

\n" }, "values": { "paddingTop": "0", "paddingBottom": "0", "columnCount": "3", "backgroundColor": "#fafafa", "colorTheme": "theme-light-red", "text1Size": "fc-h6-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/092919-879/example-asset-beyondbetterbrand-1.webp", "text1": "

펜 툴 활용 예제

", "text2": "", "imageAlt": "콜로소 무료 특강 포트폴리오" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/092922-879/example-asset-beyondbetterbrand-2.webp", "text1": "

그리기 툴 예제

", "text2": "", "imageAlt": "콜로소 무료 특강 포트폴리오" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/092924-879/example-asset-beyondbetterbrand-3.webp", "text1": "

텍스트 툴 다루기

", "text2": "", "imageAlt": "콜로소 무료 특강 포트폴리오" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/092928-879/example-asset-beyondbetterbrand-4.webp", "imageAlt": "비비비", "text1": "

오브젝트 툴 다루기

", "text2": "" } ] }, "uniqueId": "fc-block-6-zza6xjcng", "isChecked": false }, { "id": "fc-block-2-hl6ttsdli", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BUkdJTjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjMsNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy41IDMwaDQzIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0yNS4wOSA0LjA4NXYyMS44MzEiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNS4wODkgM2wtNC4wOSA0LjM5OC43MzQuNjgzIDMuMzU2LTMuNjEyIDMuMzU4IDMuNjEyLjczMi0uNjgzek0yNS4wODkgMjUuNTMybC0zLjM1Ni0zLjYxMy0uNzMzLjY4M0wyNS4wODkgMjdsNC4wOS00LjM5OC0uNzMyLS42ODN6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "40", "backgroundColor": "#FAFAFA" }, "uniqueId": "fc-block-1-37h5ni02e", "isChecked": false }, { "id": "fc-block-14-m01uj0hvk", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlRFWFQ8L3RzcGFuPgogICAgPC90ZXh0PgogICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNiAxOGgzOHYySDZ6TTYgMjJoMzh2Mkg2ek02IDI2aDI3djJINnoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "subTextColor", "type": "text", "description": "sub text color" }, { "name": "subText", "type": "textarea", "description": "sub text" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "startDate": "", "endDate": "", "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "", "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

fc-text-align-center<% } %>\">\n <% if (subText) { %>\n

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %><% } %>\">\n <%= subText %>\n

\n <% } %>\n <% if (text) { %>\n

\"\n style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n <% } %>\n

\n" }, "values": { "startDate": "", "endDate": "", "paddingTop": "", "paddingBottom": "12", "backgroundColor": "#fafafa", "useTextCenter": false, "subTextSize": "fc-h2-text", "subTextColor": "#000000", "subText": "", "textSize": "fc-h5-text", "textColor": "#121212", "text": "일러스트레이터 중급 트레이닝 예제 53종" }, "uniqueId": "fc-block-8-opkxm4scz", "isChecked": false }, { "id": "fc-block-5-nqep0b08y", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMUg0OVY0OUgxeiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik02IDEwSDE2VjE2SDZ6TTIwIDEwSDMwVjE2SDIwek0zNCAxMEg0NFYxNkgzNHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik01IDE5SDE3VjIxSDV6TTE5IDE5SDMxVjIxSDE5ek0zMyAxOUg0NVYyMUgzM3oiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0zMyAyOEwzNiAzNCAzMCAzNHoiIHRyYW5zZm9ybT0icm90YXRlKDkwIDMzIDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE3IDI4TDIwIDM0IDE0IDM0eiIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDE3IDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTIxIDMwSDI5VjMySDIxeiIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMjUgMzEpIi8+CiAgICAgICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgICAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPkNhcm91c2VsPC90c3Bhbj4KICAgICAgICA8L3RleHQ+CiAgICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "useNewTab", "type": "checkbox", "description": "카드 클릭 시 링크 열람 방식을 설정할 수 있습니다." }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현할 수 있습니다.", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "이미지 파일 업로드" }, { "name": "imageAlt", "type": "text", "description": "이미지 부가 설명" }, { "name": "text1", "type": "textarea", "description": "자유 입력" }, { "name": "text2", "type": "textarea", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "

rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\">\n

\n <% if(link) { %>\n \" rel=\"<%= useNewTab ? 'noopener noreferrer' : '' %>\" target=\"<%= useNewTab ? '_blank' : '' %>\">\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n \n <% } else { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% } %>\n

\n" }, "values": { "paddingTop": "0", "paddingBottom": "0", "columnCount": "3", "backgroundColor": "#fafafa", "colorTheme": "theme-light-red", "text1Size": "fc-h6-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/092933-879/example-asset-beyondbetterbrand-5.webp", "text1": "

별, 꽃모양 변형 예제

", "text2": "", "imageAlt": "콜로소 무료 특강 포트폴리오" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/092936-879/example-asset-beyondbetterbrand-6.webp", "text1": "

파동 예제

", "text2": "", "imageAlt": "콜로소 무료 특강 포트폴리오" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/092940-879/example-asset-beyondbetterbrand-7.webp", "text1": "

텍스트 변형 예제

", "text2": "", "imageAlt": "콜로소 무료 특강 포트폴리오" } ] }, "uniqueId": "fc-block-2-jyuot5rt1", "isChecked": false }, { "id": "fc-block-12-22g8xpv69", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BUkdJTjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjMsNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy41IDMwaDQzIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0yNS4wOSA0LjA4NXYyMS44MzEiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNS4wODkgM2wtNC4wOSA0LjM5OC43MzQuNjgzIDMuMzU2LTMuNjEyIDMuMzU4IDMuNjEyLjczMi0uNjgzek0yNS4wODkgMjUuNTMybC0zLjM1Ni0zLjYxMy0uNzMzLjY4M0wyNS4wODkgMjdsNC4wOS00LjM5OC0uNzMyLS42ODN6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "20", "backgroundColor": "#fafafa" }, "uniqueId": "fc-block-1-lmm2fbx5k", "isChecked": false }, { "id": "fc-block-6-5wsy70mm7", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMUg0OVY0OUgxeiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik02IDEwSDE2VjE2SDZ6TTIwIDEwSDMwVjE2SDIwek0zNCAxMEg0NFYxNkgzNHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik01IDE5SDE3VjIxSDV6TTE5IDE5SDMxVjIxSDE5ek0zMyAxOUg0NVYyMUgzM3oiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0zMyAyOEwzNiAzNCAzMCAzNHoiIHRyYW5zZm9ybT0icm90YXRlKDkwIDMzIDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE3IDI4TDIwIDM0IDE0IDM0eiIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDE3IDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTIxIDMwSDI5VjMySDIxeiIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMjUgMzEpIi8+CiAgICAgICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgICAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPkNhcm91c2VsPC90c3Bhbj4KICAgICAgICA8L3RleHQ+CiAgICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "useNewTab", "type": "checkbox", "description": "카드 클릭 시 링크 열람 방식을 설정할 수 있습니다." }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현할 수 있습니다.", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "이미지 파일 업로드" }, { "name": "imageAlt", "type": "text", "description": "이미지 부가 설명" }, { "name": "text1", "type": "textarea", "description": "자유 입력" }, { "name": "text2", "type": "textarea", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "

rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\">\n

\n <% if(link) { %>\n \" rel=\"<%= useNewTab ? 'noopener noreferrer' : '' %>\" target=\"<%= useNewTab ? '_blank' : '' %>\">\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n \n <% } else { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% } %>\n

\n" }, "values": { "paddingTop": "0", "paddingBottom": "0", "columnCount": "3", "backgroundColor": "#fafafa", "colorTheme": "theme-light-red", "text1Size": "fc-h6-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/134636-831/example-asset-beyondbetterbrand-8.webp", "text1": "

스타일라이즈드

", "text2": "", "imageAlt": "콜로소 무료 특강 포트폴리오" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/134655-831/example-asset-beyondbetterbrand-10.webp", "text1": "

패턴 만들기

", "text2": "", "imageAlt": "콜로소 무료 특강 포트폴리오" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/134649-831/example-asset-beyondbetterbrand-9.webp", "text1": "

왜곡 망\n

", "text2": "", "imageAlt": "콜로소 무료 특강 포트폴리오" } ] }, "uniqueId": "fc-block-10-z0id6wvx8", "isChecked": false }, { "id": "fc-block-6-j07kvmc7w", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BUkdJTjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjMsNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy41IDMwaDQzIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0yNS4wOSA0LjA4NXYyMS44MzEiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNS4wODkgM2wtNC4wOSA0LjM5OC43MzQuNjgzIDMuMzU2LTMuNjEyIDMuMzU4IDMuNjEyLjczMi0uNjgzek0yNS4wODkgMjUuNTMybC0zLjM1Ni0zLjYxMy0uNzMzLjY4M0wyNS4wODkgMjdsNC4wOS00LjM5OC0uNzMyLS42ODN6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "40", "backgroundColor": "#FAFAFA" }, "uniqueId": "fc-block-3-ivx8aaigb", "isChecked": false }, { "id": "fc-block-3-91r3g3v1m", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlRFWFQ8L3RzcGFuPgogICAgPC90ZXh0PgogICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNiAxOGgzOHYySDZ6TTYgMjJoMzh2Mkg2ek02IDI2aDI3djJINnoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "subTextColor", "type": "text", "description": "sub text color" }, { "name": "subText", "type": "textarea", "description": "sub text" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "startDate": "", "endDate": "", "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "", "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

fc-text-align-center<% } %>\">\n <% if (subText) { %>\n

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %><% } %>\">\n <%= subText %>\n

\n <% } %>\n <% if (text) { %>\n

\"\n style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n <% } %>\n

\n" }, "values": { "startDate": "", "endDate": "", "paddingTop": "", "paddingBottom": "12", "backgroundColor": "#fafafa", "useTextCenter": false, "subTextSize": "fc-h2-text", "subTextColor": "#000000", "subText": "", "textSize": "fc-h5-text", "textColor": "#121212", "text": "3D 오브젝트 제작 예제 12종" }, "uniqueId": "fc-block-4-siifmsbmh", "isChecked": false }, { "id": "fc-block-8-sw5a0grae", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMUg0OVY0OUgxeiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik02IDEwSDE2VjE2SDZ6TTIwIDEwSDMwVjE2SDIwek0zNCAxMEg0NFYxNkgzNHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik01IDE5SDE3VjIxSDV6TTE5IDE5SDMxVjIxSDE5ek0zMyAxOUg0NVYyMUgzM3oiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0zMyAyOEwzNiAzNCAzMCAzNHoiIHRyYW5zZm9ybT0icm90YXRlKDkwIDMzIDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE3IDI4TDIwIDM0IDE0IDM0eiIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDE3IDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTIxIDMwSDI5VjMySDIxeiIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMjUgMzEpIi8+CiAgICAgICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgICAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPkNhcm91c2VsPC90c3Bhbj4KICAgICAgICA8L3RleHQ+CiAgICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "useNewTab", "type": "checkbox", "description": "카드 클릭 시 링크 열람 방식을 설정할 수 있습니다." }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현할 수 있습니다.", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "이미지 파일 업로드" }, { "name": "imageAlt", "type": "text", "description": "이미지 부가 설명" }, { "name": "text1", "type": "textarea", "description": "자유 입력" }, { "name": "text2", "type": "textarea", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "

rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\">\n

\n <% if(link) { %>\n \" rel=\"<%= useNewTab ? 'noopener noreferrer' : '' %>\" target=\"<%= useNewTab ? '_blank' : '' %>\">\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n \n <% } else { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% } %>\n

\n" }, "values": { "paddingTop": "0", "paddingBottom": "0", "columnCount": "3", "backgroundColor": "#fafafa", "colorTheme": "theme-light-red", "text1Size": "fc-h6-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/135419-831/example-asset-beyondbetterbrand-11.webp", "text1": "", "text2": "", "imageAlt": "콜로소 무료 특강 포트폴리오" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/135429-831/example-asset-beyondbetterbrand-12.webp", "text1": "", "text2": "", "imageAlt": "콜로소 무료 특강 포트폴리오" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/135436-831/example-asset-beyondbetterbrand-13.webp", "text1": "", "text2": "", "imageAlt": "콜로소 무료 특강 포트폴리오" } ] }, "uniqueId": "fc-block-5-03kzaofvd", "isChecked": false }, { "id": "fc-block-7-akr2u28v6", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BUkdJTjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjMsNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy41IDMwaDQzIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0yNS4wOSA0LjA4NXYyMS44MzEiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNS4wODkgM2wtNC4wOSA0LjM5OC43MzQuNjgzIDMuMzU2LTMuNjEyIDMuMzU4IDMuNjEyLjczMi0uNjgzek0yNS4wODkgMjUuNTMybC0zLjM1Ni0zLjYxMy0uNzMzLjY4M0wyNS4wODkgMjdsNC4wOS00LjM5OC0uNzMyLS42ODN6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "40", "backgroundColor": "#FAFAFA" }, "uniqueId": "fc-block-6-w2ylvj8dd", "isChecked": false }, { "id": "fc-block-4-kj9ejaqoe", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlRFWFQ8L3RzcGFuPgogICAgPC90ZXh0PgogICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNiAxOGgzOHYySDZ6TTYgMjJoMzh2Mkg2ek02IDI2aDI3djJINnoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "subTextColor", "type": "text", "description": "sub text color" }, { "name": "subText", "type": "textarea", "description": "sub text" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "startDate": "", "endDate": "", "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "", "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

fc-text-align-center<% } %>\">\n <% if (subText) { %>\n

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %><% } %>\">\n <%= subText %>\n

\n <% } %>\n <% if (text) { %>\n

\"\n style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n <% } %>\n

\n" }, "values": { "startDate": "", "endDate": "", "paddingTop": "", "paddingBottom": "12", "backgroundColor": "#fafafa", "useTextCenter": false, "subTextSize": "fc-h2-text", "subTextColor": "#000000", "subText": "", "textSize": "fc-h5-text", "textColor": "#121212", "text": "생성형 Ai 활용 예제 5종" }, "uniqueId": "fc-block-7-htnbfnwsg", "isChecked": false, "hidden": true }, { "id": "fc-block-9-agvz9n6s8", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMUg0OVY0OUgxeiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik02IDEwSDE2VjE2SDZ6TTIwIDEwSDMwVjE2SDIwek0zNCAxMEg0NFYxNkgzNHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik01IDE5SDE3VjIxSDV6TTE5IDE5SDMxVjIxSDE5ek0zMyAxOUg0NVYyMUgzM3oiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0zMyAyOEwzNiAzNCAzMCAzNHoiIHRyYW5zZm9ybT0icm90YXRlKDkwIDMzIDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE3IDI4TDIwIDM0IDE0IDM0eiIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDE3IDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTIxIDMwSDI5VjMySDIxeiIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMjUgMzEpIi8+CiAgICAgICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgICAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPkNhcm91c2VsPC90c3Bhbj4KICAgICAgICA8L3RleHQ+CiAgICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "useNewTab", "type": "checkbox", "description": "카드 클릭 시 링크 열람 방식을 설정할 수 있습니다." }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현할 수 있습니다.", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "이미지 파일 업로드" }, { "name": "imageAlt", "type": "text", "description": "이미지 부가 설명" }, { "name": "text1", "type": "textarea", "description": "자유 입력" }, { "name": "text2", "type": "textarea", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "

rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\">\n

\n <% if(link) { %>\n \" rel=\"<%= useNewTab ? 'noopener noreferrer' : '' %>\" target=\"<%= useNewTab ? '_blank' : '' %>\">\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n \n <% } else { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% } %>\n

\n" }, "values": { "paddingTop": "0", "paddingBottom": "0", "columnCount": "3", "backgroundColor": "#fafafa", "colorTheme": "theme-light-red", "text1Size": "fc-h6-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/140157-831/example-asset-beyondbetterbrand-14.webp", "text1": "", "text2": "", "imageAlt": "콜로소 무료 특강 포트폴리오" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/140204-831/example-asset-beyondbetterbrand-15.webp", "text1": "", "text2": "", "imageAlt": "콜로소 무료 특강 포트폴리오" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/140211-831/example-asset-beyondbetterbrand-16.webp", "text1": "", "text2": "", "imageAlt": "콜로소 무료 특강 포트폴리오" } ] }, "uniqueId": "fc-block-8-7sx9dbvqn", "isChecked": false, "hidden": true }, { "id": "fc-block-7-6oh6cm3x7", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BUkdJTjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjMsNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy41IDMwaDQzIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0yNS4wOSA0LjA4NXYyMS44MzEiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNS4wODkgM2wtNC4wOSA0LjM5OC43MzQuNjgzIDMuMzU2LTMuNjEyIDMuMzU4IDMuNjEyLjczMi0uNjgzek0yNS4wODkgMjUuNTMybC0zLjM1Ni0zLjYxMy0uNzMzLjY4M0wyNS4wODkgMjdsNC4wOS00LjM5OC0uNzMyLS42ODN6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "40", "backgroundColor": "#FAFAFA" }, "uniqueId": "fc-block-7-4l3zw6xx2", "isChecked": false }, { "id": "fc-block-1-ba9gwezjb", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlRFWFQ8L3RzcGFuPgogICAgPC90ZXh0PgogICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNiAxOGgzOHYySDZ6TTYgMjJoMzh2Mkg2ek02IDI2aDI3djJINnoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "subTextColor", "type": "text", "description": "sub text color" }, { "name": "subText", "type": "textarea", "description": "sub text" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "startDate": "", "endDate": "", "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "", "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

fc-text-align-center<% } %>\">\n <% if (subText) { %>\n

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %><% } %>\">\n <%= subText %>\n

\n <% } %>\n <% if (text) { %>\n

\"\n style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n <% } %>\n

\n" }, "values": { "startDate": "", "endDate": "", "paddingTop": "", "paddingBottom": "12", "backgroundColor": "#fafafa", "useTextCenter": false, "subTextSize": "fc-h2-text", "subTextColor": "#000000", "subText": "", "textSize": "fc-h5-text", "textColor": "#121212", "text": "응용 실습 예제 10종\n" }, "uniqueId": "fc-block-9-ozpcptqef", "isChecked": false }, { "id": "fc-block-12-q42c0rv6z", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMUg0OVY0OUgxeiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik02IDEwSDE2VjE2SDZ6TTIwIDEwSDMwVjE2SDIwek0zNCAxMEg0NFYxNkgzNHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik01IDE5SDE3VjIxSDV6TTE5IDE5SDMxVjIxSDE5ek0zMyAxOUg0NVYyMUgzM3oiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0zMyAyOEwzNiAzNCAzMCAzNHoiIHRyYW5zZm9ybT0icm90YXRlKDkwIDMzIDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE3IDI4TDIwIDM0IDE0IDM0eiIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDE3IDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTIxIDMwSDI5VjMySDIxeiIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMjUgMzEpIi8+CiAgICAgICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgICAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPkNhcm91c2VsPC90c3Bhbj4KICAgICAgICA8L3RleHQ+CiAgICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "useNewTab", "type": "checkbox", "description": "카드 클릭 시 링크 열람 방식을 설정할 수 있습니다." }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현할 수 있습니다.", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "이미지 파일 업로드" }, { "name": "imageAlt", "type": "text", "description": "이미지 부가 설명" }, { "name": "text1", "type": "textarea", "description": "자유 입력" }, { "name": "text2", "type": "textarea", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "

rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\">\n

\n <% if(link) { %>\n \" rel=\"<%= useNewTab ? 'noopener noreferrer' : '' %>\" target=\"<%= useNewTab ? '_blank' : '' %>\">\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n \n <% } else { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% } %>\n

\n" }, "values": { "paddingTop": "0", "paddingBottom": "0", "columnCount": "3", "backgroundColor": "#fafafa", "colorTheme": "theme-light-red", "text1Size": "fc-h6-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/135445-831/example-asset-beyondbetterbrand-17.webp", "text1": "

글래스모피즘 활용 포스터

", "text2": "", "imageAlt": "콜로소 무료 특강 포트폴리오" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/135453-831/example-asset-beyondbetterbrand-18.webp", "text1": "

로고 제작

", "text2": "", "imageAlt": "콜로소 무료 특강 포트폴리오" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/135459-831/example-asset-beyondbetterbrand-19.webp", "text1": "

명함 제작

", "text2": "", "imageAlt": "콜로소 무료 특강 포트폴리오" } ] }, "uniqueId": "fc-block-9-04r1uvjn8", "isChecked": false }, { "id": "fc-block-2-lilvqkgm8", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BUkdJTjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjMsNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy41IDMwaDQzIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0yNS4wOSA0LjA4NXYyMS44MzEiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNS4wODkgM2wtNC4wOSA0LjM5OC43MzQuNjgzIDMuMzU2LTMuNjEyIDMuMzU4IDMuNjEyLjczMi0uNjgzek0yNS4wODkgMjUuNTMybC0zLjM1Ni0zLjYxMy0uNzMzLjY4M0wyNS4wODkgMjdsNC4wOS00LjM5OC0uNzMyLS42ODN6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "20", "backgroundColor": "#FAFAFA" }, "uniqueId": "fc-block-1-oi27h1t7f", "isChecked": false, "hidden": true }, { "id": "fc-block-2-z0ik98pgm", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMUg0OVY0OUgxeiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik02IDEwSDE2VjE2SDZ6TTIwIDEwSDMwVjE2SDIwek0zNCAxMEg0NFYxNkgzNHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik01IDE5SDE3VjIxSDV6TTE5IDE5SDMxVjIxSDE5ek0zMyAxOUg0NVYyMUgzM3oiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0zMyAyOEwzNiAzNCAzMCAzNHoiIHRyYW5zZm9ybT0icm90YXRlKDkwIDMzIDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE3IDI4TDIwIDM0IDE0IDM0eiIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDE3IDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTIxIDMwSDI5VjMySDIxeiIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMjUgMzEpIi8+CiAgICAgICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgICAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPkNhcm91c2VsPC90c3Bhbj4KICAgICAgICA8L3RleHQ+CiAgICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "useNewTab", "type": "checkbox", "description": "카드 클릭 시 링크 열람 방식을 설정할 수 있습니다." }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현할 수 있습니다.", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "이미지 파일 업로드" }, { "name": "imageAlt", "type": "text", "description": "이미지 부가 설명" }, { "name": "text1", "type": "textarea", "description": "자유 입력" }, { "name": "text2", "type": "textarea", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "

rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\">\n

\n <% if(link) { %>\n \" rel=\"<%= useNewTab ? 'noopener noreferrer' : '' %>\" target=\"<%= useNewTab ? '_blank' : '' %>\">\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n \n <% } else { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% } %>\n

\n" }, "values": { "paddingTop": "0", "paddingBottom": "0", "columnCount": "3", "backgroundColor": "#fafafa", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/111740-1093/detail-asset-beyondbetterbrand-01.webp", "text1": "", "text2": "", "imageAlt": "콜로소 무료 특강 포트폴리오" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/111747-1093/detail-asset-beyondbetterbrand-02.webp", "text1": "", "text2": "", "imageAlt": "콜로소 무료 특강 포트폴리오" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/111751-1093/detail-asset-beyondbetterbrand-03.webp", "text1": "", "text2": "", "imageAlt": "콜로소 무료 특강 포트폴리오" } ] }, "uniqueId": "fc-block-1-uktcvudvz", "isChecked": false, "hidden": true }, { "id": "fc-block-2-r54hhtiei", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BUkdJTjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjMsNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy41IDMwaDQzIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0yNS4wOSA0LjA4NXYyMS44MzEiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNS4wODkgM2wtNC4wOSA0LjM5OC43MzQuNjgzIDMuMzU2LTMuNjEyIDMuMzU4IDMuNjEyLjczMi0uNjgzek0yNS4wODkgMjUuNTMybC0zLjM1Ni0zLjYxMy0uNzMzLjY4M0wyNS4wODkgMjdsNC4wOS00LjM5OC0uNzMyLS42ODN6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "20", "backgroundColor": "#FAFAFA" }, "uniqueId": "fc-block-11-hoshbiz8a", "isChecked": false, "hidden": true }, { "id": "fc-block-3-yje2z1qkp", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMUg0OVY0OUgxeiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik02IDEwSDE2VjE2SDZ6TTIwIDEwSDMwVjE2SDIwek0zNCAxMEg0NFYxNkgzNHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik01IDE5SDE3VjIxSDV6TTE5IDE5SDMxVjIxSDE5ek0zMyAxOUg0NVYyMUgzM3oiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0zMyAyOEwzNiAzNCAzMCAzNHoiIHRyYW5zZm9ybT0icm90YXRlKDkwIDMzIDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE3IDI4TDIwIDM0IDE0IDM0eiIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDE3IDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTIxIDMwSDI5VjMySDIxeiIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMjUgMzEpIi8+CiAgICAgICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgICAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPkNhcm91c2VsPC90c3Bhbj4KICAgICAgICA8L3RleHQ+CiAgICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "useNewTab", "type": "checkbox", "description": "카드 클릭 시 링크 열람 방식을 설정할 수 있습니다." }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현할 수 있습니다.", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "이미지 파일 업로드" }, { "name": "imageAlt", "type": "text", "description": "이미지 부가 설명" }, { "name": "text1", "type": "textarea", "description": "자유 입력" }, { "name": "text2", "type": "textarea", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "

rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\">\n

\n <% if(link) { %>\n \" rel=\"<%= useNewTab ? 'noopener noreferrer' : '' %>\" target=\"<%= useNewTab ? '_blank' : '' %>\">\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n \n <% } else { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% } %>\n

\n" }, "values": { "paddingTop": "0", "paddingBottom": "0", "columnCount": "3", "backgroundColor": "#fafafa", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/111758-1093/detail-asset-beyondbetterbrand-04.webp", "text1": "", "text2": "", "imageAlt": "콜로소 무료 특강 포트폴리오" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/111803-1093/detail-asset-beyondbetterbrand-05.webp", "text1": "", "text2": "", "imageAlt": "콜로소 무료 특강 포트폴리오" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/111808-1093/detail-asset-beyondbetterbrand-06.webp", "text1": "", "text2": "", "imageAlt": "콜로소 무료 특강 포트폴리오" } ] }, "uniqueId": "fc-block-1-ygi9rfuy2", "isChecked": false, "hidden": true }, { "id": "fc-block-3-5533eh1pp", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlRFWFQ8L3RzcGFuPgogICAgPC90ZXh0PgogICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNiAxOGgzOHYySDZ6TTYgMjJoMzh2Mkg2ek02IDI2aDI3djJINnoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "subTextColor", "type": "text", "description": "sub text color" }, { "name": "subText", "type": "textarea", "description": "sub text" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "startDate": "", "endDate": "", "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "", "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

fc-text-align-center<% } %>\">\n <% if (subText) { %>\n

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %><% } %>\">\n <%= subText %>\n

\n <% } %>\n <% if (text) { %>\n

\"\n style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n <% } %>\n

\n" }, "values": { "startDate": "", "endDate": "", "paddingTop": "22", "paddingBottom": "5", "backgroundColor": "#fafafa", "useTextCenter": true, "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "", "textSize": "fc-content-text", "textColor": "#999", "text": "* 위 이미지와 리스트는 예시이며 세부 사항은 일부 변동될 수 있습니다." }, "uniqueId": "fc-block-1-vdm9yivbc", "isChecked": false, "hidden": false }, { "id": "fc-block-7-04un7eiu4", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlRFWFQ8L3RzcGFuPgogICAgPC90ZXh0PgogICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNiAxOGgzOHYySDZ6TTYgMjJoMzh2Mkg2ek02IDI2aDI3djJINnoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "subTextColor", "type": "text", "description": "sub text color" }, { "name": "subText", "type": "textarea", "description": "sub text" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "startDate": "", "endDate": "", "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "", "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

fc-text-align-center<% } %>\">\n <% if (subText) { %>\n

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %><% } %>\">\n <%= subText %>\n

\n <% } %>\n <% if (text) { %>\n

\"\n style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n <% } %>\n

\n" }, "values": { "startDate": "", "endDate": "", "paddingTop": "54", "paddingBottom": "20", "backgroundColor": "#fafafa", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#ED2040", "subText": "상품 핵심 요약", "textSize": "fc-h3-text", "textColor": "#121212", "text": "\n상품에는 이런 내용이 포함되어 있어요. \t\t\n" }, "uniqueId": "fc-block-3-x44aa3hf7", "isChecked": false }, { "id": "fc-block-6-bb4xmfiev", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMUg0OVY0OUgxeiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik02IDEwSDE2VjE2SDZ6TTIwIDEwSDMwVjE2SDIwek0zNCAxMEg0NFYxNkgzNHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik01IDE5SDE3VjIxSDV6TTE5IDE5SDMxVjIxSDE5ek0zMyAxOUg0NVYyMUgzM3oiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0zMyAyOEwzNiAzNCAzMCAzNHoiIHRyYW5zZm9ybT0icm90YXRlKDkwIDMzIDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE3IDI4TDIwIDM0IDE0IDM0eiIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDE3IDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTIxIDMwSDI5VjMySDIxeiIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMjUgMzEpIi8+CiAgICAgICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgICAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPkNhcm91c2VsPC90c3Bhbj4KICAgICAgICA8L3RleHQ+CiAgICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "useNewTab", "type": "checkbox", "description": "카드 클릭 시 링크 열람 방식을 설정할 수 있습니다." }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현할 수 있습니다.", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "이미지 파일 업로드" }, { "name": "imageAlt", "type": "text", "description": "이미지 부가 설명" }, { "name": "text1", "type": "textarea", "description": "자유 입력" }, { "name": "text2", "type": "textarea", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "

rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\">\n

\n <% if(link) { %>\n \" rel=\"<%= useNewTab ? 'noopener noreferrer' : '' %>\" target=\"<%= useNewTab ? '_blank' : '' %>\">\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n \n <% } else { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% } %>\n

\n" }, "values": { "paddingTop": "0", "paddingBottom": "40", "columnCount": "3", "backgroundColor": "#fafafa", "colorTheme": "theme-light-red", "text1Size": "fc-h6-text", "text2Size": "fc-content-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/111820-1093/example-asset-beyondbetterbrand-01.webp", "text1": " 실무자에게 꼭 필요한 실무에 집중한,
일러스트레이터 올인원!", "text2": "업무 최적화, 실무에서 쓰이는 디자인으로 배우는 일러스트레이터 강의! 기초부터 심화까지 단계별로 구성된 100종의 예제와 함께 업무에 바로 적용 가능한 기능한 효율적으로 배워봅니다. ", "imageAlt": "콜로소 에셋 상품 요약 " }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/111825-1093/example-asset-beyondbetterbrand-02.webp", "text1": " 알면 2배 편한 일러스트 꿀팁 기능", "text2": "작업을 더 편하고 다채롭게 만들어줄 interwine, 하프톤, 목업툴, 리핏, 모자이크 등 다채로운 표현을 쉽게 도와줄 툴들만 모아 배워볼 수 있습니다.", "imageAlt": "콜로소 에셋 상품 요약 " }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/111830-1093/example-asset-beyondbetterbrand-03.webp", "text1": " Ai와 3D 탑재, 2025 일러스트 신기능", "text2": "일러스트에서 고퀄리티 그래픽 포스터를 제작할 수 있도록 3D 오브젝트를 만드는 방법과 텍스트로 이미지 생성하는 방법과 디벤션툴, 오브젝트온패스툴 등 2025년 새로운 기능까지 한번에 알려드립니다.", "imageAlt": "콜로소 에셋 상품 요약 " } ] }, "uniqueId": "fc-block-6-4hzc8ax1a", "isChecked": false }, { "id": "fc-block-4-o7hm82tsj", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMUg0OVY0OUgxeiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik02IDEwSDE2VjE2SDZ6TTIwIDEwSDMwVjE2SDIwek0zNCAxMEg0NFYxNkgzNHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik01IDE5SDE3VjIxSDV6TTE5IDE5SDMxVjIxSDE5ek0zMyAxOUg0NVYyMUgzM3oiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0zMyAyOEwzNiAzNCAzMCAzNHoiIHRyYW5zZm9ybT0icm90YXRlKDkwIDMzIDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE3IDI4TDIwIDM0IDE0IDM0eiIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDE3IDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTIxIDMwSDI5VjMySDIxeiIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMjUgMzEpIi8+CiAgICAgICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgICAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPkNhcm91c2VsPC90c3Bhbj4KICAgICAgICA8L3RleHQ+CiAgICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "useNewTab", "type": "checkbox", "description": "카드 클릭 시 링크 열람 방식을 설정할 수 있습니다." }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현할 수 있습니다.", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "이미지 파일 업로드" }, { "name": "imageAlt", "type": "text", "description": "이미지 부가 설명" }, { "name": "text1", "type": "textarea", "description": "자유 입력" }, { "name": "text2", "type": "textarea", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "

rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\">\n

\n <% if(link) { %>\n \" rel=\"<%= useNewTab ? 'noopener noreferrer' : '' %>\" target=\"<%= useNewTab ? '_blank' : '' %>\">\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n \n <% } else { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% } %>\n

\n" }, "values": { "paddingTop": "0", "paddingBottom": "0", "columnCount": "3", "backgroundColor": "#fafafa", "colorTheme": "theme-light-red", "text1Size": "fc-h6-text", "text2Size": "fc-content-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/111835-1093/example-asset-beyondbetterbrand-04.webp", "text1": " 내용만 바꾸면 끝!
\n바로 활용 가능한 100종의 템플릿", "text2": "무료 서체 조합으로 내용만 바꾸면 로고가 완성되는 템플릿과 SNS 정사각형 템플릿, 포스터와 명함 그리고 프레젠테이션 템플릿까지 내용만 바꾸어 사용할 수 있도록 디자인에서 가장 활용도 높은 템플릿으로만 구성하였습니다.", "imageAlt": "콜로소 에셋 상품 요약 " }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/111838-1093/example-asset-beyondbetterbrand-05.webp", "text1": " 학습 효과를 100% 채워줄 30회차의 VOD", "text2": "실습 예제를 바탕으로 100% 체화할 수 있으면서 지루하지 않도록 딱 5시간! 30회차의 영상으로 구성하였습니다. 필요한 부분만 빠르게 골라 복습도 가능한 분량입니다.", "imageAlt": "콜로소 에셋 상품 요약 " }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/111842-1093/example-asset-beyondbetterbrand-06.webp", "text1": " 혼자서 살아남는 디자이너가 되기 위한 꿀팁
부록 전자책 \n", "text2": "일러스트레이터 실무 외에도 독립적인 디자이너가 될 수 있도록 무료 폰트 사용부터 영감 사이트 무료 목업 사이트와 인쇄 가이드까지 17년간 실무를 해오며 후배들에게 알려주고 싶었던 실무 꿀팁만 담아 가이드북으로 제공해드립니다.", "imageAlt": "콜로소 에셋 상품 요약 " } ] }, "uniqueId": "fc-block-2-2zq4s4uub", "isChecked": false }, { "id": "fc-block-3-f83d1xsmf", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BUkdJTjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjMsNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy41IDMwaDQzIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0yNS4wOSA0LjA4NXYyMS44MzEiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNS4wODkgM2wtNC4wOSA0LjM5OC43MzQuNjgzIDMuMzU2LTMuNjEyIDMuMzU4IDMuNjEyLjczMi0uNjgzek0yNS4wODkgMjUuNTMybC0zLjM1Ni0zLjYxMy0uNzMzLjY4M0wyNS4wODkgMjdsNC4wOS00LjM5OC0uNzMyLS42ODN6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "60", "backgroundColor": "#FAFAFA" }, "uniqueId": "fc-block-2-ywvbeczik", "isChecked": false }, { "id": "fc-block-1-34f7adm58", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BUkdJTjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjMsNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy41IDMwaDQzIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0yNS4wOSA0LjA4NXYyMS44MzEiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNS4wODkgM2wtNC4wOSA0LjM5OC43MzQuNjgzIDMuMzU2LTMuNjEyIDMuMzU4IDMuNjEyLjczMi0uNjgzek0yNS4wODkgMjUuNTMybC0zLjM1Ni0zLjYxMy0uNzMzLjY4M0wyNS4wODkgMjdsNC4wOS00LjM5OC0uNzMyLS42ODN6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "40", "backgroundColor": "#ffffff" }, "hidden": true, "uniqueId": "fc-block-1-l1vmu9jr6", "isChecked": false }, { "id": "fc-block-14-5mx9maz77", "layout": { "id": "203", "description": "1~4단 이미지와 텍스트", "icon": "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%3e%3cg%20fill='none'%20fill-rule='nonzero'%3e%3cpath%20fill='%23FFF'%20stroke='%23000'%20stroke-width='2'%20d='M1%201h48v48H1z'/%3e%3cpath%20fill='%23B4B4B4'%20stroke='%23000'%20stroke-width='2'%20d='M5%2020h7v6H5zM16%2020h7v6h-7zM27%2020h7v6h-7zM38%2020h7v6h-7z'/%3e%3cpath%20fill='%23000'%20d='M4%2029h9v2H4zM15%2029h9v2h-9zM26%2029h9v2h-9zM37%2029h9v2h-9z'/%3e%3c/g%3e%3c/svg%3e", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "imageUrl1", "type": "image", "description": "230 x 152" }, { "name": "imageAlt1", "type": "text", "description": "image1 alt" }, { "name": "title1", "type": "textarea", "description": "title1 text" }, { "name": "content1", "type": "textarea", "description": "content text" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "buttonLabel1", "type": "text", "description": "버튼에 들어갈 문구를 입력해주세요. 입력내용이 없으면 버튼은 사라집니다." }, { "name": "buttonLink1", "type": "text", "description": "이미지와 버튼에 삽입할 링크를 입력해주세요." }, { "name": "imageUrl2", "type": "image", "description": "230 x 152" }, { "name": "imageAlt2", "type": "text", "description": "image2 alt" }, { "name": "title2", "type": "textarea", "description": "title2 text" }, { "name": "content2", "type": "textarea", "description": "content text" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "buttonLabel2", "type": "text", "description": "버튼에 들어갈 문구를 입력해주세요. 입력내용이 없으면 버튼은 사라집니다." }, { "name": "buttonLink2", "type": "text", "description": "이미지와 버튼에 삽입할 링크를 입력해주세요." }, { "name": "imageUrl3", "type": "image", "description": "230 x 152" }, { "name": "imageAlt3", "type": "text", "description": "image3 alt" }, { "name": "title3", "type": "textarea", "description": "title3 text" }, { "name": "content3", "type": "textarea", "description": "content text" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "buttonLabel3", "type": "text", "description": "버튼에 들어갈 문구를 입력해주세요. 입력내용이 없으면 버튼은 사라집니다." }, { "name": "buttonLink3", "type": "text", "description": "이미지와 버튼에 삽입할 링크를 입력해주세요." }, { "name": "imageUrl4", "type": "image", "description": "230 x 152" }, { "name": "imageAlt4", "type": "text", "description": "image4 alt" }, { "name": "title4", "type": "textarea", "description": "title4 text" }, { "name": "content4", "type": "textarea", "description": "content text" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "buttonLabel4", "type": "text", "description": "버튼에 들어갈 문구를 입력해주세요. 입력내용이 없으면 버튼은 사라집니다." }, { "name": "buttonLink4", "type": "text", "description": "이미지와 버튼에 삽입할 링크를 입력해주세요." } ], "values": { "backgroundColor": "#ffffff", "textColor": "", "buttonColor": "#466eff", "buttonTextColor": "#ffffff", "useTextCenter": false, "useColumnInMobile": false, "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "imageUrl1": "", "title1": "", "content1": "", "useNewTab1": true, "buttonLabel1": "", "buttonLink1": "", "imageUrl2": "", "title2": "", "content2": "", "useNewTab2": true, "buttonLabel2": "", "buttonLink2": "", "imageUrl3": "", "title3": "", "content3": "", "useNewTab3": true, "buttonLabel3": "", "buttonLink3": "", "imageUrl4": "", "title4": "", "content4": "", "useNewTab4": true, "buttonLabel4": "", "buttonLink4": "" }, "template": "

;\">\n

\">\n

\" style=\"color: <%= textColor || '#000000' %>\">\n <% if (imageUrl1 || title1 || content1 || buttonLabel1) { %>\n

\n <% if (imageUrl1 && buttonLink1) { %>\n \" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n

\" alt=\"<%= imageAlt1 %>\" loading=\"lazy\">\n \n <% } else if (imageUrl1) { %>\n

\" alt=\"<%= imageAlt1 %>\" loading=\"lazy\">\n <% } %>\n <% if (title1) { %>\n

\"><%= title1 %>

\n <% } %>\n <% if (content1) { %>\n

\"><%= content1 %>

\n <% } %>\n <% if (imageUrl2 || title2 || content2 || buttonLabel2) { %>\n

\n <% if (imageUrl2 && buttonLink2) { %>\n \" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n

\" alt=\"<%= imageAlt2 %>\" loading=\"lazy\">\n \n <% } else if (imageUrl2) { %>\n

\" alt=\"<%= imageAlt2 %>\" loading=\"lazy\">\n <% } %>\n <% if(title2) { %>\n

\"><%= title2 %>

\n <% } %>\n <% if(content2) { %>\n

\"><%= content2 %>

\n <% } %>\n <% if (imageUrl3 || title3 || content3 || buttonLabel3) { %>\n

\n <% if (imageUrl3 && buttonLink3) { %>\n \" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n

\" alt=\"<%= imageAlt3 %>\" loading=\"lazy\">\n \n <% } else if (imageUrl3) { %>\n

\" alt=\"<%= imageAlt3 %>\" loading=\"lazy\">\n <% } %>\n <% if(title3) { %>\n

\"><%= title3 %>

\n <% } %>\n <% if(content3) { %>\n

\"><%= content3 %>

\n <% } %>\n <% if (imageUrl4 || title4 || content4 || buttonLabel4) { %>\n

\n <% if (imageUrl4 && buttonLink4) { %>\n \" <% if(useNewTab4) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n

\" alt=\"<%= imageAlt4 %>\" loading=\"lazy\">\n \n <% } else if (imageUrl4) { %>\n

\" alt=\"<%= imageAlt4 %>\" loading=\"lazy\">\n <% } %>\n <% if(title4) { %>\n

\"><%= title4 %>

\n <% } %>\n <% if (content4) { %>\n

\"><%= content4 %>

\n <% } %>\n

\n209,000원 \n\n

", "content1": "", "useNewTab1": false, "buttonLabel1": "", "buttonLink1": "", "imageUrl2": "https://cdn.day1company.io/prod/uploads/202412/113143-565/asset.webp", "title2": "

\n109,000원 \n\n

", "content2": "", "useNewTab2": true, "buttonLabel2": "", "buttonLink2": "", "imageUrl3": "", "title3": "", "content3": "", "useNewTab3": true, "buttonLabel3": "", "buttonLink3": "", "imageUrl4": "", "title4": "", "content4": "", "useNewTab4": true, "buttonLabel4": "", "buttonLink4": "", "imageAlt1": "비비비 올패키지", "imageAlt2": "비비비 에셋" }, "uniqueId": "fc-block-8-jpr845fs6", "isChecked": false }, { "id": "fc-block-6-0yewnv17k", "layout": { "id": "802", "description": "강사소개 + 링크버튼", "icon": "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%3e%3cg%20fill='none'%20fill-rule='nonzero'%3e%3cpath%20fill='%23FFF'%20stroke='%23000'%20stroke-width='2'%20d='M1%201h48v48H1z'/%3e%3cpath%20fill='%23000'%20d='M18%2012h6v2h-6zM18%2028h6v2h-6zM30%2012h8v2h-8zM30%2028h8v2h-8zM18%2016h10v2H18zM18%2032h10v2H18zM30%2016h14v2H30zM30%2032h14v2H30zM18%2020h10v2H18zM18%2036h10v2H18z'/%3e%3cpath%20fill='%23B4B4B4'%20d='M30%2020h6v2h-6zM30%2036h6v2h-6z'/%3e%3ccircle%20cx='11'%20cy='17'%20r='4'%20fill='%23B4B4B4'%20stroke='%23000'%20stroke-width='2'/%3e%3ccircle%20cx='11'%20cy='33'%20r='4'%20fill='%23B4B4B4'%20stroke='%23000'%20stroke-width='2'/%3e%3c/g%3e%3c/svg%3e", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "imageUrl", "type": "image", "description": "60 x 60" }, { "name": "imageAlt", "type": "text", "description": "image alt" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "url", "description": "link url" }, { "name": "linkLabel", "type": "text", "description": "link label" } ], "values": { "paddingTop": 0, "paddingBottom": 0, "backgroundColor": "", "imageUrl": "", "titleSize": "fc-h5-text", "title1": "", "title2": "강사님 한마디", "contentSize": "fc-content-text", "content1": "", "content2": "", "useNewTab": true, "link": "", "linkLabel": "강사님 인터뷰 보기" }, "template": "

background-color: <%= backgroundColor %><% } %>\">\n

rem; padding-bottom: <%= paddingBottom/10 %>rem;\">\n <% if (imageUrl || title1 || title2 || content1 || content2) { %>\n

\n <% if (imageUrl) { %>\n

\" alt=\"<%= imageAlt %>\" loading=\"lazy\">

\n <% } %>\n

\"><%= title1 %>

\"><%= content1 %>

\"><%= title2 %>

\"><%= content2 %>

\n <% if (link) { %>\n target=\"_blank\" rel=\"noopener noreferrer\" <% } %> href=\"<%=link%>\"><%= linkLabel %>\n <% } %>\n

\n <% } %>\n

\n" }, "values": { "paddingTop": "60", "paddingBottom": "0", "backgroundColor": "#fff", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/111853-1093/asset-beyondbetterbrand-profile.webp", "titleSize": "fc-h5-text", "title1": "디자이너 BBB", "title2": "이력 및 경력", "contentSize": "fc-content-text", "content1": "현) 스튜디오 MRO 대표
\n현) Beyondbetterbrand 디자인 크리에이터", "content2": "[이력]
\n\n2023 ~ 브랜드 디자인 스튜디오 MRO 대표
\n2022 ~ Beyondbetterbrand 크리에이터 활동중
\n2021 ~ 2022 한옥스테이 화응 공동대표
\n2015 ~ 2023 twoply / 책임 디자이너
\n2012 ~ 2015 서브컬쳐 매거진 BrosU 공동대표
\n2010 ~ 2012 스트릿 브랜드 스티콘 공동대표
\n2008 ~ 2010 Designface / 디자이너\n

\n\n[프로젝트]
\n2023 MRO 브랜딩
\n2023 한옥스테이 세렌디피아 BI
\n2022 한옥스테이 일상이상,풍류가옥 BI
\n2022 카페 illoillo BI
\n2022 한옥스테이 초점 브랜딩
\n2021 한옥스테이 화응 브랜딩, 청연 BI
\n2021 한옥스테이 아늑 BI
\n2021 호남주류 DIONY CI
\n2020 한옥스테이 늦잠,무렵 BI
\n2020 한옥스테이 여유,여가 BI
\n2014 상수역 커피워커스 브랜딩
\n2013 NABBA KOREA 총괄 리브랜딩
", "useNewTab": true, "link": "https://www.instagram.com/beyondbetterbrand/", "linkLabel": "Instagram", "imageAlt": "연사명" }, "uniqueId": "fc-block-2-gzeu0kpqv", "isChecked": false }, { "id": "fc-block-15-aa17jwte7", "layout": { "id": "003", "description": "문단 구분 선", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPkJPUkRFUjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTYgMjJoMzgiLz4KICAgIDxwYXRoIHN0cm9rZT0iI0I0QjRCNCIgc3Ryb2tlLWRhc2hhcnJheT0iMyw1IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0zLjUgMzBoNDNNMy41IDE0aDQzIi8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "size", "options": [ "1", "2" ] } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "borderColor": "#c8c8d2", "borderSize": "1" }, "template": "

\">\n

rem;padding-bottom: <%= paddingBottom/10 %>rem;\">\n

rem solid <%= borderColor %>;\">\n

\n" }, "values": { "backgroundColor": "#ffffff", "paddingTop": "60", "paddingBottom": "0", "borderColor": "#c8c8d2", "borderSize": "1" }, "uniqueId": "fc-block-1-dnikgt1oi", "isChecked": false }, { "id": "fc-block-5-een0vqq1v", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlRFWFQ8L3RzcGFuPgogICAgPC90ZXh0PgogICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNiAxOGgzOHYySDZ6TTYgMjJoMzh2Mkg2ek02IDI2aDI3djJINnoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "subTextColor", "type": "text", "description": "sub text color" }, { "name": "subText", "type": "textarea", "description": "sub text" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "startDate": "", "endDate": "", "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "", "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

fc-text-align-center<% } %>\">\n <% if (subText) { %>\n

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %><% } %>\">\n <%= subText %>\n

\n <% } %>\n <% if (text) { %>\n

\"\n style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n <% } %>\n

\n" }, "values": { "startDate": "", "endDate": "", "paddingTop": "54", "paddingBottom": "20", "backgroundColor": "#fff", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#ED2040", "subText": "포트폴리오", "textSize": "fc-h3-text", "textColor": "#121212", "text": "업계 전문가의 포트폴리오" }, "uniqueId": "fc-block-4-l7hald7i7", "isChecked": false, "hidden": false }, { "id": "fc-block-2-h1p51las2", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMUg0OVY0OUgxeiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik02IDEwSDE2VjE2SDZ6TTIwIDEwSDMwVjE2SDIwek0zNCAxMEg0NFYxNkgzNHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik01IDE5SDE3VjIxSDV6TTE5IDE5SDMxVjIxSDE5ek0zMyAxOUg0NVYyMUgzM3oiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0zMyAyOEwzNiAzNCAzMCAzNHoiIHRyYW5zZm9ybT0icm90YXRlKDkwIDMzIDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE3IDI4TDIwIDM0IDE0IDM0eiIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDE3IDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTIxIDMwSDI5VjMySDIxeiIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMjUgMzEpIi8+CiAgICAgICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgICAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPkNhcm91c2VsPC90c3Bhbj4KICAgICAgICA8L3RleHQ+CiAgICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "useNewTab", "type": "checkbox", "description": "카드 클릭 시 링크 열람 방식을 설정할 수 있습니다." }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현할 수 있습니다.", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "이미지 파일 업로드" }, { "name": "imageAlt", "type": "text", "description": "이미지 부가 설명" }, { "name": "text1", "type": "textarea", "description": "자유 입력" }, { "name": "text2", "type": "textarea", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "

rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\">\n

\n <% if(link) { %>\n \" rel=\"<%= useNewTab ? 'noopener noreferrer' : '' %>\" target=\"<%= useNewTab ? '_blank' : '' %>\">\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n \n <% } else { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% } %>\n

\n" }, "values": { "paddingTop": "0", "paddingBottom": "25", "columnCount": "3", "backgroundColor": "#fff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/133354-831/portfolio-asset-beyondbetterbrand-07.webp", "text1": "", "text2": "", "imageAlt": "콜로소 에셋 포트폴리오" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/133400-831/portfolio-asset-beyondbetterbrand-08.webp", "text1": "", "text2": "", "imageAlt": "콜로소 에 포트폴리오" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/133405-831/portfolio-asset-beyondbetterbrand-09.webp", "text1": "", "text2": "", "imageAlt": "콜로소 에 포트폴리오" } ] }, "uniqueId": "fc-block-2-az4oxsah4", "isChecked": false }, { "id": "fc-block-3-cvfccya59", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMUg0OVY0OUgxeiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik02IDEwSDE2VjE2SDZ6TTIwIDEwSDMwVjE2SDIwek0zNCAxMEg0NFYxNkgzNHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik01IDE5SDE3VjIxSDV6TTE5IDE5SDMxVjIxSDE5ek0zMyAxOUg0NVYyMUgzM3oiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0zMyAyOEwzNiAzNCAzMCAzNHoiIHRyYW5zZm9ybT0icm90YXRlKDkwIDMzIDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE3IDI4TDIwIDM0IDE0IDM0eiIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDE3IDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTIxIDMwSDI5VjMySDIxeiIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMjUgMzEpIi8+CiAgICAgICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgICAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPkNhcm91c2VsPC90c3Bhbj4KICAgICAgICA8L3RleHQ+CiAgICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "useNewTab", "type": "checkbox", "description": "카드 클릭 시 링크 열람 방식을 설정할 수 있습니다." }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현할 수 있습니다.", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "이미지 파일 업로드" }, { "name": "imageAlt", "type": "text", "description": "이미지 부가 설명" }, { "name": "text1", "type": "textarea", "description": "자유 입력" }, { "name": "text2", "type": "textarea", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "

rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\">\n

\n <% if(link) { %>\n \" rel=\"<%= useNewTab ? 'noopener noreferrer' : '' %>\" target=\"<%= useNewTab ? '_blank' : '' %>\">\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n \n <% } else { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% } %>\n

\n" }, "values": { "paddingTop": "0", "paddingBottom": "25", "columnCount": "3", "backgroundColor": "#fff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/111922-1093/portfolio-asset-beyondbetterbrand-01.webp", "text1": "", "text2": "", "imageAlt": "콜로소 에셋 포트폴리오" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/111925-1093/portfolio-asset-beyondbetterbrand-02.webp", "text1": "", "text2": "", "imageAlt": "콜로소 에 포트폴리오" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/111930-1093/portfolio-asset-beyondbetterbrand-03.webp", "text1": "", "text2": "", "imageAlt": "콜로소 에 포트폴리오" } ] }, "uniqueId": "fc-block-3-vue10xv0k", "isChecked": false }, { "id": "fc-block-2-xiu6zo1i4", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMUg0OVY0OUgxeiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik02IDEwSDE2VjE2SDZ6TTIwIDEwSDMwVjE2SDIwek0zNCAxMEg0NFYxNkgzNHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik01IDE5SDE3VjIxSDV6TTE5IDE5SDMxVjIxSDE5ek0zMyAxOUg0NVYyMUgzM3oiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0zMyAyOEwzNiAzNCAzMCAzNHoiIHRyYW5zZm9ybT0icm90YXRlKDkwIDMzIDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE3IDI4TDIwIDM0IDE0IDM0eiIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDE3IDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTIxIDMwSDI5VjMySDIxeiIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMjUgMzEpIi8+CiAgICAgICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgICAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPkNhcm91c2VsPC90c3Bhbj4KICAgICAgICA8L3RleHQ+CiAgICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "useNewTab", "type": "checkbox", "description": "카드 클릭 시 링크 열람 방식을 설정할 수 있습니다." }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현할 수 있습니다.", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "이미지 파일 업로드" }, { "name": "imageAlt", "type": "text", "description": "이미지 부가 설명" }, { "name": "text1", "type": "textarea", "description": "자유 입력" }, { "name": "text2", "type": "textarea", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "

rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\">\n

\n <% if(link) { %>\n \" rel=\"<%= useNewTab ? 'noopener noreferrer' : '' %>\" target=\"<%= useNewTab ? '_blank' : '' %>\">\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n \n <% } else { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% } %>\n

\n" }, "values": { "paddingTop": "0", "paddingBottom": "60", "columnCount": "3", "backgroundColor": "#fff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/111950-1093/portfolio-asset-beyondbetterbrand-04.webp", "text1": "", "text2": "", "imageAlt": "콜로소 에셋 포트폴리오" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/112130-1093/portfolio-asset-beyondbetterbrand-05.webp", "text1": "", "text2": "", "imageAlt": "콜로소 에 포트폴리오" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/111958-1093/portfolio-asset-beyondbetterbrand-06.webp", "text1": "", "text2": "", "imageAlt": "콜로소 에 포트폴리오" } ] }, "uniqueId": "fc-block-4-4ozqloxbl", "isChecked": false, "hidden": false }, { "id": "fc-block-14-64bdop7c6", "layout": { "id": "003", "description": "문단 구분 선", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPkJPUkRFUjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTYgMjJoMzgiLz4KICAgIDxwYXRoIHN0cm9rZT0iI0I0QjRCNCIgc3Ryb2tlLWRhc2hhcnJheT0iMyw1IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0zLjUgMzBoNDNNMy41IDE0aDQzIi8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "size", "options": [ "1", "2" ] } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "borderColor": "#c8c8d2", "borderSize": "1" }, "template": "

\">\n

rem;padding-bottom: <%= paddingBottom/10 %>rem;\">\n

rem solid <%= borderColor %>;\">\n

\n" }, "values": { "backgroundColor": "#ffffff", "paddingTop": "0", "paddingBottom": "0", "borderColor": "#c8c8d2", "borderSize": "1" }, "uniqueId": "fc-block-2-1ubldpvw9", "isChecked": false, "hidden": false }, { "id": "fc-block-11-br5kpt4il", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlRFWFQ8L3RzcGFuPgogICAgPC90ZXh0PgogICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNiAxOGgzOHYySDZ6TTYgMjJoMzh2Mkg2ek02IDI2aDI3djJINnoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "subTextColor", "type": "text", "description": "sub text color" }, { "name": "subText", "type": "textarea", "description": "sub text" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "startDate": "", "endDate": "", "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "", "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

fc-text-align-center<% } %>\">\n <% if (subText) { %>\n

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %><% } %>\">\n <%= subText %>\n

\n <% } %>\n <% if (text) { %>\n

\"\n style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n <% } %>\n

\n" }, "values": { "startDate": "", "endDate": "", "paddingTop": "54", "paddingBottom": "20", "backgroundColor": "#fff", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#ED2040", "subText": "후기", "textSize": "fc-h3-text", "textColor": "#121212", "text": "\n비비비의 클래스 후기\t\t \t" }, "uniqueId": "fc-block-6-2mn1gvikw", "isChecked": false }, { "id": "fc-block-10-fl016ezq7", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMUg0OVY0OUgxeiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik02IDEwSDE2VjE2SDZ6TTIwIDEwSDMwVjE2SDIwek0zNCAxMEg0NFYxNkgzNHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik01IDE5SDE3VjIxSDV6TTE5IDE5SDMxVjIxSDE5ek0zMyAxOUg0NVYyMUgzM3oiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0zMyAyOEwzNiAzNCAzMCAzNHoiIHRyYW5zZm9ybT0icm90YXRlKDkwIDMzIDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE3IDI4TDIwIDM0IDE0IDM0eiIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDE3IDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTIxIDMwSDI5VjMySDIxeiIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMjUgMzEpIi8+CiAgICAgICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgICAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPkNhcm91c2VsPC90c3Bhbj4KICAgICAgICA8L3RleHQ+CiAgICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "useNewTab", "type": "checkbox", "description": "카드 클릭 시 링크 열람 방식을 설정할 수 있습니다." }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현할 수 있습니다.", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "이미지 파일 업로드" }, { "name": "imageAlt", "type": "text", "description": "이미지 부가 설명" }, { "name": "text1", "type": "textarea", "description": "자유 입력" }, { "name": "text2", "type": "textarea", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "

rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\">\n

\n <% if(link) { %>\n \" rel=\"<%= useNewTab ? 'noopener noreferrer' : '' %>\" target=\"<%= useNewTab ? '_blank' : '' %>\">\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n \n <% } else { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% } %>\n

\n" }, "values": { "paddingTop": "0", "paddingBottom": "36", "columnCount": "3", "backgroundColor": "#fff", "colorTheme": "theme-light-red", "text1Size": "fc-content-text", "text2Size": "fc-content-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202410/195826-565/line.webp", "text1": "c***", "text2": "진짜 너무너무너무너무 도움돼요! 실무로 가서 직접 해보지 않는 이상 이런 팁들은 정말 찾기 어려운 것 같아요.. 어도비는 기능을 아는 게 문제가 아니라 그걸 어디서 어떻게 응용하냐의 문제라고 생각하는데 초심자에게는 그 원리의 이해와 적용이 너무 어렵더라고요\n", "imageAlt": "라인" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202410/195826-565/line.webp", "text1": "y***", "text2": "여러 강좌는 많지만 가장 트렌디한 강의를 진행하시는 것 같아요! 설명도 천천히 쉽게 잘 해주시고, 목소리도 좋으셔서 더 집중해서 봤습니다. 간단하면서도 퀄리티 있는 결과물을 내주는 강좌같아요! 감사합니다 ㅠ", "imageAlt": "라인" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202410/195826-565/line.webp", "text1": "2***", "text2": "와 얼마전에 작업하면서 작은 점 하나하나 다 지운다고 엄청 많은 시간 썼었는데 ㅠ 진짜 유용한 팁 많네요 감사합니다.", "imageAlt": "라인" } ] }, "uniqueId": "fc-block-7-qz3bgs6v3", "isChecked": false }, { "id": "fc-block-5-818insh4i", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMUg0OVY0OUgxeiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik02IDEwSDE2VjE2SDZ6TTIwIDEwSDMwVjE2SDIwek0zNCAxMEg0NFYxNkgzNHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik01IDE5SDE3VjIxSDV6TTE5IDE5SDMxVjIxSDE5ek0zMyAxOUg0NVYyMUgzM3oiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0zMyAyOEwzNiAzNCAzMCAzNHoiIHRyYW5zZm9ybT0icm90YXRlKDkwIDMzIDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE3IDI4TDIwIDM0IDE0IDM0eiIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDE3IDMxKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTIxIDMwSDI5VjMySDIxeiIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMjUgMzEpIi8+CiAgICAgICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgICAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPkNhcm91c2VsPC90c3Bhbj4KICAgICAgICA8L3RleHQ+CiAgICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "useNewTab", "type": "checkbox", "description": "카드 클릭 시 링크 열람 방식을 설정할 수 있습니다." }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현할 수 있습니다.", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "이미지 파일 업로드" }, { "name": "imageAlt", "type": "text", "description": "이미지 부가 설명" }, { "name": "text1", "type": "textarea", "description": "자유 입력" }, { "name": "text2", "type": "textarea", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "

rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\">\n

\n <% if(link) { %>\n \" rel=\"<%= useNewTab ? 'noopener noreferrer' : '' %>\" target=\"<%= useNewTab ? '_blank' : '' %>\">\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n \n <% } else { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"<%= imageAlt %>\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% } %>\n

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "24", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-3-szzxmmkj3", "isChecked": false }, { "id": "fc-block-1-91oiydz80", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlRFWFQ8L3RzcGFuPgogICAgPC90ZXh0PgogICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNiAxOGgzOHYySDZ6TTYgMjJoMzh2Mkg2ek02IDI2aDI3djJINnoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "subTextColor", "type": "text", "description": "sub text color" }, { "name": "subText", "type": "textarea", "description": "sub text" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "startDate": "", "endDate": "", "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "", "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

fc-text-align-center<% } %>\">\n <% if (subText) { %>\n

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %><% } %>\">\n <%= subText %>\n

\n <% } %>\n <% if (text) { %>\n

\"\n style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n <% } %>\n

\n" }, "values": { "startDate": "", "endDate": "", "paddingTop": "54", "paddingBottom": "24", "backgroundColor": "#fafafa", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#ED2040", "subText": "\b목차", "textSize": "fc-h3-text", "textColor": "#121212", "text": " \n전자책 목차 한눈에 보기" }, "uniqueId": "fc-block-1-8hidzdhn8", "isChecked": false }, { "id": "fc-block-15-x8m3kacit", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlRFWFQ8L3RzcGFuPgogICAgPC90ZXh0PgogICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNiAxOGgzOHYySDZ6TTYgMjJoMzh2Mkg2ek02IDI2aDI3djJINnoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "subTextColor", "type": "text", "description": "sub text color" }, { "name": "subText", "type": "textarea", "description": "sub text" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "startDate": "", "endDate": "", "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "", "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

fc-text-align-center<% } %>\">\n <% if (subText) { %>\n

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %><% } %>\">\n <%= subText %>\n

\n <% } %>\n <% if (text) { %>\n

\"\n style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n <% } %>\n

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

fc-text-align-center<% } %>\">\n <% if (subText) { %>\n

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %><% } %>\">\n <%= subText %>\n

\n <% } %>\n <% if (text) { %>\n

\"\n style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n <% } %>\n

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

fc-text-align-center<% } %>\">\n <% if (subText) { %>\n

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %><% } %>\">\n <%= subText %>\n

\n <% } %>\n <% if (text) { %>\n

\"\n style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n <% } %>\n

\n" }, "values": { "startDate": "", "endDate": "", "paddingTop": "0", "paddingBottom": "0", "backgroundColor": "#fafafa", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#121212", "subText": "03. 인쇄 꿀팁 가이드 \n", "textSize": "fc-content-text", "textColor": "#333", "text": "03-1. 인쇄, 굿즈 작업 사이트 추천
\n03-2. 명함, 스티커 인쇄 맡기는 팁 " }, "uniqueId": "fc-block-4-l5dnnkri7", "isChecked": false }, { "id": "fc-block-22-cbon7qn6d", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BUkdJTjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjMsNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy41IDMwaDQzIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0yNS4wOSA0LjA4NXYyMS44MzEiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNS4wODkgM2wtNC4wOSA0LjM5OC43MzQuNjgzIDMuMzU2LTMuNjEyIDMuMzU4IDMuNjEyLjczMi0uNjgzek0yNS4wODkgMjUuNTMybC0zLjM1Ni0zLjYxMy0uNzMzLjY4M0wyNS4wODkgMjdsNC4wOS00LjM5OC0uNzMyLS42ODN6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "24", "backgroundColor": "#fafafa" }, "uniqueId": "fc-block-8-ar4tgko8b", "isChecked": false }, { "id": "fc-block-4-eb9ek6ks8", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlRFWFQ8L3RzcGFuPgogICAgPC90ZXh0PgogICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNiAxOGgzOHYySDZ6TTYgMjJoMzh2Mkg2ek02IDI2aDI3djJINnoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "subTextColor", "type": "text", "description": "sub text color" }, { "name": "subText", "type": "textarea", "description": "sub text" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "startDate": "", "endDate": "", "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "", "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

fc-text-align-center<% } %>\">\n <% if (subText) { %>\n

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %><% } %>\">\n <%= subText %>\n

\n <% } %>\n <% if (text) { %>\n

\"\n style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n <% } %>\n

\n" }, "values": { "startDate": "", "endDate": "", "paddingTop": "0", "paddingBottom": "0", "backgroundColor": "#fafafa", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#121212", "subText": "04. 어도비 Ai 활용하는 팁 \n", "textSize": "fc-content-text", "textColor": "#333", "text": "04-1. 어도비 파이어플라이 사용하기" }, "uniqueId": "fc-block-5-jlm7dv5qt", "isChecked": false }, { "id": "fc-block-5-uxbnxwi23", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BUkdJTjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjMsNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy41IDMwaDQzIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0yNS4wOSA0LjA4NXYyMS44MzEiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNS4wODkgM2wtNC4wOSA0LjM5OC43MzQuNjgzIDMuMzU2LTMuNjEyIDMuMzU4IDMuNjEyLjczMi0uNjgzek0yNS4wODkgMjUuNTMybC0zLjM1Ni0zLjYxMy0uNzMzLjY4M0wyNS4wODkgMjdsNC4wOS00LjM5OC0uNzMyLS42ODN6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "60", "backgroundColor": "#fafafa" }, "uniqueId": "fc-block-6-ov006l1oy", "isChecked": false, "hidden": true }, { "id": "fc-block-8-1icpng5ed", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlRFWFQ8L3RzcGFuPgogICAgPC90ZXh0PgogICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNiAxOGgzOHYySDZ6TTYgMjJoMzh2Mkg2ek02IDI2aDI3djJINnoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "subTextColor", "type": "text", "description": "sub text color" }, { "name": "subText", "type": "textarea", "description": "sub text" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "startDate": "", "endDate": "", "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "", "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

fc-text-align-center<% } %>\">\n <% if (subText) { %>\n

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %><% } %>\">\n <%= subText %>\n

\n <% } %>\n <% if (text) { %>\n

\"\n style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n <% } %>\n

\n" }, "values": { "startDate": "", "endDate": "", "paddingTop": "54", "paddingBottom": "24", "backgroundColor": "#fafafa", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#ED2040", "subText": "VOD 커리큘럼\n\n", "textSize": "fc-h3-text", "textColor": "#121212", "text": "\n커리큘럼을 보여드려요\t\t \t" }, "uniqueId": "fc-block-9-7vg02lnph", "isChecked": false }, { "id": "fc-block-12-t5741lmv7", "layout": { "id": "403", "description": "아이콘 가로 가변형 카드", "icon": "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%3e%3cg%20fill='none'%20fill-rule='nonzero'%3e%3cpath%20fill='%23FFF'%20stroke='%23000'%20stroke-width='2'%20d='M1%201h48v48H1z'/%3e%3cpath%20stroke='%23000'%20stroke-width='2'%20d='M13%209h24v8H13zM13%2021h24v8H13z'/%3e%3cpath%20fill='%23000'%20d='M20%2012h14v2H20zM20%2024h14v2H20zM16%2012h2v2h-2zM16%2024h2v2h-2z'/%3e%3cpath%20stroke='%23000'%20stroke-width='2'%20d='M13%2033h24v8H13z'/%3e%3cpath%20fill='%23000'%20d='M20%2036h14v2H20zM16%2036h2v2h-2z'/%3e%3c/g%3e%3c/svg%3e", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "cardType", "type": "select", "description": "card type", "options": [ "row", "column" ] }, { "name": "cardWidth", "type": "number", "description": "480 ~ 980" }, { "name": "useCardLeft", "type": "checkbox", "description": "use card left" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "border size", "options": [ 1, 2 ] }, { "name": "imageUrl", "type": "image", "description": "100 x 100" }, { "name": "imageAlt", "type": "text", "description": "image alt" }, { "name": "imageSize", "type": "text", "description": "20 ~ 100" }, { "name": "fontSize", "type": "select", "description": "text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "fontColor", "type": "text", "description": "#000000" }, { "name": "content", "type": "textarea", "description": "content" } ], "values": { "backgroundColor": "", "cardType": "row", "borderColor": "#000000", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "", "imageUrl": "", "imageSize": 100, "fontSize": "fc-content-text", "fontColor": "#000000", "content": "" }, "template": "

background-color: <%= backgroundColor %><% } %>\">\n

\">\n

container__content--border-size-<%= borderSize %>\" style=\"width: <%= cardWidth/10 %>rem; <% if(borderColor) { %>border-color: <%= borderColor %>;<% } %> <% if(cardBackgroundColor) { %> background-color: <%= cardBackgroundColor %><% } %>\">\n <% if (imageUrl) { %>\n

\" alt=\"<%= imageAlt %>\" style=\"<% if(imageSize) {%> width: <%= imageSize/10 %>rem; height: <%= imageSize/10 %>rem;<% } %>\" loading=\"lazy\">\n <% } %>\n

\" style=\"color: <%= fontColor || '#000000' %>\">\n <%= content %>\n

\n" }, "values": { "backgroundColor": "#fafafa", "cardType": "row", "borderColor": "#eee", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "#eee", "imageUrl": "", "imageSize": 100, "fontSize": "fc-content-text", "fontColor": "#000000", "content": "Section 01. ｜ \n일러스트레이터와 친해지기" }, "uniqueId": "fc-block-2-tzwwpkq4c", "isChecked": false }, { "id": "fc-block-3-a8qyekabk", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BUkdJTjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjMsNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy41IDMwaDQzIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0yNS4wOSA0LjA4NXYyMS44MzEiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNS4wODkgM2wtNC4wOSA0LjM5OC43MzQuNjgzIDMuMzU2LTMuNjEyIDMuMzU4IDMuNjEyLjczMi0uNjgzek0yNS4wODkgMjUuNTMybC0zLjM1Ni0zLjYxMy0uNzMzLjY4M0wyNS4wODkgMjdsNC4wOS00LjM5OC0uNzMyLS42ODN6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "20", "backgroundColor": "#fafafa" }, "uniqueId": "fc-block-1-9hi10kbm2", "isChecked": false }, { "id": "fc-block-11-f8naa7dka", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlRFWFQ8L3RzcGFuPgogICAgPC90ZXh0PgogICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNiAxOGgzOHYySDZ6TTYgMjJoMzh2Mkg2ek02IDI2aDI3djJINnoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "subTextColor", "type": "text", "description": "sub text color" }, { "name": "subText", "type": "textarea", "description": "sub text" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "startDate": "", "endDate": "", "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "", "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

fc-text-align-center<% } %>\">\n <% if (subText) { %>\n

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %><% } %>\">\n <%= subText %>\n

\n <% } %>\n <% if (text) { %>\n

\"\n style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n <% } %>\n

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

fc-text-align-center<% } %>\">\n <% if (subText) { %>\n

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %><% } %>\">\n <%= subText %>\n

\n <% } %>\n <% if (text) { %>\n

\"\n style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n <% } %>\n

\n" }, "values": { "startDate": "", "endDate": "", "paddingTop": "0", "paddingBottom": "20", "backgroundColor": "#fafafa", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#121212", "subText": "02. 일러스트레이터 둘러보기 \n", "textSize": "fc-content-text", "textColor": "#333", "text": "- 일러스트레이터 소개 및 인터페이스 안내" }, "uniqueId": "fc-block-4-jcgos596i", "isChecked": false, "hidden": true }, { "id": "fc-block-2-mwp1muix3", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='50px'%20height='50px'%20viewBox='0%200%2050%2050'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3e214%3c/title%3e%3cg%20id='214'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3crect%20id='Rectangle'%20stroke='%23000000'%20stroke-width='2'%20fill='%23FFFFFF'%20fill-rule='nonzero'%20x='1'%20y='1'%20width='48'%20height='48'%3e%3c/rect%3e%3crect%20id='Rectangle'%20stroke='%23000000'%20stroke-width='2'%20fill='%23D8D8D8'%20fill-rule='nonzero'%20x='7'%20y='13'%20width='12'%20height='8'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy'%20stroke='%23000000'%20stroke-width='2'%20fill='%23D8D8D8'%20fill-rule='nonzero'%20x='7'%20y='29'%20width='12'%20height='8'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-10'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='16'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-16'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='32'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-14'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='12'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-17'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='28'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-18'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='36'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-12'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='16'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-19'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='32'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-15'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='12'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-20'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='28'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-21'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='36'%20width='14'%20height='2'%3e%3c/rect%3e%3c/g%3e%3c/svg%3e", "params": [ { "name": "colorTheme", "type": "select", "description": "theme", "options": [ "theme--bright", "theme--dark" ] }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "text--h6", "text--content1" ] }, { "name": "aspectRatio", "type": "select", "description": "이미지의 비율을 선택할 수 있습니다.", "options": [ "16:9", "4:3" ] }, { "name": "imageWidth", "type": "number", "description": "이미지 넓이는 최대 720까지 설정할 수 있습니다." }, { "name": "images", "type": "list", "description": "2개 이상의 이미지를 업로드 시, 슬라이드로 보여집니다.", "maxLength": 100, "params": [ { "name": "imageUrl", "type": "image", "description": "image url" } ] }, { "name": "title", "type": "text", "description": "title", "defaultValue": "강의 제목" }, { "name": "contents", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 100, "params": [ { "name": "content", "type": "text", "description": "contents" } ] }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonLink", "type": "link", "description": "button text link" }, { "name": "useBullet", "type": "checkbox", "description": "체크 시, content 앞에 숫자 bullet이 자동 생성됩니다." }, { "name": "autoSlide", "type": "checkbox", "description": "체크 시, 이미지가 자동으로 슬라이드 됩니다." } ], "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "" } ], "title": "", "contents": [ { "content": "" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "template": "

\" style=\"background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n <% if (images.length && images[0].imageUrl) { %>\n

\" style=\"width: <%= imageWidth > 0 ? imageWidth / 10 : 48 %>rem; height: <%= (aspectRatio.split(':')[1]/aspectRatio.split(':')[0])*100 %>%;\">\n <% if (images.filter(item => item.imageUrl).length === 1) { %>\n

%\">\n
');\" class=\"carousel__image\" />\n

\n <% } else { %>\n

%\">\n
');\" class=\"carousel__image\" />\n

\n <% } %>\n

\"><%= title %>

<%= useBullet ? 'card__content--bullet' : '' %>\"><%= content %>

\n <% if (buttonText) { %>\n \" target=\"_blank\" style=\"color: <%= buttonTextColor || '#ffffff' %>; background-color: <%= buttonColor || '#ff7450' %>\"><%= buttonText %>\n <% } %>\n

\n" }, "values": { "colorTheme": "theme--bright", "backgroundColor": "#fafafa", "titleSize": "text--h6", "contentSize": "text--content1", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/154051-1093/curriculum-asset-beyondbetterbrand-01.webp" } ], "title": "01. Intro", "contents": [ { "content": "- BBB 소개

- 커리큘럼 안내" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": false, "autoSlide": true }, "uniqueId": "fc-block-2-vime42b3i", "isChecked": false }, { "id": "fc-block-6-6w82p6gc0", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BUkdJTjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjMsNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy41IDMwaDQzIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0yNS4wOSA0LjA4NXYyMS44MzEiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNS4wODkgM2wtNC4wOSA0LjM5OC43MzQuNjgzIDMuMzU2LTMuNjEyIDMuMzU4IDMuNjEyLjczMi0uNjgzek0yNS4wODkgMjUuNTMybC0zLjM1Ni0zLjYxMy0uNzMzLjY4M0wyNS4wODkgMjdsNC4wOS00LjM5OC0uNzMyLS42ODN6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "20", "backgroundColor": "#fafafa" }, "uniqueId": "fc-block-3-4bxtw11le", "isChecked": false }, { "id": "fc-block-5-2yu1e8643", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='50px'%20height='50px'%20viewBox='0%200%2050%2050'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3e214%3c/title%3e%3cg%20id='214'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3crect%20id='Rectangle'%20stroke='%23000000'%20stroke-width='2'%20fill='%23FFFFFF'%20fill-rule='nonzero'%20x='1'%20y='1'%20width='48'%20height='48'%3e%3c/rect%3e%3crect%20id='Rectangle'%20stroke='%23000000'%20stroke-width='2'%20fill='%23D8D8D8'%20fill-rule='nonzero'%20x='7'%20y='13'%20width='12'%20height='8'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy'%20stroke='%23000000'%20stroke-width='2'%20fill='%23D8D8D8'%20fill-rule='nonzero'%20x='7'%20y='29'%20width='12'%20height='8'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-10'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='16'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-16'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='32'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-14'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='12'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-17'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='28'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-18'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='36'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-12'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='16'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-19'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='32'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-15'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='12'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-20'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='28'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-21'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='36'%20width='14'%20height='2'%3e%3c/rect%3e%3c/g%3e%3c/svg%3e", "params": [ { "name": "colorTheme", "type": "select", "description": "theme", "options": [ "theme--bright", "theme--dark" ] }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "text--h6", "text--content1" ] }, { "name": "aspectRatio", "type": "select", "description": "이미지의 비율을 선택할 수 있습니다.", "options": [ "16:9", "4:3" ] }, { "name": "imageWidth", "type": "number", "description": "이미지 넓이는 최대 720까지 설정할 수 있습니다." }, { "name": "images", "type": "list", "description": "2개 이상의 이미지를 업로드 시, 슬라이드로 보여집니다.", "maxLength": 100, "params": [ { "name": "imageUrl", "type": "image", "description": "image url" } ] }, { "name": "title", "type": "text", "description": "title", "defaultValue": "강의 제목" }, { "name": "contents", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 100, "params": [ { "name": "content", "type": "text", "description": "contents" } ] }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonLink", "type": "link", "description": "button text link" }, { "name": "useBullet", "type": "checkbox", "description": "체크 시, content 앞에 숫자 bullet이 자동 생성됩니다." }, { "name": "autoSlide", "type": "checkbox", "description": "체크 시, 이미지가 자동으로 슬라이드 됩니다." } ], "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "" } ], "title": "", "contents": [ { "content": "" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "template": "

\" style=\"background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n <% if (images.length && images[0].imageUrl) { %>\n

%\">\n
');\" class=\"carousel__image\" />\n

\n <% } else { %>\n

%\">\n
');\" class=\"carousel__image\" />\n

\n <% } %>\n

\"><%= title %>

<%= useBullet ? 'card__content--bullet' : '' %>\"><%= content %>

\n <% if (buttonText) { %>\n \" target=\"_blank\" style=\"color: <%= buttonTextColor || '#ffffff' %>; background-color: <%= buttonColor || '#ff7450' %>\"><%= buttonText %>\n <% } %>\n

\n" }, "values": { "colorTheme": "theme--bright", "backgroundColor": "#fafafa", "titleSize": "text--h6", "contentSize": "text--content1", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/154058-1093/curriculum-asset-beyondbetterbrand-02.webp" } ], "title": "02. 일러스트레이터 둘러보기", "contents": [ { "content": "- 일러스트레이터 소개 및 인터페이스 안내" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": false, "autoSlide": true }, "uniqueId": "fc-block-4-wmy7oc86g", "isChecked": false }, { "id": "fc-block-5-7f4nejqpg", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BUkdJTjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjMsNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy41IDMwaDQzIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0yNS4wOSA0LjA4NXYyMS44MzEiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNS4wODkgM2wtNC4wOSA0LjM5OC43MzQuNjgzIDMuMzU2LTMuNjEyIDMuMzU4IDMuNjEyLjczMi0uNjgzek0yNS4wODkgMjUuNTMybC0zLjM1Ni0zLjYxMy0uNzMzLjY4M0wyNS4wODkgMjdsNC4wOS00LjM5OC0uNzMyLS42ODN6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "20", "backgroundColor": "#fafafa" }, "uniqueId": "fc-block-1-w0k549ec3", "isChecked": false }, { "id": "fc-block-18-zu5vhi4u5", "layout": { "id": "403", "description": "아이콘 가로 가변형 카드", "icon": "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%3e%3cg%20fill='none'%20fill-rule='nonzero'%3e%3cpath%20fill='%23FFF'%20stroke='%23000'%20stroke-width='2'%20d='M1%201h48v48H1z'/%3e%3cpath%20stroke='%23000'%20stroke-width='2'%20d='M13%209h24v8H13zM13%2021h24v8H13z'/%3e%3cpath%20fill='%23000'%20d='M20%2012h14v2H20zM20%2024h14v2H20zM16%2012h2v2h-2zM16%2024h2v2h-2z'/%3e%3cpath%20stroke='%23000'%20stroke-width='2'%20d='M13%2033h24v8H13z'/%3e%3cpath%20fill='%23000'%20d='M20%2036h14v2H20zM16%2036h2v2h-2z'/%3e%3c/g%3e%3c/svg%3e", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "cardType", "type": "select", "description": "card type", "options": [ "row", "column" ] }, { "name": "cardWidth", "type": "number", "description": "480 ~ 980" }, { "name": "useCardLeft", "type": "checkbox", "description": "use card left" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "border size", "options": [ 1, 2 ] }, { "name": "imageUrl", "type": "image", "description": "100 x 100" }, { "name": "imageAlt", "type": "text", "description": "image alt" }, { "name": "imageSize", "type": "text", "description": "20 ~ 100" }, { "name": "fontSize", "type": "select", "description": "text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "fontColor", "type": "text", "description": "#000000" }, { "name": "content", "type": "textarea", "description": "content" } ], "values": { "backgroundColor": "", "cardType": "row", "borderColor": "#000000", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "", "imageUrl": "", "imageSize": 100, "fontSize": "fc-content-text", "fontColor": "#000000", "content": "" }, "template": "

background-color: <%= backgroundColor %><% } %>\">\n

\">\n

\" alt=\"<%= imageAlt %>\" style=\"<% if(imageSize) {%> width: <%= imageSize/10 %>rem; height: <%= imageSize/10 %>rem;<% } %>\" loading=\"lazy\">\n <% } %>\n

\" style=\"color: <%= fontColor || '#000000' %>\">\n <%= content %>\n

\n" }, "values": { "backgroundColor": "#fafafa", "cardType": "row", "borderColor": "#eee", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "#eee", "imageUrl": "", "imageSize": 100, "fontSize": "fc-content-text", "fontColor": "#000000", "content": "Section 02. ｜ \n[기초] 배워서 바로 써먹는 기초 툴 조작법" }, "uniqueId": "fc-block-5-3fz5bc9eg", "isChecked": false }, { "id": "fc-block-8-jqjeti9hv", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BUkdJTjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjMsNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy41IDMwaDQzIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0yNS4wOSA0LjA4NXYyMS44MzEiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNS4wODkgM2wtNC4wOSA0LjM5OC43MzQuNjgzIDMuMzU2LTMuNjEyIDMuMzU4IDMuNjEyLjczMi0uNjgzek0yNS4wODkgMjUuNTMybC0zLjM1Ni0zLjYxMy0uNzMzLjY4M0wyNS4wODkgMjdsNC4wOS00LjM5OC0uNzMyLS42ODN6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "20", "backgroundColor": "#fafafa" }, "uniqueId": "fc-block-5-y7w53hs5e", "isChecked": false }, { "id": "fc-block-7-pzmlct853", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='50px'%20height='50px'%20viewBox='0%200%2050%2050'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3e214%3c/title%3e%3cg%20id='214'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3crect%20id='Rectangle'%20stroke='%23000000'%20stroke-width='2'%20fill='%23FFFFFF'%20fill-rule='nonzero'%20x='1'%20y='1'%20width='48'%20height='48'%3e%3c/rect%3e%3crect%20id='Rectangle'%20stroke='%23000000'%20stroke-width='2'%20fill='%23D8D8D8'%20fill-rule='nonzero'%20x='7'%20y='13'%20width='12'%20height='8'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy'%20stroke='%23000000'%20stroke-width='2'%20fill='%23D8D8D8'%20fill-rule='nonzero'%20x='7'%20y='29'%20width='12'%20height='8'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-10'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='16'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-16'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='32'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-14'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='12'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-17'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='28'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-18'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='36'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-12'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='16'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-19'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='32'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-15'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='12'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-20'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='28'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-21'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='36'%20width='14'%20height='2'%3e%3c/rect%3e%3c/g%3e%3c/svg%3e", "params": [ { "name": "colorTheme", "type": "select", "description": "theme", "options": [ "theme--bright", "theme--dark" ] }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "text--h6", "text--content1" ] }, { "name": "aspectRatio", "type": "select", "description": "이미지의 비율을 선택할 수 있습니다.", "options": [ "16:9", "4:3" ] }, { "name": "imageWidth", "type": "number", "description": "이미지 넓이는 최대 720까지 설정할 수 있습니다." }, { "name": "images", "type": "list", "description": "2개 이상의 이미지를 업로드 시, 슬라이드로 보여집니다.", "maxLength": 100, "params": [ { "name": "imageUrl", "type": "image", "description": "image url" } ] }, { "name": "title", "type": "text", "description": "title", "defaultValue": "강의 제목" }, { "name": "contents", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 100, "params": [ { "name": "content", "type": "text", "description": "contents" } ] }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonLink", "type": "link", "description": "button text link" }, { "name": "useBullet", "type": "checkbox", "description": "체크 시, content 앞에 숫자 bullet이 자동 생성됩니다." }, { "name": "autoSlide", "type": "checkbox", "description": "체크 시, 이미지가 자동으로 슬라이드 됩니다." } ], "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "" } ], "title": "", "contents": [ { "content": "" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "template": "

\" style=\"background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n <% if (images.length && images[0].imageUrl) { %>\n

%\">\n
');\" class=\"carousel__image\" />\n

\n <% } else { %>\n

%\">\n
');\" class=\"carousel__image\" />\n

\n <% } %>\n

\"><%= title %>

<%= useBullet ? 'card__content--bullet' : '' %>\"><%= content %>

\n <% if (buttonText) { %>\n \" target=\"_blank\" style=\"color: <%= buttonTextColor || '#ffffff' %>; background-color: <%= buttonColor || '#ff7450' %>\"><%= buttonText %>\n <% } %>\n

\n" }, "values": { "colorTheme": "theme--bright", "backgroundColor": "#fafafa", "titleSize": "text--h6", "contentSize": "text--content1", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/134048-831/curriculum-asset-beyondbetterbrand-03.webp" } ], "title": "03. 기본 도구 조작법", "contents": [ { "content": "- 패스와 오브젝트 용어 이해

- 도형 툴, 선택 툴, 직접 선택 툴

- 손바닥 툴, 돋보기 툴, Fill&Strock, 삭제 조작" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": false, "autoSlide": true }, "uniqueId": "fc-block-6-d2mjdt14f", "isChecked": false }, { "id": "fc-block-4-ge6om558g", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BUkdJTjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjMsNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy41IDMwaDQzIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0yNS4wOSA0LjA4NXYyMS44MzEiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNS4wODkgM2wtNC4wOSA0LjM5OC43MzQuNjgzIDMuMzU2LTMuNjEyIDMuMzU4IDMuNjEyLjczMi0uNjgzek0yNS4wODkgMjUuNTMybC0zLjM1Ni0zLjYxMy0uNzMzLjY4M0wyNS4wODkgMjdsNC4wOS00LjM5OC0uNzMyLS42ODN6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "20", "backgroundColor": "#fafafa" }, "uniqueId": "fc-block-7-vgplsxqv1", "isChecked": false }, { "id": "fc-block-13-l7n60o14m", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='50px'%20height='50px'%20viewBox='0%200%2050%2050'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3e214%3c/title%3e%3cg%20id='214'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3crect%20id='Rectangle'%20stroke='%23000000'%20stroke-width='2'%20fill='%23FFFFFF'%20fill-rule='nonzero'%20x='1'%20y='1'%20width='48'%20height='48'%3e%3c/rect%3e%3crect%20id='Rectangle'%20stroke='%23000000'%20stroke-width='2'%20fill='%23D8D8D8'%20fill-rule='nonzero'%20x='7'%20y='13'%20width='12'%20height='8'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy'%20stroke='%23000000'%20stroke-width='2'%20fill='%23D8D8D8'%20fill-rule='nonzero'%20x='7'%20y='29'%20width='12'%20height='8'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-10'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='16'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-16'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='32'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-14'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='12'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-17'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='28'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-18'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='36'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-12'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='16'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-19'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='32'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-15'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='12'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-20'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='28'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-21'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='36'%20width='14'%20height='2'%3e%3c/rect%3e%3c/g%3e%3c/svg%3e", "params": [ { "name": "colorTheme", "type": "select", "description": "theme", "options": [ "theme--bright", "theme--dark" ] }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "text--h6", "text--content1" ] }, { "name": "aspectRatio", "type": "select", "description": "이미지의 비율을 선택할 수 있습니다.", "options": [ "16:9", "4:3" ] }, { "name": "imageWidth", "type": "number", "description": "이미지 넓이는 최대 720까지 설정할 수 있습니다." }, { "name": "images", "type": "list", "description": "2개 이상의 이미지를 업로드 시, 슬라이드로 보여집니다.", "maxLength": 100, "params": [ { "name": "imageUrl", "type": "image", "description": "image url" } ] }, { "name": "title", "type": "text", "description": "title", "defaultValue": "강의 제목" }, { "name": "contents", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 100, "params": [ { "name": "content", "type": "text", "description": "contents" } ] }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonLink", "type": "link", "description": "button text link" }, { "name": "useBullet", "type": "checkbox", "description": "체크 시, content 앞에 숫자 bullet이 자동 생성됩니다." }, { "name": "autoSlide", "type": "checkbox", "description": "체크 시, 이미지가 자동으로 슬라이드 됩니다." } ], "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "" } ], "title": "", "contents": [ { "content": "" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "template": "

\" style=\"background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n <% if (images.length && images[0].imageUrl) { %>\n

%\">\n
');\" class=\"carousel__image\" />\n

\n <% } else { %>\n

%\">\n
');\" class=\"carousel__image\" />\n

\n <% } %>\n

\"><%= title %>

<%= useBullet ? 'card__content--bullet' : '' %>\"><%= content %>

\n <% if (buttonText) { %>\n \" target=\"_blank\" style=\"color: <%= buttonTextColor || '#ffffff' %>; background-color: <%= buttonColor || '#ff7450' %>\"><%= buttonText %>\n <% } %>\n

\n" }, "values": { "colorTheme": "theme--bright", "backgroundColor": "#fafafa", "titleSize": "text--h6", "contentSize": "text--content1", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/134101-831/curriculum-asset-beyondbetterbrand-04.webp" } ], "title": "04. 레이어와 스택의 순서", "contents": [ { "content": "- 일러스트레이터에서의 레이어의 특징

- 포토샵 레이어와의 차이점
" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": false, "autoSlide": true }, "uniqueId": "fc-block-8-xp5wsuxs3", "isChecked": false }, { "id": "fc-block-16-0ouszpwlo", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BUkdJTjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjMsNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy41IDMwaDQzIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0yNS4wOSA0LjA4NXYyMS44MzEiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNS4wODkgM2wtNC4wOSA0LjM5OC43MzQuNjgzIDMuMzU2LTMuNjEyIDMuMzU4IDMuNjEyLjczMi0uNjgzek0yNS4wODkgMjUuNTMybC0zLjM1Ni0zLjYxMy0uNzMzLjY4M0wyNS4wODkgMjdsNC4wOS00LjM5OC0uNzMyLS42ODN6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "20", "backgroundColor": "#fafafa" }, "uniqueId": "fc-block-11-41s4nhfnn", "isChecked": false }, { "id": "fc-block-15-wapncdepp", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='50px'%20height='50px'%20viewBox='0%200%2050%2050'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3e214%3c/title%3e%3cg%20id='214'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3crect%20id='Rectangle'%20stroke='%23000000'%20stroke-width='2'%20fill='%23FFFFFF'%20fill-rule='nonzero'%20x='1'%20y='1'%20width='48'%20height='48'%3e%3c/rect%3e%3crect%20id='Rectangle'%20stroke='%23000000'%20stroke-width='2'%20fill='%23D8D8D8'%20fill-rule='nonzero'%20x='7'%20y='13'%20width='12'%20height='8'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy'%20stroke='%23000000'%20stroke-width='2'%20fill='%23D8D8D8'%20fill-rule='nonzero'%20x='7'%20y='29'%20width='12'%20height='8'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-10'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='16'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-16'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='32'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-14'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='12'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-17'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='28'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-18'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='36'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-12'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='16'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-19'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='32'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-15'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='12'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-20'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='28'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-21'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='36'%20width='14'%20height='2'%3e%3c/rect%3e%3c/g%3e%3c/svg%3e", "params": [ { "name": "colorTheme", "type": "select", "description": "theme", "options": [ "theme--bright", "theme--dark" ] }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "text--h6", "text--content1" ] }, { "name": "aspectRatio", "type": "select", "description": "이미지의 비율을 선택할 수 있습니다.", "options": [ "16:9", "4:3" ] }, { "name": "imageWidth", "type": "number", "description": "이미지 넓이는 최대 720까지 설정할 수 있습니다." }, { "name": "images", "type": "list", "description": "2개 이상의 이미지를 업로드 시, 슬라이드로 보여집니다.", "maxLength": 100, "params": [ { "name": "imageUrl", "type": "image", "description": "image url" } ] }, { "name": "title", "type": "text", "description": "title", "defaultValue": "강의 제목" }, { "name": "contents", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 100, "params": [ { "name": "content", "type": "text", "description": "contents" } ] }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonLink", "type": "link", "description": "button text link" }, { "name": "useBullet", "type": "checkbox", "description": "체크 시, content 앞에 숫자 bullet이 자동 생성됩니다." }, { "name": "autoSlide", "type": "checkbox", "description": "체크 시, 이미지가 자동으로 슬라이드 됩니다." } ], "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "" } ], "title": "", "contents": [ { "content": "" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "template": "

\" style=\"background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n <% if (images.length && images[0].imageUrl) { %>\n

%\">\n
');\" class=\"carousel__image\" />\n

\n <% } else { %>\n

%\">\n
');\" class=\"carousel__image\" />\n

\n <% } %>\n

\"><%= title %>

<%= useBullet ? 'card__content--bullet' : '' %>\"><%= content %>

\n <% if (buttonText) { %>\n \" target=\"_blank\" style=\"color: <%= buttonTextColor || '#ffffff' %>; background-color: <%= buttonColor || '#ff7450' %>\"><%= buttonText %>\n <% } %>\n

\n" }, "values": { "colorTheme": "theme--bright", "backgroundColor": "#fafafa", "titleSize": "text--h6", "contentSize": "text--content1", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/154142-1093/curriculum-asset-beyondbetterbrand-05.webp" } ], "title": "05. 일러스트의 핵심, 펜툴 다루기", "contents": [ { "content": "- 활용도 높은 펜툴의 이해

- 펜툴 예제 따라 그리기" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": false, "autoSlide": true }, "uniqueId": "fc-block-12-ocw7eurfv", "isChecked": false }, { "id": "fc-block-17-nysa0ls8m", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BUkdJTjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjMsNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy41IDMwaDQzIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0yNS4wOSA0LjA4NXYyMS44MzEiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNS4wODkgM2wtNC4wOSA0LjM5OC43MzQuNjgzIDMuMzU2LTMuNjEyIDMuMzU4IDMuNjEyLjczMi0uNjgzek0yNS4wODkgMjUuNTMybC0zLjM1Ni0zLjYxMy0uNzMzLjY4M0wyNS4wODkgMjdsNC4wOS00LjM5OC0uNzMyLS42ODN6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "20", "backgroundColor": "#fafafa" }, "uniqueId": "fc-block-13-6xbyygafd", "isChecked": false }, { "id": "fc-block-10-awkxa8ezs", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='50px'%20height='50px'%20viewBox='0%200%2050%2050'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3e214%3c/title%3e%3cg%20id='214'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3crect%20id='Rectangle'%20stroke='%23000000'%20stroke-width='2'%20fill='%23FFFFFF'%20fill-rule='nonzero'%20x='1'%20y='1'%20width='48'%20height='48'%3e%3c/rect%3e%3crect%20id='Rectangle'%20stroke='%23000000'%20stroke-width='2'%20fill='%23D8D8D8'%20fill-rule='nonzero'%20x='7'%20y='13'%20width='12'%20height='8'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy'%20stroke='%23000000'%20stroke-width='2'%20fill='%23D8D8D8'%20fill-rule='nonzero'%20x='7'%20y='29'%20width='12'%20height='8'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-10'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='16'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-16'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='32'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-14'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='12'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-17'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='28'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-18'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='36'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-12'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='16'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-19'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='32'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-15'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='12'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-20'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='28'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-21'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='36'%20width='14'%20height='2'%3e%3c/rect%3e%3c/g%3e%3c/svg%3e", "params": [ { "name": "colorTheme", "type": "select", "description": "theme", "options": [ "theme--bright", "theme--dark" ] }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "text--h6", "text--content1" ] }, { "name": "aspectRatio", "type": "select", "description": "이미지의 비율을 선택할 수 있습니다.", "options": [ "16:9", "4:3" ] }, { "name": "imageWidth", "type": "number", "description": "이미지 넓이는 최대 720까지 설정할 수 있습니다." }, { "name": "images", "type": "list", "description": "2개 이상의 이미지를 업로드 시, 슬라이드로 보여집니다.", "maxLength": 100, "params": [ { "name": "imageUrl", "type": "image", "description": "image url" } ] }, { "name": "title", "type": "text", "description": "title", "defaultValue": "강의 제목" }, { "name": "contents", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 100, "params": [ { "name": "content", "type": "text", "description": "contents" } ] }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonLink", "type": "link", "description": "button text link" }, { "name": "useBullet", "type": "checkbox", "description": "체크 시, content 앞에 숫자 bullet이 자동 생성됩니다." }, { "name": "autoSlide", "type": "checkbox", "description": "체크 시, 이미지가 자동으로 슬라이드 됩니다." } ], "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "" } ], "title": "", "contents": [ { "content": "" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "template": "

\" style=\"background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n <% if (images.length && images[0].imageUrl) { %>\n

%\">\n
');\" class=\"carousel__image\" />\n

\n <% } else { %>\n

%\">\n
');\" class=\"carousel__image\" />\n

\n <% } %>\n

\"><%= title %>

<%= useBullet ? 'card__content--bullet' : '' %>\"><%= content %>

\n <% if (buttonText) { %>\n \" target=\"_blank\" style=\"color: <%= buttonTextColor || '#ffffff' %>; background-color: <%= buttonColor || '#ff7450' %>\"><%= buttonText %>\n <% } %>\n

\n" }, "values": { "colorTheme": "theme--bright", "backgroundColor": "#fafafa", "titleSize": "text--h6", "contentSize": "text--content1", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/154149-1093/curriculum-asset-beyondbetterbrand-06.webp" } ], "title": "06. 펜툴을 보완하는 그리기 툴", "contents": [ { "content": "- 곡률 툴, 브러시 툴, 연필 툴, 지우개 툴

- 예제 따라 익히기" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": false, "autoSlide": true }, "uniqueId": "fc-block-14-vtb918pyl", "isChecked": false }, { "id": "fc-block-18-rysqchlaq", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BUkdJTjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjMsNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy41IDMwaDQzIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0yNS4wOSA0LjA4NXYyMS44MzEiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNS4wODkgM2wtNC4wOSA0LjM5OC43MzQuNjgzIDMuMzU2LTMuNjEyIDMuMzU4IDMuNjEyLjczMi0uNjgzek0yNS4wODkgMjUuNTMybC0zLjM1Ni0zLjYxMy0uNzMzLjY4M0wyNS4wODkgMjdsNC4wOS00LjM5OC0uNzMyLS42ODN6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "20", "backgroundColor": "#fafafa" }, "uniqueId": "fc-block-15-jngdkqvcz", "isChecked": false }, { "id": "fc-block-1-2l1q3ygms", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='50px'%20height='50px'%20viewBox='0%200%2050%2050'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3e214%3c/title%3e%3cg%20id='214'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3crect%20id='Rectangle'%20stroke='%23000000'%20stroke-width='2'%20fill='%23FFFFFF'%20fill-rule='nonzero'%20x='1'%20y='1'%20width='48'%20height='48'%3e%3c/rect%3e%3crect%20id='Rectangle'%20stroke='%23000000'%20stroke-width='2'%20fill='%23D8D8D8'%20fill-rule='nonzero'%20x='7'%20y='13'%20width='12'%20height='8'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy'%20stroke='%23000000'%20stroke-width='2'%20fill='%23D8D8D8'%20fill-rule='nonzero'%20x='7'%20y='29'%20width='12'%20height='8'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-10'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='16'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-16'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='32'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-14'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='12'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-17'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='28'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-18'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='36'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-12'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='16'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-19'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='32'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-15'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='12'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-20'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='28'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-21'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='36'%20width='14'%20height='2'%3e%3c/rect%3e%3c/g%3e%3c/svg%3e", "params": [ { "name": "colorTheme", "type": "select", "description": "theme", "options": [ "theme--bright", "theme--dark" ] }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "text--h6", "text--content1" ] }, { "name": "aspectRatio", "type": "select", "description": "이미지의 비율을 선택할 수 있습니다.", "options": [ "16:9", "4:3" ] }, { "name": "imageWidth", "type": "number", "description": "이미지 넓이는 최대 720까지 설정할 수 있습니다." }, { "name": "images", "type": "list", "description": "2개 이상의 이미지를 업로드 시, 슬라이드로 보여집니다.", "maxLength": 100, "params": [ { "name": "imageUrl", "type": "image", "description": "image url" } ] }, { "name": "title", "type": "text", "description": "title", "defaultValue": "강의 제목" }, { "name": "contents", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 100, "params": [ { "name": "content", "type": "text", "description": "contents" } ] }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonLink", "type": "link", "description": "button text link" }, { "name": "useBullet", "type": "checkbox", "description": "체크 시, content 앞에 숫자 bullet이 자동 생성됩니다." }, { "name": "autoSlide", "type": "checkbox", "description": "체크 시, 이미지가 자동으로 슬라이드 됩니다." } ], "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "" } ], "title": "", "contents": [ { "content": "" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "template": "

\" style=\"background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n <% if (images.length && images[0].imageUrl) { %>\n

%\">\n
');\" class=\"carousel__image\" />\n

\n <% } else { %>\n

%\">\n
');\" class=\"carousel__image\" />\n

\n <% } %>\n

\"><%= title %>

<%= useBullet ? 'card__content--bullet' : '' %>\"><%= content %>

\n <% if (buttonText) { %>\n \" target=\"_blank\" style=\"color: <%= buttonTextColor || '#ffffff' %>; background-color: <%= buttonColor || '#ff7450' %>\"><%= buttonText %>\n <% } %>\n

\n" }, "values": { "colorTheme": "theme--bright", "backgroundColor": "#fafafa", "titleSize": "text--h6", "contentSize": "text--content1", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/154156-1093/curriculum-asset-beyondbetterbrand-07.webp" } ], "title": "07. 텍스트 툴", "contents": [ { "content": "- 텍스트 툴 사용법

- 글자 넣기" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": false, "autoSlide": true }, "uniqueId": "fc-block-16-ecyxokli7", "isChecked": false }, { "id": "fc-block-9-k15m6g810", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BUkdJTjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjMsNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy41IDMwaDQzIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0yNS4wOSA0LjA4NXYyMS44MzEiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNS4wODkgM2wtNC4wOSA0LjM5OC43MzQuNjgzIDMuMzU2LTMuNjEyIDMuMzU4IDMuNjEyLjczMi0uNjgzek0yNS4wODkgMjUuNTMybC0zLjM1Ni0zLjYxMy0uNzMzLjY4M0wyNS4wODkgMjdsNC4wOS00LjM5OC0uNzMyLS42ODN6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "20", "backgroundColor": "#fafafa" }, "uniqueId": "fc-block-2-w0wh0e00t", "isChecked": false }, { "id": "fc-block-9-xih0pfliy", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BUkdJTjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjMsNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy41IDMwaDQzIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0yNS4wOSA0LjA4NXYyMS44MzEiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNS4wODkgM2wtNC4wOSA0LjM5OC43MzQuNjgzIDMuMzU2LTMuNjEyIDMuMzU4IDMuNjEyLjczMi0uNjgzek0yNS4wODkgMjUuNTMybC0zLjM1Ni0zLjYxMy0uNzMzLjY4M0wyNS4wODkgMjdsNC4wOS00LjM5OC0uNzMyLS42ODN6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "20", "backgroundColor": "#fafafa" }, "uniqueId": "fc-block-17-sn8x8fbbl", "isChecked": false }, { "id": "fc-block-14-di04t86ep", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlRFWFQ8L3RzcGFuPgogICAgPC90ZXh0PgogICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNiAxOGgzOHYySDZ6TTYgMjJoMzh2Mkg2ek02IDI2aDI3djJINnoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "subTextColor", "type": "text", "description": "sub text color" }, { "name": "subText", "type": "textarea", "description": "sub text" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "startDate": "", "endDate": "", "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "", "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

fc-text-align-center<% } %>\">\n <% if (subText) { %>\n

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %><% } %>\">\n <%= subText %>\n

\n <% } %>\n <% if (text) { %>\n

\"\n style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n <% } %>\n

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

fc-text-align-center<% } %>\">\n <% if (subText) { %>\n

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %><% } %>\">\n <%= subText %>\n

\n <% } %>\n <% if (text) { %>\n

\"\n style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n <% } %>\n

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

fc-text-align-center<% } %>\">\n <% if (subText) { %>\n

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %><% } %>\">\n <%= subText %>\n

\n <% } %>\n <% if (text) { %>\n

\"\n style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n <% } %>\n

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

fc-text-align-center<% } %>\">\n <% if (subText) { %>\n

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %><% } %>\">\n <%= subText %>\n

\n <% } %>\n <% if (text) { %>\n

\"\n style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n <% } %>\n

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem;\" data-start-date=\"<%= startDate %>\" data-end-date=\"<%= endDate %>\">\n

fc-text-align-center<% } %>\">\n <% if (subText) { %>\n

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %><% } %>\">\n <%= subText %>\n

\n <% } %>\n <% if (text) { %>\n

\"\n style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n <% } %>\n

background-color: <%= backgroundColor %><% } %>\">\n

\">\n

\" alt=\"<%= imageAlt %>\" style=\"<% if(imageSize) {%> width: <%= imageSize/10 %>rem; height: <%= imageSize/10 %>rem;<% } %>\" loading=\"lazy\">\n <% } %>\n

\" style=\"color: <%= fontColor || '#000000' %>\">\n <%= content %>\n

\n" }, "values": { "backgroundColor": "#fafafa", "cardType": "row", "borderColor": "#eee", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "#eee", "imageUrl": "", "imageSize": 100, "fontSize": "fc-content-text", "fontColor": "#000000", "content": "Section 03. ｜ \n[기초] 오브젝트 컨트롤 & 저장하기" }, "uniqueId": "fc-block-11-tx0f1kh1o", "isChecked": false }, { "id": "fc-block-20-ancd3taaw", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BUkdJTjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjMsNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy41IDMwaDQzIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0yNS4wOSA0LjA4NXYyMS44MzEiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNS4wODkgM2wtNC4wOSA0LjM5OC43MzQuNjgzIDMuMzU2LTMuNjEyIDMuMzU4IDMuNjEyLjczMi0uNjgzek0yNS4wODkgMjUuNTMybC0zLjM1Ni0zLjYxMy0uNzMzLjY4M0wyNS4wODkgMjdsNC4wOS00LjM5OC0uNzMyLS42ODN6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "20", "backgroundColor": "#fafafa" }, "uniqueId": "fc-block-18-it5tuwgy9", "isChecked": false }, { "id": "fc-block-24-9sp1hztlp", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='50px'%20height='50px'%20viewBox='0%200%2050%2050'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3e214%3c/title%3e%3cg%20id='214'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3crect%20id='Rectangle'%20stroke='%23000000'%20stroke-width='2'%20fill='%23FFFFFF'%20fill-rule='nonzero'%20x='1'%20y='1'%20width='48'%20height='48'%3e%3c/rect%3e%3crect%20id='Rectangle'%20stroke='%23000000'%20stroke-width='2'%20fill='%23D8D8D8'%20fill-rule='nonzero'%20x='7'%20y='13'%20width='12'%20height='8'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy'%20stroke='%23000000'%20stroke-width='2'%20fill='%23D8D8D8'%20fill-rule='nonzero'%20x='7'%20y='29'%20width='12'%20height='8'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-10'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='16'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-16'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='32'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-14'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='12'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-17'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='28'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-18'%20fill='%23000000'%20fill-rule='nonzero'%20x='22'%20y='36'%20width='2'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-12'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='16'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-19'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='32'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-15'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='12'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-20'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='28'%20width='14'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy-21'%20fill='%23000000'%20fill-rule='nonzero'%20x='26'%20y='36'%20width='14'%20height='2'%3e%3c/rect%3e%3c/g%3e%3c/svg%3e", "params": [ { "name": "colorTheme", "type": "select", "description": "theme", "options": [ "theme--bright", "theme--dark" ] }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "text--h6", "text--content1" ] }, { "name": "aspectRatio", "type": "select", "description": "이미지의 비율을 선택할 수 있습니다.", "options": [ "16:9", "4:3" ] }, { "name": "imageWidth", "type": "number", "description": "이미지 넓이는 최대 720까지 설정할 수 있습니다." }, { "name": "images", "type": "list", "description": "2개 이상의 이미지를 업로드 시, 슬라이드로 보여집니다.", "maxLength": 100, "params": [ { "name": "imageUrl", "type": "image", "description": "image url" } ] }, { "name": "title", "type": "text", "description": "title", "defaultValue": "강의 제목" }, { "name": "contents", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 100, "params": [ { "name": "content", "type": "text", "description": "contents" } ] }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonLink", "type": "link", "description": "button text link" }, { "name": "useBullet", "type": "checkbox", "description": "체크 시, content 앞에 숫자 bullet이 자동 생성됩니다." }, { "name": "autoSlide", "type": "checkbox", "description": "체크 시, 이미지가 자동으로 슬라이드 됩니다." } ], "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "" } ], "title": "", "contents": [ { "content": "" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "template": "

\" style=\"background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n <% if (images.length && images[0].imageUrl) { %>\n

%\">\n
');\" class=\"carousel__image\" />\n

\n <% } else { %>\n

%\">\n

혼자 살아남는 디자이너를 위한 일러스트레이터 200종 올인원 패키지

클래스 상세 정보

[asset] 그래픽디자이너 비비비 Details