[ { "id": "fc-block-3-1c1h6916s", "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": "#121212" }, "uniqueId": "fc-block-1-5ckkpmxgn", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-7-yjfaj8de0", "layout": { "id": "899", "description": "직접 편집", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwMCIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTIiIGZvbnQtd2VpZ2h0PSI0MDAiPgogICAgICA8dHNwYW4geD0iMjUiIHk9IjMwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj4mbHQ7RElWJmd0OzwvdHNwYW4+CiAgICA8L3RleHQ+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "html", "type": "textarea", "description": "html" } ], "values": { "html": "

hello world!!

" }, "template": "

\n <%= html %>\n

\n\n" }, "values": { "html": "\t" }, "uniqueId": "fc-block-1-hc5pyrimr", "isChecked": false }, { "id": "fc-block-4-pg2kt91mh", "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": { "backgroundColor": "#121212", "useImageLeft": false, "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202201/154810-568/banner-dt.png", "mobileImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202201/154813-568/banner-mob.png", "imageWidth": 980, "alt": "", "useNewTab": false, "link": "https://coloso.jp/event/welcomecoupon2022_jp", "startDate": "", "endDate": "", "useWideMode": false, "imageAlt": "Coloso コロソクーポン割引イベント" }, "uniqueId": "fc-block-2-z69yvoo5m", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-7-heoedw5pa", "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": { "paddingTop": "50", "paddingBottom": "25", "backgroundColor": "#121212", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#ffffff", "text": "\nトレーラー
\nイラストレーター
キム・ヒョンギュ\n", "startDate": "", "endDate": "", "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "" }, "uniqueId": "fc-block-8-zgtckxf3t", "isChecked": false, "hidden": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-2vzhz6ac3", "layout": { "id": "301", "description": "풀사이즈 동영상", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNiAxMmgzOHYxOUg2eiIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMjcuNSAyMS41bC01IDIuNXYtNXoiLz4KICAgIDx0ZXh0IGZpbGw9IiMwMEYiIGZvbnQtZmFtaWx5PSJMYXRvLCAnU3BvcWEgSGFuIFNhbnMnLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjgiIGZvbnQtd2VpZ2h0PSI0MDAiPgogICAgICA8dHNwYW4geD0iMjUiIHk9IjQ1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj5WSURFTzwvdHNwYW4+CiAgICA8L3RleHQ+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useVideoLeft", "type": "checkbox", "description": "use video center" }, { "name": "videoPlatformType", "type": "select", "description": "videoPlatformType", "options": [ "Youtube", "Vimeo" ] }, { "name": "videoWidth", "type": "number", "description": "video width" }, { "name": "video", "type": "video", "description": "video" } ], "values": { "backgroundColor": "", "useVideoLeft": false, "videoPlatformType": "Youtube", "videoWidth": 980, "video": "" }, "template": "

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

\">\n

;\">\n

\n <% if (video) { %>\n <% if (videoPlatformType === 'Youtube') { %>\n \n <% } else { %>\n \n <% } %>\n <% } %>\n

\n" }, "values": { "backgroundColor": "#121212", "useVideoLeft": false, "videoPlatformType": "Youtube", "videoWidth": "720", "video": "7ro1aiVOWC0" }, "uniqueId": "fc-block-2-65p8juky8", "isChecked": false, "hidden": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-13-mv414npzp", "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": { "paddingTop": "30", "paddingBottom": "60", "backgroundColor": "#121212", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#000000", "text": "\"男性キャラクターを描く時、
女性キャラクターの人体と違うポイントを
いかすのは難しいですが、
今回の講座で様々な雰囲気の
男性キャラクターを
描く方法についてお教えします\"\n", "startDate": "", "endDate": "", "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "" }, "uniqueId": "fc-block-3-6dgvoss7v", "isChecked": false, "hidden": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-miescy3tt", "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": "#121212", "paddingTop": "0", "paddingBottom": "0", "borderColor": "#3a3a3a", "borderSize": "1" }, "uniqueId": "fc-block-1-4t9l7x1h1", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-t6ucu432n", "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

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

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#121212", "useImageLeft": false, "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202103/103005-311/500.png", "mobileImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202103/103005-311/500.png", "imageWidth": "500", "alt": "", "useNewTab": true, "link": "", "startDate": "", "endDate": "", "imageAlt": "Coloso キム・ヒョンギュ完成度の高い線画で描く男性キャラクターイラスト", "useWideMode": false }, "uniqueId": "fc-block-2-9d3ibm5di", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-fsle6t9hk", "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": { "paddingTop": "30", "paddingBottom": "60", "backgroundColor": "#121212", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#a0a0a0", "text": "線画だけで魅力的な
男性キャラクターを完成させたいですか？
\n男性キャラクターのイラストが
もっと目立つように
線を扱う基礎から
コンセプト別の応用方法まで
\nすべてお教えします！

\n \n今まで女性キャラクターを描いていた方は
\n多様な絵が描けるようになり、
\n男性キャラクターだけが持っている
人体の美的な部分から
\n数多くの魅力を感じることができます。

\n\n男性キャラクター特有の果敢な線の描き方と
\nウェブ漫画、コミックによく登場する
現代物の男性キャラクターの
\n人体筋肉の表現方法と細かなしわの
ドローイングスキルまで

\n\n\n\n日本と韓国を行き来し15年間、
イラストや漫画の作業をしてきた
イラストレーターのキム・ヒョンギュが
\n線画を活用した魅力的な
\n男性キャラクターの
ドローイングスキルについてお教えします。", "startDate": "", "endDate": "", "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "" }, "uniqueId": "fc-block-3-i0yaayeda", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-4-dlwhq1f07", "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-3-tlolkslxx", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-l8kxfjdo8", "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-content-text", "imageUrl1": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202110/164307-564/coloso-jp-icon-course.png", "title1": "講座情報", "content1": "本数：22本の映像
\n難易度：初級
", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202110/164313-564/coloso-jp-icon-program.png", "title2": "使用プログラム", "content2": "– Wacom Intuos
\n– Adobe Photoshop CC
\n
\n※円滑な受講のため、最新バージョンのご使用を推奨します。", "imageUrl3": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202110/164355-564/coloso-jp-icon-video.png", "title3": "動画情報", "content3": "オンラインVOD
\nオーディオ：韓国語
\n字幕：日本語", "imageUrl4": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202110/164409-564/coloso-jp-icon-bonus.png", "title4": "講座特典", "content4": "作品数：３点
\n\nPhotoshopのブラシ約300点
\nPSDファイル17点", "imageAlt1": "Coloso 講座情報1", "imageAlt2": "Coloso 講座情報2", "imageAlt3": "Coloso 講座情報3", "imageAlt4": "Coloso 講座情報4" }, "uniqueId": "fc-block-4-0gpyd7mkd", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-x9mda9vwk", "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-5-yzhc1vbw5", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-30bmc5wwi", "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": { "paddingTop": "50", "paddingBottom": "25", "backgroundColor": "#121212", "useTextCenter": true, "textSize": "fc-h5-text", "textColor": "#ffffff", "text": "\nイラストレーター
キム・ヒョンギュの
ポートフォリオ\n", "startDate": "", "endDate": "", "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "" }, "uniqueId": "fc-block-1-qb35fgbn7", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-vhv755kih", "layout": { "id": "202", "description": "1~4단 이미지", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPklNQUdFPC90c3Bhbj4KICAgIDwvdGV4dD4KICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik02IDdoMTd2MTBINnpNNiAyMmgxMHYxMEg2ek0yNyA3aDE3djEwSDI3ek0yMCAyMmgxMHYxMEgyMHpNMzQgMjJoMTB2MTBIMzR6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "columnCount", "type": "number", "description": "maximum 4" }, { "name": "columnMargin", "type": "number", "description": "column margin" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "imageUrl1", "type": "image", "description": "image1 url" }, { "name": "imageAlt1", "type": "text", "description": "image1 alt" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link url" }, { "name": "imageUrl2", "type": "image", "description": "image2 url" }, { "name": "imageAlt2", "type": "text", "description": "image2 alt" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link url" }, { "name": "imageUrl3", "type": "image", "description": "image3 url" }, { "name": "imageAlt3", "type": "text", "description": "image3 alt" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link url" }, { "name": "imageUrl4", "type": "image", "description": "image4 url" }, { "name": "imageAlt4", "type": "text", "description": "image4 alt" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "link4", "type": "text", "description": "link url" }, { "name": "imageUrl5", "type": "image", "description": "image5 url" }, { "name": "imageAlt5", "type": "text", "description": "image5 alt" }, { "name": "useNewTab5", "type": "checkbox", "description": "" }, { "name": "link5", "type": "text", "description": "link url" }, { "name": "imageUrl6", "type": "image", "description": "image6 url" }, { "name": "imageAlt6", "type": "text", "description": "image6 alt" }, { "name": "useNewTab6", "type": "checkbox", "description": "" }, { "name": "link6", "type": "text", "description": "link url" }, { "name": "imageUrl7", "type": "image", "description": "image7 url" }, { "name": "imageAlt7", "type": "text", "description": "image7 alt" }, { "name": "useNewTab7", "type": "checkbox", "description": "" }, { "name": "link7", "type": "text", "description": "link url" }, { "name": "imageUrl8", "type": "image", "description": "image8 url" }, { "name": "imageAlt8", "type": "text", "description": "image8 alt" }, { "name": "useNewTab8", "type": "checkbox", "description": "" }, { "name": "link8", "type": "text", "description": "link url" }, { "name": "imageUrl9", "type": "image", "description": "image9 url" }, { "name": "imageAlt9", "type": "text", "description": "image9 alt" }, { "name": "useNewTab9", "type": "checkbox", "description": "" }, { "name": "link9", "type": "text", "description": "link url" }, { "name": "imageUrl10", "type": "image", "description": "image10 url" }, { "name": "imageAlt10", "type": "text", "description": "image10 alt" }, { "name": "useNewTab10", "type": "checkbox", "description": "" }, { "name": "link10", "type": "text", "description": "link url" }, { "name": "imageUrl11", "type": "image", "description": "image11 url" }, { "name": "imageAlt11", "type": "text", "description": "image11 alt" }, { "name": "useNewTab11", "type": "checkbox", "description": "" }, { "name": "link11", "type": "text", "description": "link url" }, { "name": "imageUrl12", "type": "image", "description": "image12 url" }, { "name": "imageAlt12", "type": "text", "description": "image12 alt" }, { "name": "useNewTab12", "type": "checkbox", "description": "" }, { "name": "link12", "type": "text", "description": "link url" } ], "values": { "columnCount": 1, "columnMargin": 0, "paddingTop": 0, "paddingBottom": 0, "useColumnInMobile": false, "backgroundColor": "#ffffff", "imageUrl1": "", "useNewTab1": true, "link1": "", "imageUrl2": "", "useNewTab2": true, "link2": "", "imageUrl3": "", "useNewTab3": true, "link3": "", "imageUrl4": "", "useNewTab4": true, "link4": "", "imageUrl5": "", "useNewTab5": true, "link5": "", "imageUrl6": "", "useNewTab6": true, "link6": "", "imageUrl7": "", "useNewTab7": true, "link7": "", "imageUrl8": "", "useNewTab8": true, "link8": "", "imageUrl9": "", "useNewTab9": true, "link9": "", "imageUrl10": "", "useNewTab10": true, "link10": "", "imageUrl11": "", "useNewTab11": true, "link11": "", "imageUrl12": "", "useNewTab12": true, "link12": "" }, "template": "

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

\">\n <% if (link1 && imageUrl1) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

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

\n <% } else if (!link1 && imageUrl1) { %>\n

-<%= columnMargin %>\">\n

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

\n <% } %>\n <% if (link2 && imageUrl2) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

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

\n <% } else if (!link2 && imageUrl2) { %>\n

-<%= columnMargin %>\">\n

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

\n <% } %>\n <% if (link3 && imageUrl3) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

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

\n <% } else if (!link3 && imageUrl3) { %>\n

-<%= columnMargin %>\">\n

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

\n <% } %>\n <% if (link4 && imageUrl4) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab4) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

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

\n <% } else if (!link4 && imageUrl4) { %>\n

-<%= columnMargin %>\">\n

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

\n <% } %>\n <% if (link5 && imageUrl5) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab5) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

\" alt=\"<%= imageAlt5 %>\" loading=\"lazy\">\n

\n <% } else if (!link5 && imageUrl5) { %>\n

-<%= columnMargin %>\">\n

\" alt=\"<%= imageAlt5 %>\" loading=\"lazy\">\n

\n <% } %>\n <% if (link6 && imageUrl6) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab6) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

\" alt=\"<%= imageAlt6 %>\" loading=\"lazy\">\n

\n <% } else if (!link6 && imageUrl6) { %>\n

-<%= columnMargin %>\">\n

\" alt=\"<%= imageAlt6 %>\" loading=\"lazy\">\n

\n <% } %>\n <% if (link7 && imageUrl7) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab7) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

\" alt=\"<%= imageAlt7 %>\" loading=\"lazy\">\n

\n <% } else if (!link7 && imageUrl7) { %>\n

-<%= columnMargin %>\">\n

\" alt=\"<%= imageAlt7 %>\" loading=\"lazy\">\n

\n <% } %>\n <% if (link8 && imageUrl8) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab8) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

\" alt=\"<%= imageAlt8 %>\" loading=\"lazy\">\n

\n <% } else if (!link8 && imageUrl8) { %>\n

-<%= columnMargin %>\">\n

\" alt=\"<%= imageAlt8 %>\" loading=\"lazy\">\n

\n <% } %>\n <% if (link9 && imageUrl9) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab9) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

\" alt=\"<%= imageAlt9 %>\" loading=\"lazy\">\n

\n <% } else if (!link9 && imageUrl9) { %>\n

-<%= columnMargin %>\">\n

\" alt=\"<%= imageAlt9 %>\" loading=\"lazy\">\n

\n <% } %>\n <% if (link10 && imageUrl10) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab10) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

\" alt=\"<%= imageAlt10 %>\" loading=\"lazy\">\n

\n <% } else if (!link10 && imageUrl10) { %>\n

-<%= columnMargin %>\">\n

\" alt=\"<%= imageAlt10 %>\" loading=\"lazy\">\n

\n <% } %>\n <% if (link11 && imageUrl11) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab11) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

\" alt=\"<%= imageAlt11 %>\" loading=\"lazy\">\n

\n <% } else if (!link11 && imageUrl11) { %>\n

-<%= columnMargin %>\">\n

\" alt=\"<%= imageAlt11 %>\" loading=\"lazy\">\n

\n <% } %>\n <% if (link12 && imageUrl12) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab12) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

\" alt=\"<%= imageAlt12 %>\" loading=\"lazy\">\n

\n <% } else if (!link12 && imageUrl12) { %>\n

-<%= columnMargin %>\">\n

\" alt=\"<%= imageAlt12 %>\" loading=\"lazy\">\n

\n <% } %>\n

\n" }, "values": { "columnCount": "4", "columnMargin": "30", "paddingTop": "0", "paddingBottom": "30", "useColumnInMobile": true, "backgroundColor": "#121212", "imageUrl1": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202102/155855-302/portfolio01.png", "useNewTab1": true, "link1": "", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202103/105912-302/portfolio02-3.png", "useNewTab2": true, "link2": "", "imageUrl3": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202102/155904-302/portfolio03.png", "useNewTab3": true, "link3": "", "imageUrl4": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202103/103620-311/portfolio10.png", "useNewTab4": true, "link4": "", "imageUrl5": "", "useNewTab5": true, "link5": "", "imageUrl6": "", "useNewTab6": true, "link6": "", "imageUrl7": "", "useNewTab7": true, "link7": "", "imageUrl8": "", "useNewTab8": true, "link8": "", "imageUrl9": "", "useNewTab9": true, "link9": "", "imageUrl10": "", "useNewTab10": true, "link10": "", "imageUrl11": "", "useNewTab11": true, "link11": "", "imageUrl12": "", "useNewTab12": true, "link12": "", "imageAlt1": "Coloso キム・ヒョンギュ完成度の高い線画で描く男性キャラクターイラスト", "imageAlt2": "Coloso キム・ヒョンギュ完成度の高い線画で描く男性キャラクターイラスト", "imageAlt3": "Coloso キム・ヒョンギュ完成度の高い線画で描く男性キャラクターイラスト", "imageAlt4": "Coloso キム・ヒョンギュ完成度の高い線画で描く男性キャラクターイラスト" }, "uniqueId": "fc-block-1-jpyv0n5aa", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-ntgcycau7", "layout": { "id": "202", "description": "1~4단 이미지", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPklNQUdFPC90c3Bhbj4KICAgIDwvdGV4dD4KICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik02IDdoMTd2MTBINnpNNiAyMmgxMHYxMEg2ek0yNyA3aDE3djEwSDI3ek0yMCAyMmgxMHYxMEgyMHpNMzQgMjJoMTB2MTBIMzR6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "columnCount", "type": "number", "description": "maximum 4" }, { "name": "columnMargin", "type": "number", "description": "column margin" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "imageUrl1", "type": "image", "description": "image1 url" }, { "name": "imageAlt1", "type": "text", "description": "image1 alt" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link url" }, { "name": "imageUrl2", "type": "image", "description": "image2 url" }, { "name": "imageAlt2", "type": "text", "description": "image2 alt" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link url" }, { "name": "imageUrl3", "type": "image", "description": "image3 url" }, { "name": "imageAlt3", "type": "text", "description": "image3 alt" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link url" }, { "name": "imageUrl4", "type": "image", "description": "image4 url" }, { "name": "imageAlt4", "type": "text", "description": "image4 alt" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "link4", "type": "text", "description": "link url" }, { "name": "imageUrl5", "type": "image", "description": "image5 url" }, { "name": "imageAlt5", "type": "text", "description": "image5 alt" }, { "name": "useNewTab5", "type": "checkbox", "description": "" }, { "name": "link5", "type": "text", "description": "link url" }, { "name": "imageUrl6", "type": "image", "description": "image6 url" }, { "name": "imageAlt6", "type": "text", "description": "image6 alt" }, { "name": "useNewTab6", "type": "checkbox", "description": "" }, { "name": "link6", "type": "text", "description": "link url" }, { "name": "imageUrl7", "type": "image", "description": "image7 url" }, { "name": "imageAlt7", "type": "text", "description": "image7 alt" }, { "name": "useNewTab7", "type": "checkbox", "description": "" }, { "name": "link7", "type": "text", "description": "link url" }, { "name": "imageUrl8", "type": "image", "description": "image8 url" }, { "name": "imageAlt8", "type": "text", "description": "image8 alt" }, { "name": "useNewTab8", "type": "checkbox", "description": "" }, { "name": "link8", "type": "text", "description": "link url" }, { "name": "imageUrl9", "type": "image", "description": "image9 url" }, { "name": "imageAlt9", "type": "text", "description": "image9 alt" }, { "name": "useNewTab9", "type": "checkbox", "description": "" }, { "name": "link9", "type": "text", "description": "link url" }, { "name": "imageUrl10", "type": "image", "description": "image10 url" }, { "name": "imageAlt10", "type": "text", "description": "image10 alt" }, { "name": "useNewTab10", "type": "checkbox", "description": "" }, { "name": "link10", "type": "text", "description": "link url" }, { "name": "imageUrl11", "type": "image", "description": "image11 url" }, { "name": "imageAlt11", "type": "text", "description": "image11 alt" }, { "name": "useNewTab11", "type": "checkbox", "description": "" }, { "name": "link11", "type": "text", "description": "link url" }, { "name": "imageUrl12", "type": "image", "description": "image12 url" }, { "name": "imageAlt12", "type": "text", "description": "image12 alt" }, { "name": "useNewTab12", "type": "checkbox", "description": "" }, { "name": "link12", "type": "text", "description": "link url" } ], "values": { "columnCount": 1, "columnMargin": 0, "paddingTop": 0, "paddingBottom": 0, "useColumnInMobile": false, "backgroundColor": "#ffffff", "imageUrl1": "", "useNewTab1": true, "link1": "", "imageUrl2": "", "useNewTab2": true, "link2": "", "imageUrl3": "", "useNewTab3": true, "link3": "", "imageUrl4": "", "useNewTab4": true, "link4": "", "imageUrl5": "", "useNewTab5": true, "link5": "", "imageUrl6": "", "useNewTab6": true, "link6": "", "imageUrl7": "", "useNewTab7": true, "link7": "", "imageUrl8": "", "useNewTab8": true, "link8": "", "imageUrl9": "", "useNewTab9": true, "link9": "", "imageUrl10": "", "useNewTab10": true, "link10": "", "imageUrl11": "", "useNewTab11": true, "link11": "", "imageUrl12": "", "useNewTab12": true, "link12": "" }, "template": "

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

\">\n <% if (link1 && imageUrl1) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

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

\n <% } else if (!link1 && imageUrl1) { %>\n

-<%= columnMargin %>\">\n

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

\n <% } %>\n <% if (link2 && imageUrl2) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

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

\n <% } else if (!link2 && imageUrl2) { %>\n

-<%= columnMargin %>\">\n

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

\n <% } %>\n <% if (link3 && imageUrl3) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

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

\n <% } else if (!link3 && imageUrl3) { %>\n

-<%= columnMargin %>\">\n

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

\n <% } %>\n <% if (link4 && imageUrl4) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab4) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

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

\n <% } else if (!link4 && imageUrl4) { %>\n

-<%= columnMargin %>\">\n

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

\n <% } %>\n <% if (link5 && imageUrl5) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab5) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

\" alt=\"<%= imageAlt5 %>\" loading=\"lazy\">\n

\n <% } else if (!link5 && imageUrl5) { %>\n

-<%= columnMargin %>\">\n

\" alt=\"<%= imageAlt5 %>\" loading=\"lazy\">\n

\n <% } %>\n <% if (link6 && imageUrl6) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab6) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

\" alt=\"<%= imageAlt6 %>\" loading=\"lazy\">\n

\n <% } else if (!link6 && imageUrl6) { %>\n

-<%= columnMargin %>\">\n

\" alt=\"<%= imageAlt6 %>\" loading=\"lazy\">\n

\n <% } %>\n <% if (link7 && imageUrl7) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab7) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

\" alt=\"<%= imageAlt7 %>\" loading=\"lazy\">\n

\n <% } else if (!link7 && imageUrl7) { %>\n

-<%= columnMargin %>\">\n

\" alt=\"<%= imageAlt7 %>\" loading=\"lazy\">\n

\n <% } %>\n <% if (link8 && imageUrl8) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab8) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

\" alt=\"<%= imageAlt8 %>\" loading=\"lazy\">\n

\n <% } else if (!link8 && imageUrl8) { %>\n

-<%= columnMargin %>\">\n

\" alt=\"<%= imageAlt8 %>\" loading=\"lazy\">\n

\n <% } %>\n <% if (link9 && imageUrl9) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab9) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

\" alt=\"<%= imageAlt9 %>\" loading=\"lazy\">\n

\n <% } else if (!link9 && imageUrl9) { %>\n

-<%= columnMargin %>\">\n

\" alt=\"<%= imageAlt9 %>\" loading=\"lazy\">\n

\n <% } %>\n <% if (link10 && imageUrl10) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab10) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

\" alt=\"<%= imageAlt10 %>\" loading=\"lazy\">\n

\n <% } else if (!link10 && imageUrl10) { %>\n

-<%= columnMargin %>\">\n

\" alt=\"<%= imageAlt10 %>\" loading=\"lazy\">\n

\n <% } %>\n <% if (link11 && imageUrl11) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab11) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

\" alt=\"<%= imageAlt11 %>\" loading=\"lazy\">\n

\n <% } else if (!link11 && imageUrl11) { %>\n

-<%= columnMargin %>\">\n

\" alt=\"<%= imageAlt11 %>\" loading=\"lazy\">\n

\n <% } %>\n <% if (link12 && imageUrl12) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab12) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

\" alt=\"<%= imageAlt12 %>\" loading=\"lazy\">\n

\n <% } else if (!link12 && imageUrl12) { %>\n

-<%= columnMargin %>\">\n

\" alt=\"<%= imageAlt12 %>\" loading=\"lazy\">\n

\n <% } %>\n

\n" }, "values": { "columnCount": "4", "columnMargin": "30", "paddingTop": "0", "paddingBottom": "30", "useColumnInMobile": true, "backgroundColor": "#121212", "imageUrl1": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202102/162237-302/portfolio09.png", "useNewTab1": true, "link1": "", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202102/162241-302/portfolio10.png", "useNewTab2": true, "link2": "", "imageUrl3": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202102/160047-302/portfolio07.png", "useNewTab3": true, "link3": "", "imageUrl4": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202102/160056-302/portfolio08.png", "useNewTab4": true, "link4": "", "imageUrl5": "", "useNewTab5": true, "link5": "", "imageUrl6": "", "useNewTab6": true, "link6": "", "imageUrl7": "", "useNewTab7": true, "link7": "", "imageUrl8": "", "useNewTab8": true, "link8": "", "imageUrl9": "", "useNewTab9": true, "link9": "", "imageUrl10": "", "useNewTab10": true, "link10": "", "imageUrl11": "", "useNewTab11": true, "link11": "", "imageUrl12": "", "useNewTab12": true, "link12": "", "imageAlt1": "Coloso キム・ヒョンギュ完成度の高い線画で描く男性キャラクターイラスト", "imageAlt2": "Coloso キム・ヒョンギュ完成度の高い線画で描く男性キャラクターイラスト", "imageAlt3": "Coloso キム・ヒョンギュ完成度の高い線画で描く男性キャラクターイラスト", "imageAlt4": "Coloso キム・ヒョンギュ完成度の高い線画で描く男性キャラクターイラスト" }, "uniqueId": "fc-block-1-3xpneggwn", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-qiy0mks9s", "layout": { "id": "202", "description": "1~4단 이미지", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPklNQUdFPC90c3Bhbj4KICAgIDwvdGV4dD4KICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik02IDdoMTd2MTBINnpNNiAyMmgxMHYxMEg2ek0yNyA3aDE3djEwSDI3ek0yMCAyMmgxMHYxMEgyMHpNMzQgMjJoMTB2MTBIMzR6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "columnCount", "type": "number", "description": "maximum 4" }, { "name": "columnMargin", "type": "number", "description": "column margin" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "imageUrl1", "type": "image", "description": "image1 url" }, { "name": "imageAlt1", "type": "text", "description": "image1 alt" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link url" }, { "name": "imageUrl2", "type": "image", "description": "image2 url" }, { "name": "imageAlt2", "type": "text", "description": "image2 alt" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link url" }, { "name": "imageUrl3", "type": "image", "description": "image3 url" }, { "name": "imageAlt3", "type": "text", "description": "image3 alt" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link url" }, { "name": "imageUrl4", "type": "image", "description": "image4 url" }, { "name": "imageAlt4", "type": "text", "description": "image4 alt" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "link4", "type": "text", "description": "link url" }, { "name": "imageUrl5", "type": "image", "description": "image5 url" }, { "name": "imageAlt5", "type": "text", "description": "image5 alt" }, { "name": "useNewTab5", "type": "checkbox", "description": "" }, { "name": "link5", "type": "text", "description": "link url" }, { "name": "imageUrl6", "type": "image", "description": "image6 url" }, { "name": "imageAlt6", "type": "text", "description": "image6 alt" }, { "name": "useNewTab6", "type": "checkbox", "description": "" }, { "name": "link6", "type": "text", "description": "link url" }, { "name": "imageUrl7", "type": "image", "description": "image7 url" }, { "name": "imageAlt7", "type": "text", "description": "image7 alt" }, { "name": "useNewTab7", "type": "checkbox", "description": "" }, { "name": "link7", "type": "text", "description": "link url" }, { "name": "imageUrl8", "type": "image", "description": "image8 url" }, { "name": "imageAlt8", "type": "text", "description": "image8 alt" }, { "name": "useNewTab8", "type": "checkbox", "description": "" }, { "name": "link8", "type": "text", "description": "link url" }, { "name": "imageUrl9", "type": "image", "description": "image9 url" }, { "name": "imageAlt9", "type": "text", "description": "image9 alt" }, { "name": "useNewTab9", "type": "checkbox", "description": "" }, { "name": "link9", "type": "text", "description": "link url" }, { "name": "imageUrl10", "type": "image", "description": "image10 url" }, { "name": "imageAlt10", "type": "text", "description": "image10 alt" }, { "name": "useNewTab10", "type": "checkbox", "description": "" }, { "name": "link10", "type": "text", "description": "link url" }, { "name": "imageUrl11", "type": "image", "description": "image11 url" }, { "name": "imageAlt11", "type": "text", "description": "image11 alt" }, { "name": "useNewTab11", "type": "checkbox", "description": "" }, { "name": "link11", "type": "text", "description": "link url" }, { "name": "imageUrl12", "type": "image", "description": "image12 url" }, { "name": "imageAlt12", "type": "text", "description": "image12 alt" }, { "name": "useNewTab12", "type": "checkbox", "description": "" }, { "name": "link12", "type": "text", "description": "link url" } ], "values": { "columnCount": 1, "columnMargin": 0, "paddingTop": 0, "paddingBottom": 0, "useColumnInMobile": false, "backgroundColor": "#ffffff", "imageUrl1": "", "useNewTab1": true, "link1": "", "imageUrl2": "", "useNewTab2": true, "link2": "", "imageUrl3": "", "useNewTab3": true, "link3": "", "imageUrl4": "", "useNewTab4": true, "link4": "", "imageUrl5": "", "useNewTab5": true, "link5": "", "imageUrl6": "", "useNewTab6": true, "link6": "", "imageUrl7": "", "useNewTab7": true, "link7": "", "imageUrl8": "", "useNewTab8": true, "link8": "", "imageUrl9": "", "useNewTab9": true, "link9": "", "imageUrl10": "", "useNewTab10": true, "link10": "", "imageUrl11": "", "useNewTab11": true, "link11": "", "imageUrl12": "", "useNewTab12": true, "link12": "" }, "template": "

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

\">\n <% if (link1 && imageUrl1) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

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

\n <% } else if (!link1 && imageUrl1) { %>\n

-<%= columnMargin %>\">\n

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

\n <% } %>\n <% if (link2 && imageUrl2) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

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

\n <% } else if (!link2 && imageUrl2) { %>\n

-<%= columnMargin %>\">\n

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

\n <% } %>\n <% if (link3 && imageUrl3) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

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

\n <% } else if (!link3 && imageUrl3) { %>\n

-<%= columnMargin %>\">\n

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

\n <% } %>\n <% if (link4 && imageUrl4) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab4) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

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

\n <% } else if (!link4 && imageUrl4) { %>\n

-<%= columnMargin %>\">\n

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

\n <% } %>\n <% if (link5 && imageUrl5) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab5) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

\" alt=\"<%= imageAlt5 %>\" loading=\"lazy\">\n

\n <% } else if (!link5 && imageUrl5) { %>\n

-<%= columnMargin %>\">\n

\" alt=\"<%= imageAlt5 %>\" loading=\"lazy\">\n

\n <% } %>\n <% if (link6 && imageUrl6) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab6) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

\" alt=\"<%= imageAlt6 %>\" loading=\"lazy\">\n

\n <% } else if (!link6 && imageUrl6) { %>\n

-<%= columnMargin %>\">\n

\" alt=\"<%= imageAlt6 %>\" loading=\"lazy\">\n

\n <% } %>\n <% if (link7 && imageUrl7) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab7) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

\" alt=\"<%= imageAlt7 %>\" loading=\"lazy\">\n

\n <% } else if (!link7 && imageUrl7) { %>\n

-<%= columnMargin %>\">\n

\" alt=\"<%= imageAlt7 %>\" loading=\"lazy\">\n

\n <% } %>\n <% if (link8 && imageUrl8) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab8) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

\" alt=\"<%= imageAlt8 %>\" loading=\"lazy\">\n

\n <% } else if (!link8 && imageUrl8) { %>\n

-<%= columnMargin %>\">\n

\" alt=\"<%= imageAlt8 %>\" loading=\"lazy\">\n

\n <% } %>\n <% if (link9 && imageUrl9) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab9) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

\" alt=\"<%= imageAlt9 %>\" loading=\"lazy\">\n

\n <% } else if (!link9 && imageUrl9) { %>\n

-<%= columnMargin %>\">\n

\" alt=\"<%= imageAlt9 %>\" loading=\"lazy\">\n

\n <% } %>\n <% if (link10 && imageUrl10) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab10) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

\" alt=\"<%= imageAlt10 %>\" loading=\"lazy\">\n

\n <% } else if (!link10 && imageUrl10) { %>\n

-<%= columnMargin %>\">\n

\" alt=\"<%= imageAlt10 %>\" loading=\"lazy\">\n

\n <% } %>\n <% if (link11 && imageUrl11) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab11) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

\" alt=\"<%= imageAlt11 %>\" loading=\"lazy\">\n

\n <% } else if (!link11 && imageUrl11) { %>\n

-<%= columnMargin %>\">\n

\" alt=\"<%= imageAlt11 %>\" loading=\"lazy\">\n

\n <% } %>\n <% if (link12 && imageUrl12) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab12) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

\" alt=\"<%= imageAlt12 %>\" loading=\"lazy\">\n

\n <% } else if (!link12 && imageUrl12) { %>\n

-<%= columnMargin %>\">\n

\" alt=\"<%= imageAlt12 %>\" loading=\"lazy\">\n

\n <% } %>\n

\n" }, "values": { "columnCount": "4", "columnMargin": "30", "paddingTop": "0", "paddingBottom": "", "useColumnInMobile": true, "backgroundColor": "#121212", "imageUrl1": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202103/103515-311/portfolio08.png", "useNewTab1": true, "link1": "", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202103/103521-311/portfolio069.png", "useNewTab2": true, "link2": "", "imageUrl3": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202103/103526-311/portfolio07.png", "useNewTab3": true, "link3": "", "imageUrl4": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202106/173238-302/portfolio12.png", "useNewTab4": true, "link4": "", "imageUrl5": "", "useNewTab5": true, "link5": "", "imageUrl6": "", "useNewTab6": true, "link6": "", "imageUrl7": "", "useNewTab7": true, "link7": "", "imageUrl8": "", "useNewTab8": true, "link8": "", "imageUrl9": "", "useNewTab9": true, "link9": "", "imageUrl10": "", "useNewTab10": true, "link10": "", "imageUrl11": "", "useNewTab11": true, "link11": "", "imageUrl12": "", "useNewTab12": true, "link12": "", "imageAlt1": "Coloso キム・ヒョンギュ完成度の高い線画で描く男性キャラクターイラスト", "imageAlt2": "Coloso キム・ヒョンギュ完成度の高い線画で描く男性キャラクターイラスト", "imageAlt3": "Coloso キム・ヒョンギュ完成度の高い線画で描く男性キャラクターイラスト", "imageAlt4": "Coloso キム・ヒョンギュ完成度の高い線画で描く男性キャラクターイラスト" }, "uniqueId": "fc-block-2-2ahse9l5f", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-0a3npg84n", "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": "#121212", "paddingTop": "60", "paddingBottom": "60", "borderColor": "#3a3a3a", "borderSize": "1" }, "uniqueId": "fc-block-1-el2e2nmvd", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-4-hbme1p19r", "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": { "paddingTop": "0", "paddingBottom": "25", "backgroundColor": "#121212", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#000000", "text": "\n今回の講座で学ぶ
段階別の線画ドローイング\n", "startDate": "", "endDate": "", "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "" }, "uniqueId": "fc-block-1-m5uzum4l8", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-tbo3a42vw", "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": { "paddingTop": 10, "paddingBottom": "30", "backgroundColor": "#121212", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#ffffff", "text": "Part 01. 全部で6種類のコンセプト別頭部のドローイング\n\n
\n
\n コンセプト別に変わる線画のテクニック、ノウハウを身につけます。", "startDate": "", "endDate": "", "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "" }, "uniqueId": "fc-block-2-yvbqm6sd2", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-8je3x1nv2", "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": "text", "description": "자유 입력" }, { "name": "text2", "type": "text", "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": "#121212", "colorTheme": "theme-light-red", "text1Size": "fc-h6-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202102/182613-302/example01.png", "text1": "清純系&草食系", "text2": "", "imageAlt": "Coloso キム・ヒョンギュ講座例題" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202102/182624-302/example02.png", "text1": "シック系&悪い男", "text2": "", "imageAlt": "Coloso キム・ヒョンギュ講座例題" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202102/182629-302/example03.png", "text1": "体育会系&マッチョ系", "text2": "", "imageAlt": "Coloso キム・ヒョンギュ講座例題" } ], "useNewTab": true }, "uniqueId": "fc-block-1-8166qyjos", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-sq36ht1ux", "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": "#121212", "paddingTop": "50", "paddingBottom": "60", "borderColor": "#3a3a3a", "borderSize": "1" }, "uniqueId": "fc-block-3-2uc2oo4o6", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-6-7v1olyrh2", "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": { "paddingTop": "0", "paddingBottom": "30", "backgroundColor": "#121212", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#ffffff", "text": "Part 02. 3種の人体ドローイング\n\n
\n
\n 男性の人体についての特徴を習い、コンセプト別に表現してみます。", "startDate": "", "endDate": "", "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "" }, "uniqueId": "fc-block-4-v6l3kbyfn", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-f5hksgu6k", "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": "text", "description": "자유 입력" }, { "name": "text2", "type": "text", "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": "#121212", "colorTheme": "theme-light-red", "text1Size": "fc-h6-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202103/100049-311/example02-1.png", "text1": "草食系の人体", "text2": "", "imageAlt": "Coloso キム・ヒョンギュ講座例題" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202103/100055-311/example02-2.png", "text1": "シック系の人体", "text2": "", "imageAlt": "Coloso キム・ヒョンギュ講座例題" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202103/100102-311/example02-3.png", "text1": "マッチョ系の人体", "text2": "", "imageAlt": "Coloso キム・ヒョンギュ講座例題" } ], "useNewTab": true }, "uniqueId": "fc-block-2-mlb9snpu4", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-2i01aw9md", "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": "#121212", "paddingTop": "50", "paddingBottom": "60", "borderColor": "#3a3a3a", "borderSize": "1" }, "uniqueId": "fc-block-5-13bk8ki4f", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-bwrcgmg13", "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": { "paddingTop": "0", "paddingBottom": "30", "backgroundColor": "#121212", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#ffffff", "text": "Part 03. イラストの完成\n\n
\n
\n ベースカラーと中間トーンを入れてイラストを完成させます。", "startDate": "", "endDate": "", "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "" }, "uniqueId": "fc-block-1-1jkrm5k00", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-hdjpkl2zr", "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": "text", "description": "자유 입력" }, { "name": "text2", "type": "text", "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": "10", "paddingBottom": "0", "columnCount": "3", "backgroundColor": "#121212", "colorTheme": "theme-light-red", "text1Size": "fc-h6-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202103/100332-311/example03-1.png", "text1": "男性キャラクターの上半身のイラスト", "text2": "", "imageAlt": "Coloso キム・ヒョンギュ講座例題" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202103/100351-311/example03-2.png", "text1": "キャラクターのアクセサリー", "text2": "", "imageAlt": "Coloso キム・ヒョンギュ講座例題" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202103/100355-311/example03-3.png", "text1": "背景の効果と劇的な要素", "text2": "", "imageAlt": "Coloso キム・ヒョンギュ講座例題" } ], "useNewTab": true }, "uniqueId": "fc-block-3-aoz13cjk1", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-z4c2qfoq9", "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": { "paddingTop": "30", "paddingBottom": "60", "backgroundColor": "#121212", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#ffffff", "text": "※上記の画像は講座に対する理解を深めるためのイメージです。\n
\n", "startDate": "", "endDate": "", "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "" }, "uniqueId": "fc-block-6-1xlbw6itm", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-3cdj6x3uf", "layout": { "id": "899", "description": "직접 편집", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwMCIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTIiIGZvbnQtd2VpZ2h0PSI0MDAiPgogICAgICA8dHNwYW4geD0iMjUiIHk9IjMwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj4mbHQ7RElWJmd0OzwvdHNwYW4+CiAgICA8L3RleHQ+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "html", "type": "textarea", "description": "html" } ], "values": { "html": "

hello world!!

" }, "template": "

\n <%= html %>\n

\n\n" }, "values": { "html": "\t" }, "uniqueId": "fc-block-2-bkl4jege4", "isChecked": false }, { "id": "fc-block-8-esgxpmlaw", "layout": { "id": "103", "description": "배경이미지가 있는 1단 텍스트", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHBhdGggZmlsbD0iI0I0QjRCNCIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMTFoNDh2MjJIMXoiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTYgMTdoMzh2Mkg2ek0xMSAyMWgyOHYySDExek02IDI1aDM4djJINnoiLz4KICAgIDx0ZXh0IGZpbGw9IiMwMEYiIGZvbnQtZmFtaWx5PSJMYXRvLCAnU3BvcWEgSGFuIFNhbnMnLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjgiIGZvbnQtd2VpZ2h0PSI0MDAiPgogICAgICA8dHNwYW4geD0iMjUiIHk9IjQ1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj5URVhUPC90c3Bhbj4KICAgIDwvdGV4dD4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextLeft", "type": "checkbox", "description": "use text left" }, { "name": "backgroundColorOpacity", "type": "number", "description": "1~100" }, { "name": "backgroundImageUrl", "type": "image", "description": "1920 x auto" }, { "name": "backgroundImageAlt", "type": "text", "description": "background image alt" }, { "name": "mobileBackgroundImageUrl", "type": "image", "description": "mobile background image url" }, { "name": "subTextColor", "type": "text", "description": "sub text color" }, { "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": "subText", "type": "textarea", "description": "sub text" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "textSize1", "type": "select", "description": "text size1", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text1", "type": "textarea", "description": "text1" }, { "name": "textSize2", "type": "select", "description": "text size2", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2", "type": "textarea", "description": "text2" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextLeft": false, "backgroundColorOpacity": 50, "backgroundImageUrl": "", "mobileBackgroundImageUrl": "", "subTextColor": "#000000", "subTextSize": "fc-h6-text", "subText": "", "textColor": "#000000", "textSize1": "fc-h4-text", "text1": "", "textSize2": "fc-content-text", "text2": "" }, "template": "

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

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

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %>;<% } %>; <% if (useTextLeft) { %> text-align: left;<% } %>\"><%= subText %>

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

\"\n style=\"<% if(textColor) { %>color: <%= textColor %>;<% } %>; <% if (useTextLeft) { %> text-align: left;<% } %>\"><%= text1 %>

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

\"\n style=\"<% if(textColor) { %>color: <%= textColor %>;<% } %>; <% if (useTextLeft) { %> text-align: left;<% } %>\"><%= text2 %>

\n <% } %>\n

background: <%= backgroundColor %>; <% } %>opacity: <%= backgroundColorOpacity/100 %>\">

\n" }, "values": { "paddingTop": "50", "paddingBottom": "50", "backgroundColor": "#121212", "useTextLeft": false, "backgroundColorOpacity": "80", "backgroundImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202103/102135-302/about-web.png", "mobileBackgroundImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202103/102233-302/about-mob.png", "textColor": "#ffffff", "textSize1": "fc-h6-text", "text1": "キム・ヒョンギュ
\nイラストレーター", "textSize2": "fc-content-text", "text2": "
\n\nこんにちは、
\nイラストレーターのキム・ヒョンギュです。
\n \n韓国と日本でゲーム会社のデザイナーと
\nフリーランスのデザイナーとして
15年間活動してきました。
\n完成度のある線画を重視する日本で
\n長年イラストと漫画の作業を通じて
\n男性キャラクター特有の線画を描いてきました。

\n \nウェブ漫画やコミックでも
\n男性キャラクターの必要性が高まっていて、
\n様々な実務でも必要とする
\nドローイングスキルだと思います。
\nまた女性キャラクターの
ドローイングだけでなく
\n男性キャラクターを
自由に描くことができれば
\nドローイングの範囲を広げることが
できると思います。

\n \n長い間イラストレーターとして活動してきて
\n一つの作品のために
\n数千、数万枚の失敗作を描いて捨てる
\n試行錯誤を経験しました。

\n \nそのような私の失敗経験を共有することで
\n受講生の方々の失敗は減らし、
\n完成度の高い線画のドローイングスキルを
\n学べるようにお教えします。", "spacing": "60", "backgroundImageAlt": "背景イメージ", "subTextColor": "#000000", "subTextSize": "fc-h6-text", "subText": "" }, "uniqueId": "fc-block-1-wjpihbery", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-6-hfqda7zkz", "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": "50", "paddingBottom": "50", "backgroundColor": "", "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202205/174831-568/illust-kimhyunkyu-avatar.png", "titleSize": "fc-h5-text", "title1": "キム・ヒョンギュ", "title2": "
", "contentSize": "fc-content-text", "content1": "現) フリーランスのイラストレーター", "content2": "2016 - 2021 フリーランス
\n- Creators Clan / 「ろくでなしBLUES2」漫画のキャラクターコンセプト
\n- 株式会社エイチーム(Ateam) / 「三国大戦スマッシュ」イラスト

\n2013 - 2016 APPLIBOT、Creators Clan
\n- Gangroad イラスト
\n- Gangroad Joker イラスト、漫画

\n2009 - 2012 (株)Rhaon Entertainment
\n- メインコンセプトデザイン、イラスト

\n2006 - 2009 (株)ONNET
\n- Qpang コンセプトデザイナー
\n- shot online メインコンセプトデザイン、メインイラスト

", "useNewTab": false, "link": "https://twitter.com/mumudrawing", "linkLabel": "Twitter", "imageAlt": "Coloso キム・ヒョンギュ" }, "hidden": false, "uniqueId": "fc-block-6-nhg4ora3f", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-4-0mvb2chgv", "layout": { "id": "899", "description": "직접 편집", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwMCIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTIiIGZvbnQtd2VpZ2h0PSI0MDAiPgogICAgICA8dHNwYW4geD0iMjUiIHk9IjMwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj4mbHQ7RElWJmd0OzwvdHNwYW4+CiAgICA8L3RleHQ+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "html", "type": "textarea", "description": "html" } ], "values": { "html": "

hello world!!

" }, "template": "

\n <%= html %>\n

\n\n" }, "values": { "html": "\t" }, "uniqueId": "fc-block-3-pl2nvrv7c", "isChecked": false }, { "id": "fc-block-60-fe3zytl30", "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": "#121212" }, "uniqueId": "fc-block-1-3uhdcnnsa", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-11-s8ezsh2u8", "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": { "paddingTop": "0", "paddingBottom": "0", "backgroundColor": "#121212", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#000000", "text": "\nこの講座のポイント", "startDate": "", "endDate": "", "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "" }, "uniqueId": "fc-block-3-54zkyf3xc", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-8-d757jnmmz", "layout": { "id": "204", "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='M26%206h18v3H26zM6%2028h18v3H6z'/%3e%3cpath%20fill='%23B4B4B4'%20stroke='%23000'%20stroke-width='2'%20d='M1%207h22v14H1zM27%2029h22v14H27z'/%3e%3cpath%20fill='%23000'%20d='M26%2013h18v2H26zM6%2035h18v2H6zM26%2017h12v2H26zM6%2039h12v2H6z'/%3e%3c/g%3e%3c/svg%3e", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "titleSize", "type": "select", "description": "title size", "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": "content size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "imageUrl1", "type": "image", "description": "고정넓이 480, 높이 320 ~ 640" }, { "name": "imageAlt1", "type": "text", "description": "image1 alt" }, { "name": "title1", "type": "text", "description": "title text 1" }, { "name": "content1", "type": "textarea", "description": "content text 1" }, { "name": "imageUrl2", "type": "image", "description": "고정넓이 480, 높이 320 ~ 640" }, { "name": "imageAlt2", "type": "text", "description": "image2 alt" }, { "name": "title2", "type": "text", "description": "title text 2" }, { "name": "content2", "type": "textarea", "description": "content text 2" } ], "values": { "backgroundColor": "", "paddingTop": "", "paddingBottom": "", "titleSize": "fc-h3-text", "contentSize": "fc-h5-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "", "title2": "", "content2": "" }, "template": "

;\">\n

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

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

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

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

\n <% } %>\n

\"><%= title1 %>

\"><%= content1 %>

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

\"><%= title2 %>

\"><%= content2 %>

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

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

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#121212", "titleSize": "fc-h5-text", "contentSize": "fc-content-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202106/173321-302/selling01.png", "title2": "ドローイングスキルの核心
魅力的な線画の表現方法", "content2": "イラスト全体の完成度を左右する線画作業を初心者でも簡単に学べるように、正しい線の使い方や線を利用した明暗処理の方法など、効率的な線画の表現方法についてお教えします。\n", "text": "* 본 이미지는 이해를 돕기위한 예시 이미지입니다.\n
\n", "imageAlt2": "Coloso キム・ヒョンギュ講座のポイント", "paddingTop": "", "paddingBottom": "" }, "isChecked": false, "uniqueId": "fc-block-7-pmvv92drx", "hasSyntaxErrorTags": false }, { "id": "fc-block-61-45rowugf7", "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": "#121212" }, "uniqueId": "fc-block-2-pk9myz5kr", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-37-h3t371uoh", "layout": { "id": "204", "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='M26%206h18v3H26zM6%2028h18v3H6z'/%3e%3cpath%20fill='%23B4B4B4'%20stroke='%23000'%20stroke-width='2'%20d='M1%207h22v14H1zM27%2029h22v14H27z'/%3e%3cpath%20fill='%23000'%20d='M26%2013h18v2H26zM6%2035h18v2H6zM26%2017h12v2H26zM6%2039h12v2H6z'/%3e%3c/g%3e%3c/svg%3e", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "titleSize", "type": "select", "description": "title size", "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": "content size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "imageUrl1", "type": "image", "description": "고정넓이 480, 높이 320 ~ 640" }, { "name": "imageAlt1", "type": "text", "description": "image1 alt" }, { "name": "title1", "type": "text", "description": "title text 1" }, { "name": "content1", "type": "textarea", "description": "content text 1" }, { "name": "imageUrl2", "type": "image", "description": "고정넓이 480, 높이 320 ~ 640" }, { "name": "imageAlt2", "type": "text", "description": "image2 alt" }, { "name": "title2", "type": "text", "description": "title text 2" }, { "name": "content2", "type": "textarea", "description": "content text 2" } ], "values": { "backgroundColor": "", "paddingTop": "", "paddingBottom": "", "titleSize": "fc-h3-text", "contentSize": "fc-h5-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "", "title2": "", "content2": "" }, "template": "

;\">\n

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

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

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

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

\n <% } %>\n

\"><%= title1 %>

\"><%= content1 %>

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

\"><%= title2 %>

\"><%= content2 %>

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

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

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#121212", "titleSize": "fc-h5-text", "contentSize": "fc-content-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202106/173327-302/selling02.png", "title2": "ジャンルを問わず多様に活用できる現代物の男性キャラクターのドローイング", "content2": "ウェブ漫画やウェブ小説など多様に活用できる現代物の男性キャラクター！男性キャラクターだけが持っている人体の美的なポイントと特有の果敢な線タッチの方法を学び、清純系、シック系、マッチョ系などコンセプトに合う顔のパーツのドローイング方法を通して様々なスキルを学ぶことができます。\n", "imageAlt2": "Coloso キム・ヒョンギュ講座のポイント", "paddingTop": "", "paddingBottom": "" }, "uniqueId": "fc-block-9-6c02cr6ym", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-18-o98tkg35h", "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": "#121212" }, "uniqueId": "fc-block-12-niy68k9dd", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-17-xux6poiah", "layout": { "id": "204", "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='M26%206h18v3H26zM6%2028h18v3H6z'/%3e%3cpath%20fill='%23B4B4B4'%20stroke='%23000'%20stroke-width='2'%20d='M1%207h22v14H1zM27%2029h22v14H27z'/%3e%3cpath%20fill='%23000'%20d='M26%2013h18v2H26zM6%2035h18v2H6zM26%2017h12v2H26zM6%2039h12v2H6z'/%3e%3c/g%3e%3c/svg%3e", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "titleSize", "type": "select", "description": "title size", "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": "content size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "imageUrl1", "type": "image", "description": "고정넓이 480, 높이 320 ~ 640" }, { "name": "imageAlt1", "type": "text", "description": "image1 alt" }, { "name": "title1", "type": "text", "description": "title text 1" }, { "name": "content1", "type": "textarea", "description": "content text 1" }, { "name": "imageUrl2", "type": "image", "description": "고정넓이 480, 높이 320 ~ 640" }, { "name": "imageAlt2", "type": "text", "description": "image2 alt" }, { "name": "title2", "type": "text", "description": "title text 2" }, { "name": "content2", "type": "textarea", "description": "content text 2" } ], "values": { "backgroundColor": "", "paddingTop": "", "paddingBottom": "", "titleSize": "fc-h3-text", "contentSize": "fc-h5-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "", "title2": "", "content2": "" }, "template": "

;\">\n

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

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

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

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

\n <% } %>\n

\"><%= title1 %>

\"><%= content1 %>

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

\"><%= title2 %>

\"><%= content2 %>

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

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

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#121212", "titleSize": "fc-h5-text", "contentSize": "fc-content-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202106/173332-302/selling03.png", "title2": " 細やかな服のデザインとパターン、しわの表現方法", "content2": "キャラクターの性格別に変わってくる服のデザイン方法とブレスレット、サングラス、ネックレスを通してキャラクター性を強調する方法を学び、パターンに似合うしわを演出する方法について学んでいきます。", "imageAlt2": "Coloso キム・ヒョンギュ講座のポイント", "paddingTop": "", "paddingBottom": "" }, "uniqueId": "fc-block-13-byaqtpwqz", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-62-7009m80vt", "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-3-di6v8ndxj", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-f9bv8hcp7", "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": { "paddingTop": "50", "paddingBottom": "25", "backgroundColor": "#ffffff", "useTextCenter": true, "textSize": "fc-h5-text", "textColor": "#000000", "text": "\n講座内容\n
\n\n下記のような内容を
学べます。\n\n", "startDate": "", "endDate": "", "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "" }, "uniqueId": "fc-block-4-xapuxexba", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-29-o5yg0hwf1", "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": "text", "description": "자유 입력" }, { "name": "text2", "type": "text", "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": "30", "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-mono", "text1Size": "fc-h6-text", "text2Size": "fc-content-text", "cards": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202103/095500-311/detail01.png", "text1": "失敗を減らす
正しい線の使い方", "text2": "球や円錐などを活用し、線の基本的な使い方を学んだ後に、線画によく使われる長くて柔らかい線を描く方法を学び応用していきます。", "imageAlt": "Coloso イラスト講座内容" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/181950-302/detail02-2.png", "text1": "男性キャラクター特有の
魅力的な顔のパーツの配置方法", "text2": "様々な角度の頭部の制作を通して、草食系、悪い男、体育会系など顔つきによって変わる顔のパーツの特徴を身につけ、コンセプトに合った髪型と表情を演出する方法を学んでいきます。", "imageAlt": "Coloso イラスト講座内容" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/181857-302/detail03-2.png", "text1": "筋肉の構造と
細かな描写の方法", "text2": "男女の人体の基本骨格と筋肉の相違点を身につけ、筋肉量が適度な一般男性の体型や筋肉が多い体型などコンセプトによって変わる体型やシルエットについて学んでいきます。", "imageAlt": "Coloso イラスト講座内容" } ], "useNewTab": true }, "uniqueId": "fc-block-8-hudzesj28", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-1rh2a4af6", "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": "text", "description": "자유 입력" }, { "name": "text2", "type": "text", "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": "#ffffff", "colorTheme": "theme-light-mono", "text1Size": "fc-h6-text", "text2Size": "fc-content-text", "cards": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/181906-302/detail04-2.png", "text1": "目/鼻/口/耳/あご/首の細かな人体表現 ", "text2": "自然な首の動きと顔の骨格の細かな顎、首と繋がっている僧帽筋を集中的に見ていき、立体感を加える人体表現の方法について学んでいきます。", "imageAlt": "Coloso イラスト講座内容" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/181912-302/detail05-2.png", "text1": "柔らかく自然な輪郭線を描く方法", "text2": "線と一回目の明暗を同時に入れて、線画で密度を高める様々な線引きスタイルについて学んでいきます。", "imageAlt": "Coloso イラスト講座内容" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202103/095545-311/detail06.png", "text1": "男性キャラクターが目立つイラストの演出", "text2": "ベースカラーと中間トーンを入れる方式で色付けを完成させた後に、男性美を表現するサングラス、タバコ、ブレスレットなどアクセサリーの演出方法や雨、風、雷など画面のボリューム感を出す演出方法についてお教えします。", "imageAlt": "Coloso イラスト講座内容" } ], "text2": "

\n캐릭터 일러스트를 꿈꾸시는 분들이 실제 실무에서 사용되는 프로세스를 접할 기회가 없기도하고, 실제 작업과정에 대한 궁금증을 많이 가지고 계시는데요. 이번 강의를 통해서 현재 현업에서의 실무 워크플로우와 저만의 드로잉 노하우를 아낌없이 공유하고자 합니다.\n", "text1": "\nQuestion.04
\n예비 수강생분들에게
\n한 마디 부탁드립니다.\n", "useNewTab": true }, "uniqueId": "fc-block-1-ggcfqi59g", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-2y9zzr104", "layout": { "id": "909", "description": "월 금액 강조 (동적 요소-2)", "icon": "data:image/svg+xml,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='1'%20y='1'%20width='48'%20height='48'%20fill='white'%20stroke='black'%20stroke-width='2'/%3e%3cpath%20d='M14.3463%2045H15.2743V42.768H16.1623C17.4423%2042.768%2018.3783%2042.176%2018.3783%2040.888C18.3783%2039.56%2017.4423%2039.112%2016.1303%2039.112H14.3463V45ZM15.2743%2042.024V39.856H16.0423C16.9783%2039.856%2017.4663%2040.112%2017.4663%2040.888C17.4663%2041.664%2017.0183%2042.024%2016.0743%2042.024H15.2743ZM20.454%2039.856H21.342C22.198%2039.856%2022.662%2040.104%2022.662%2040.816C22.662%2041.528%2022.198%2041.88%2021.342%2041.88H20.454V39.856ZM23.79%2045L22.35%2042.504C23.094%2042.272%2023.582%2041.728%2023.582%2040.816C23.582%2039.544%2022.67%2039.112%2021.454%2039.112H19.526V45H20.454V42.624H21.406L22.742%2045H23.79ZM24.7682%2045H25.6962V39.112H24.7682V45ZM29.5329%2045.104C30.2929%2045.104%2030.8929%2044.8%2031.3649%2044.256L30.8689%2043.672C30.5169%2044.056%2030.1009%2044.296%2029.5649%2044.296C28.5249%2044.296%2027.8689%2043.44%2027.8689%2042.04C27.8689%2040.656%2028.5729%2039.808%2029.5889%2039.808C30.0689%2039.808%2030.4369%2040.024%2030.7409%2040.336L31.2449%2039.744C30.8849%2039.352%2030.3089%2039%2029.5729%2039C28.0849%2039%2026.9169%2040.152%2026.9169%2042.072C26.9169%2044%2028.0529%2045.104%2029.5329%2045.104ZM32.4088%2045H35.9768V44.216H33.3368V42.312H35.4968V41.528H33.3368V39.888H35.8888V39.112H32.4088V45Z'%20fill='%230000FF'/%3e%3crect%20x='2'%20y='2'%20width='46'%20height='34'%20fill='black'/%3e%3crect%20x='28'%20y='21'%20width='3'%20height='5'%20fill='white'/%3e%3crect%20x='4'%20y='12'%20width='20'%20height='14'%20fill='%235A5A5A'/%3e%3crect%20x='33'%20y='18'%20width='3'%20height='8'%20fill='%235A5A5A'/%3e%3crect%20x='38'%20y='15'%20width='3'%20height='11'%20fill='%235A5A5A'/%3e%3crect%20x='43'%20y='12'%20width='3'%20height='14'%20fill='%235A5A5A'/%3e%3crect%20x='6'%20y='14'%20width='16'%20height='2'%20fill='black'/%3e%3crect%20x='6'%20y='18'%20width='12'%20height='2'%20fill='black'/%3e%3crect%20x='6'%20y='22'%20width='12'%20height='2'%20fill='black'/%3e%3c/svg%3e", "params": [ { "name": "paddingTop", "type": "number", "description": "padding-top" }, { "name": "paddingBottom", "type": "number", "description": "padding-bottom" }, { "name": "pointColor", "type": "text", "description": "포인트 컬러" }, { "name": "labelColor", "type": "text", "description": "라벨 컬러" }, { "name": "labels", "type": "list", "description": "라벨 리스트", "maxLength": 20, "params": [ { "name": "labelText", "type": "text", "description": "라벨 내용" } ] }, { "name": "title", "type": "text", "description": "layout head title" }, { "name": "title2", "type": "text", "description": "자동구성을 사용하고 싶지 않으시면 작성해주세요." }, { "name": "content", "type": "text", "description": "내용" } ], "values": { "paddingTop": 60, "paddingBottom": 60, "pointColor": "#ed2040", "labelColor": "#f9858d", "labels": [ { "labelText": "" }, { "labelText": "" } ], "title": "", "title2": "", "content": "" }, "template": "

rem; padding-bottom: <%= paddingBottom/10 %>rem;\"\n data-padding-top=\"<%= paddingTop || '0' %>\"\n data-padding-bottom=\"<%= paddingBottom || '0' %>\"\n data-point-color=\"<%= pointColor || '#ed2040' %>\"\n data-label-color=\"<%= labelColor || '#f9858d' %>\"\n data-label-codes=\"<%= labels.map(({ labelText }) => labelText) %>\"\n data-title=\"<%= title %>\"\n data-title2=\"<%= title2 %>\"\n data-content=\"<%= content %>\">\n

; border: 0.1rem solid <%= labelColor%>;\"><%= labelText %>

\n <%= title %>
\n <% if (title2.trim().length !== 0) { %>\n <%= title2 %>
\n <% } else { %>\n (자동 구성) 가격이 인상됩니다.\n <% } %>\n

<%= content %>

; border-color: <%= pointColor %>;\">지금이 최저가!

;\">

\n" }, "values": { "paddingTop": 60, "paddingBottom": 60, "pointColor": "#ed2040", "labelColor": "#f9858d", "labels": [ { "labelText": "" }, { "labelText": "" } ], "title": "", "title2": "", "content": "" }, "uniqueId": "fc-block-4-dn1bv9cbu", "isChecked": false, "hidden": true }, { "id": "fc-block-1-0bvwklfhj", "layout": { "id": "899", "description": "직접 편집", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwMCIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTIiIGZvbnQtd2VpZ2h0PSI0MDAiPgogICAgICA8dHNwYW4geD0iMjUiIHk9IjMwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj4mbHQ7RElWJmd0OzwvdHNwYW4+CiAgICA8L3RleHQ+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "html", "type": "textarea", "description": "html" } ], "values": { "html": "

hello world!!

" }, "template": "

\n <%= html %>\n

\n\n" }, "values": { "html": "\t" }, "uniqueId": "fc-block-5-zitlx8zru", "isChecked": false }, { "id": "fc-block-27-b76sd9gwk", "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": { "paddingTop": "50", "paddingBottom": "20", "backgroundColor": "#ffffff", "useTextCenter": true, "textSize": "fc-h5-text", "textColor": "#000000", "text": "\nカリキュラム\n
\n\nカリキュラム内容の
ご紹介\n\n", "startDate": "", "endDate": "", "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "" }, "uniqueId": "fc-block-19-j8z5etggc", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-10-kgzinhhoj", "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": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "SECTION 01. 線のドローイングの基礎", "layoutType": "fc-label-type2", "labelColor": "#333333" }, "uniqueId": "fc-block-3-ynbz4munr", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-8-309z42umw", "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": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202106/152321-465/curri-01.png" } ], "title": "01. 講座の紹介とドローイングの基礎", "contents": [ { "content": "講師と講座の方向性の紹介" }, { "content": "球（円）や円錐などを活用した線の基本的な使い方 " }, { "content": "線を重ねて明暗をつける方法" }, { "content": "長くて柔らかい線を使う" }, { "content": "ドローイングする時によくするミス" }, { "content": "興味のあるテーマを中心に描いてみる" } ], "buttonColor": "#ED2040", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": false }, "uniqueId": "fc-block-4-76ftytsz3", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-15-np1ilfjx6", "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-5-vjz8bk8sr", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-i9nnmc41f", "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": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "SECTION 02. 男性キャラクターのコンセプト別の顔のパーツドローイング", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-1-qhty5sduc", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-11-fr62jux9w", "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": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/182002-302/curri02.png" } ], "title": "02. 頭部のドローイング基礎", "contents": [ { "content": "顔のパーツの配置方法" }, { "content": "様々な角度の頭部制作" }, { "content": "首の動きとそれに伴う筋肉の変化" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-7-1s8urm004", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-13-too0uua5h", "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-8-btbkwheus", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-14-48xi2p7m8", "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": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/182010-302/curri03.png" } ], "title": "03. 魅力的な男性キャラクターの顔のパーツドローイング１", "contents": [ { "content": "清純系、草食系男子の顔立ちの特徴を理解する" }, { "content": "特徴に合う顔のパーツのドローイング" }, { "content": "目と鼻を集中的に見る" }, { "content": "コンセプトに合った髪型のドローイング方法" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": false }, "uniqueId": "fc-block-9-9dbrat5cm", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-8-cvuo1dxjj", "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-6-uexplq56f", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-lk5losilc", "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": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/182018-302/curri04.png" } ], "title": "04. 魅力的な男性キャラクターの顔のパーツドローイング２", "contents": [ { "content": "シック系男子、悪い男の顔立ちの特徴を理解する" }, { "content": "特徴に合う顔のパーツのドローイング" }, { "content": "口と耳を集中的に見る" }, { "content": "コンセプトに合った髪型のドローイング方法" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": false }, "uniqueId": "fc-block-2-xi46dh22a", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-9-k6850sx3q", "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-7-r7ez23y1r", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-4-3reafbjqq", "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": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/182026-302/curri05.png" } ], "title": "05. 魅力的な男性キャラクターの顔のパーツドローイング３", "contents": [ { "content": "体育会系、マッチョ系男子の顔立ちの特徴を理解する" }, { "content": "特徴に合う顔のパーツのドローイング" }, { "content": "顎、首と繋がっている僧帽筋を集中的に見る" }, { "content": "コンセプトに合った髪型のドローイング方法" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": false }, "uniqueId": "fc-block-3-1gpvdgklj", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-10-lco18hegk", "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-8-ffooybgfw", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-gep2139j2", "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": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202205/143231-568/curri06.png" } ], "title": "06. 魅力的な男性キャラクターの顔のパーツドローイング４", "contents": [ { "content": "顔の骨格のディテール" }, { "content": "表情を演出する方法" }, { "content": "カジュアルな頭部デザインの方法" }, { "content": "人間の骨格をベースにした独特な頭部を描く" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": false }, "uniqueId": "fc-block-4-yqme31vxs", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-17-c3fbf5621", "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-10-t5rwuuchx", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-hnoxop650", "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": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "SECTION 03. 男性キャラクターの人体の特徴の把握及びドローイング", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-3-brzy0mj9i", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-18-xak3yt6j8", "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": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202205/143258-568/curri07.png" } ], "title": "07. 男女の基礎全身ドローイング１", "contents": [ { "content": "全身の比率を合わせる" }, { "content": "ボックスの形に骨組の基礎を具体化する方法" }, { "content": "男女の体の基本骨格およびボックス型の違い" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": false }, "uniqueId": "fc-block-11-kfnqk1d6h", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-22-5m3veim5n", "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-12-6zj3r8qwf", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-19-9zdgaxpub", "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": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202205/143239-568/curri08.png" } ], "title": "08. 男女の基礎全身ドローイング２", "contents": [ { "content": "筋肉の仕組みと理解" }, { "content": "手と足を描いてみる" }, { "content": "人体のデフォルメの表現" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": false }, "uniqueId": "fc-block-14-1i3w2tddu", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-23-xr63g7otd", "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-15-k3x1fmg4p", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-20-2i0tc2s88", "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": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202205/143304-568/curri09.png" } ], "title": "09. 男性キャラクターの人体深化編１", "contents": [ { "content": "草食系：適切な筋肉量の一般体型" }, { "content": "シック系：細い筋肉が発達している体型" }, { "content": "マッチョ系：筋肉過多型" }, { "content": "キャラクターの顔のパーツとコンセプトによる体型とシルエットの研究" }, { "content": "男性キャラクターを魅力的に引き立たせる血管の描写" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": false }, "uniqueId": "fc-block-16-ipitb3bua", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-7boorimj5", "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-9-cqz9p1xvg", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-6-7t3jk55wu", "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": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202205/143308-568/curri10.png" } ], "title": "10. 男性キャラクターの人体深化編２", "contents": [ { "content": "動勢変化による筋肉のねじれと変化" }, { "content": "筋肉のディテールな描写方法" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": false }, "uniqueId": "fc-block-5-x4jyt4bsr", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-6-zmi57prxp", "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-10-kv2es7ac5", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-7-nwradk2ac", "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": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/182119-302/curri11.png" } ], "title": "11. 人体ドローイングの様々なポーズ", "contents": [ { "content": "全身を利用した基本ポーズ" }, { "content": "上半身中心のポーズ" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": false }, "uniqueId": "fc-block-6-rl8u82xrf", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-29-y9dztnzqf", "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-6-77979kmwg", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-21-tustda9w9", "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": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202205/143314-568/curri12.png" } ], "title": "12. 人体ドローイングの様々な角度と構造", "contents": [ { "content": "透視" }, { "content": "画面を構成する方法" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": false }, "uniqueId": "fc-block-18-dfvvm5g50", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-27-vlidfz7th", "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" }, "isChecked": false, "uniqueId": "fc-block-20-3msbwez1o", "hasSyntaxErrorTags": false }, { "id": "fc-block-31-xfdsgr3b2", "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": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/182137-302/curri13.png" } ], "title": "13. フィット感と服のしわの研究", "contents": [ { "content": "キャラクターの性格に合った服のデザイン" }, { "content": "アクセサリーの活用によるキャラクター性を強調する方法" }, { "content": "服のパターンとしわの研究" }, { "content": "キャラクターの性格に合った服とパターンデザインの研究" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": false }, "uniqueId": "fc-block-21-z3jc5imp9", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-7-pmop0k3cz", "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-12-xwcxe3s5g", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-vml2m8ifc", "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": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "SECTION 04. 男性キャラクターイラストのドローイングスキルの実習", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-2-ay0vc78lu", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-32-vcwfauql8", "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": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/182148-302/curri14.png" } ], "title": "14. イラスト制作のためのラフを描いてみる", "contents": [ { "content": "総合的な基本固め" }, { "content": "自由な動勢の表現" }, { "content": "イラストの画面を構成する方法" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": false }, "uniqueId": "fc-block-22-y8ym2j2px", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-19-bkzgm6dmi", "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-13-6s7inj5ve", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-18-6zj1v5xgy", "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": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/182159-302/curri15.png" } ], "title": "15. 線引き基礎１", "contents": [ { "content": "線の形が不自然な理由" }, { "content": "柔らかくて自然な輪郭線の描き方" }, { "content": "線の味をいかすポイント" }, { "content": "顔の線を描く時の注意点" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": false }, "uniqueId": "fc-block-14-2m7na0ppo", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-48-724rmx2f1", "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-9-injs1e1zk", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-8-m1ug6rnlr", "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": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/182209-302/curri16.png" } ], "title": "16. 線引き基礎２", "contents": [ { "content": "線と一回目の明暗を同時に入れて線画で密度を上げる" }, { "content": "自分の絵に適したブラシを選択" }, { "content": "ブラシの使い方" }, { "content": "線のタッチ感のいかし方" }, { "content": "様々な線引きのスタイルの研究" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": false }, "uniqueId": "fc-block-7-rbsvu5p3x", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-30-f63azcckm", "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-8-rf1bi9iv0", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-9-pgn7dzepj", "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": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/182317-302/curri17.png" } ], "title": "17. 光と影", "contents": [ { "content": "基本的な光の設定方法" }, { "content": "光の影響を受ける部分と受けない部分を探す" }, { "content": "点、線、面のドローイング" }, { "content": "塊を作る" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": false }, "uniqueId": "fc-block-8-psenm82dg", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-49-5h5nw75lb", "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-10-6o8vno4rs", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-34-7trd2lsrk", "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": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/182325-302/curri18.png" } ], "title": "18. ブラシの特徴を活用して中間トーンを作る", "contents": [ { "content": "色付けの密度を上げる" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": false }, "uniqueId": "fc-block-24-1fx9ymbqu", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-50-n0bfx2yxt", "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-11-undwqni5u", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-mg1vyd5hv", "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": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "SECTION 05. 男性キャラクターイラストの最初から演出まで", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-5-e2w7ixlz1", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-28-afjd0awvs", "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": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/182334-302/curri19.png" } ], "title": "19. 男性キャラクターイラストの最初から完成まで１- スケッチ&線画", "contents": [ { "content": "キャラクターのコンセプトを決める" }, { "content": "ラフスケッチを描いてみる" }, { "content": "線の味をいかして線画作業を完成させる" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": false }, "uniqueId": "fc-block-25-i29nd1h1a", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-51-92qsd60cb", "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-12-effarqzru", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-29-4y9m32v5t", "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": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202205/143322-568/curri20.png" } ], "title": "20. 男性キャラクターイラストの最初から完成まで２- 明暗と色付け", "contents": [ { "content": "ベースカラーを入れる" }, { "content": "一回目の明暗を入れてみる" }, { "content": "中間トーンを入れる" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": false }, "uniqueId": "fc-block-26-vqk774mh0", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-52-xise09x44", "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-13-tyu6uognt", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-4-q4g8bqaq2", "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": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/182359-302/curri21.png" } ], "title": "21. 男性キャラクターイラストの最初から完成まで３- 最後の補正", "contents": [ { "content": "密度を上げる" }, { "content": "色の補正と仕上げ" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": false }, "uniqueId": "fc-block-3-ctbnv39xw", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-fanepmkus", "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-4-8evf5icuv", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-31-w7glpr4xp", "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": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/182408-302/curri22.png" } ], "title": "22. 完成形のイラストを詳しく見る - 演出", "contents": [ { "content": "男性キャラクターが引き立つアクセサリーを構成する方法：サングラス、タバコ、ブレスレット、ネックレスなど" }, { "content": "画面のボリューム感を出す背景を演出する方法：雨、風、雷、ネオンサインなど" }, { "content": "キャラクターの逆光を演出する方法" }, { "content": "ポートフォリオを構成する方法" }, { "content": "終わりの挨拶" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": false }, "uniqueId": "fc-block-14-aynwafy89", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-24-vb5789d1g", "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": "#ffffff" }, "uniqueId": "fc-block-9-1t2w72x5x", "isChecked": false, "hidden": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-38-ufm00e40e", "layout": { "id": "103", "description": "배경이미지가 있는 1단 텍스트", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHBhdGggZmlsbD0iI0I0QjRCNCIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMTFoNDh2MjJIMXoiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTYgMTdoMzh2Mkg2ek0xMSAyMWgyOHYySDExek02IDI1aDM4djJINnoiLz4KICAgIDx0ZXh0IGZpbGw9IiMwMEYiIGZvbnQtZmFtaWx5PSJMYXRvLCAnU3BvcWEgSGFuIFNhbnMnLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjgiIGZvbnQtd2VpZ2h0PSI0MDAiPgogICAgICA8dHNwYW4geD0iMjUiIHk9IjQ1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj5URVhUPC90c3Bhbj4KICAgIDwvdGV4dD4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextLeft", "type": "checkbox", "description": "use text left" }, { "name": "backgroundColorOpacity", "type": "number", "description": "1~100" }, { "name": "backgroundImageUrl", "type": "image", "description": "1920 x auto" }, { "name": "backgroundImageAlt", "type": "text", "description": "background image alt" }, { "name": "mobileBackgroundImageUrl", "type": "image", "description": "mobile background image url" }, { "name": "subTextColor", "type": "text", "description": "sub text color" }, { "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": "subText", "type": "textarea", "description": "sub text" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "textSize1", "type": "select", "description": "text size1", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text1", "type": "textarea", "description": "text1" }, { "name": "textSize2", "type": "select", "description": "text size2", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2", "type": "textarea", "description": "text2" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextLeft": false, "backgroundColorOpacity": 50, "backgroundImageUrl": "", "mobileBackgroundImageUrl": "", "subTextColor": "#000000", "subTextSize": "fc-h6-text", "subText": "", "textColor": "#000000", "textSize1": "fc-h4-text", "text1": "", "textSize2": "fc-content-text", "text2": "" }, "template": "

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

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

\"\n style=\"<% if(subTextColor) { %>color: <%= subTextColor %>;<% } %>; <% if (useTextLeft) { %> text-align: left;<% } %>\"><%= subText %>

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

\"\n style=\"<% if(textColor) { %>color: <%= textColor %>;<% } %>; <% if (useTextLeft) { %> text-align: left;<% } %>\"><%= text1 %>

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

\"\n style=\"<% if(textColor) { %>color: <%= textColor %>;<% } %>; <% if (useTextLeft) { %> text-align: left;<% } %>\"><%= text2 %>

\n <% } %>\n

background: <%= backgroundColor %>; <% } %>opacity: <%= backgroundColorOpacity/100 %>\">

\n" }, "values": { "paddingTop": "50", "paddingBottom": "55", "backgroundColor": " #121212", "useTextLeft": false, "backgroundColorOpacity": "70", "backgroundImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202103/102635-302/interviewtitle.png", "mobileBackgroundImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202103/102643-302/interview-mob.png", "textColor": "#ffffff", "textSize1": "fc-h6-text", "text1": "インタビュー
\n\n イラストレーター
キム・ヒョンギュが
\n お話したいこと\n\n", "textSize2": "fc-content-text", "text2": "", "backgroundImageAlt": "背景イメージ", "subTextColor": "#000000", "subTextSize": "fc-h6-text", "subText": "" }, "uniqueId": "fc-block-25-gd9litaet", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-41-h6jwrm9hj", "layout": { "id": "102", "description": "2단 자유 텍스트", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlRFWFQ8L3RzcGFuPgogICAgPC90ZXh0PgogICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNiAxOGgxOHYySDZ6TTI2IDE4aDE4djJIMjZ6TTYgMjJoMTh2Mkg2ek0yNiAyMmgxOHYySDI2ek02IDI2aDEydjJINnpNMjYgMjZoMTJ2MkgyNnoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "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": "textSize1", "type": "select", "description": "text size1", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor1", "type": "text", "description": "text color1" }, { "name": "text1", "type": "textarea", "description": "text1" }, { "name": "textSize2", "type": "select", "description": "text size2", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor2", "type": "text", "description": "text color2" }, { "name": "text2", "type": "textarea", "description": "text2" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "", "textSize1": "fc-h4-text", "textColor1": "#000000", "text1": "", "textSize2": "fc-h4-text", "textColor2": "#000000", "text2": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n

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

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

\n <% } %>\n

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

\" style=\"<% if(textColor1) { %>color: <%= textColor1 %><% } %>\">\n <%= text1 %>\n

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

\" style=\"<% if(textColor2) { %>color: <%= textColor2 %><% } %>\">\n <%= text2 %>\n

\n <% } %>\n

\n" }, "values": { "paddingTop": "30", "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize1": "fc-content-text", "textColor1": "#333333", "text1": "\nQuestion.01
\nイラストレーターとして
自らの長所は何だと思いますか？\n", "textSize2": "fc-content-text", "textColor2": "#333333", "text2": "

\n線画だけでキャラクターの自然な動勢表現と魅力的な作品を完成させることが私の強みだと言えるでしょう。もう一つの強みといえば、線画を重視する日本で長年重ねてきた経験を通じて、表現を極大化する線の雰囲気と魅力的な男性キャラクターを描くノウハウを教えることができます。", "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "" }, "uniqueId": "fc-block-26-pokmi8ybr", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-44-pa1fjxy8i", "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": "30", "paddingBottom": "30", "borderColor": "#c8c8d2", "borderSize": "1" }, "uniqueId": "fc-block-27-34baxstc4", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-43-ipmkxc8ia", "layout": { "id": "102", "description": "2단 자유 텍스트", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlRFWFQ8L3RzcGFuPgogICAgPC90ZXh0PgogICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNiAxOGgxOHYySDZ6TTI2IDE4aDE4djJIMjZ6TTYgMjJoMTh2Mkg2ek0yNiAyMmgxOHYySDI2ek02IDI2aDEydjJINnpNMjYgMjZoMTJ2MkgyNnoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "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": "textSize1", "type": "select", "description": "text size1", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor1", "type": "text", "description": "text color1" }, { "name": "text1", "type": "textarea", "description": "text1" }, { "name": "textSize2", "type": "select", "description": "text size2", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor2", "type": "text", "description": "text color2" }, { "name": "text2", "type": "textarea", "description": "text2" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "", "textSize1": "fc-h4-text", "textColor1": "#000000", "text1": "", "textSize2": "fc-h4-text", "textColor2": "#000000", "text2": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n

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

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

\n <% } %>\n

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

\" style=\"<% if(textColor1) { %>color: <%= textColor1 %><% } %>\">\n <%= text1 %>\n

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

\" style=\"<% if(textColor2) { %>color: <%= textColor2 %><% } %>\">\n <%= text2 %>\n

\n <% } %>\n

\n" }, "values": { "paddingTop": "30", "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize1": "fc-content-text", "textColor1": "#333333", "text1": "\nQuestion.02
\n今回の講座の
主要ポイントは何ですか?\n", "textSize2": "fc-content-text", "textColor2": "#333333", "text2": "

\n私の経験から言うと、最もミスの多い部分はラフ段階での自由な線の表現が、線画作業になると形が不自然になって硬くなってしまう場合です。私の講座でラフ段階での自由な線を上手く整理する方法と線を利用した明暗の付け方を学べるよう準備してみました。", "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "" }, "uniqueId": "fc-block-28-pakt8dxj4", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-45-vs719ovm9", "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": "30", "paddingBottom": "30", "borderColor": "#c8c8d2", "borderSize": "1" }, "uniqueId": "fc-block-29-9ejrnb3us", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-42-o4vy59lfk", "layout": { "id": "102", "description": "2단 자유 텍스트", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlRFWFQ8L3RzcGFuPgogICAgPC90ZXh0PgogICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNiAxOGgxOHYySDZ6TTI2IDE4aDE4djJIMjZ6TTYgMjJoMTh2Mkg2ek0yNiAyMmgxOHYySDI2ek02IDI2aDEydjJINnpNMjYgMjZoMTJ2MkgyNnoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "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": "textSize1", "type": "select", "description": "text size1", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor1", "type": "text", "description": "text color1" }, { "name": "text1", "type": "textarea", "description": "text1" }, { "name": "textSize2", "type": "select", "description": "text size2", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor2", "type": "text", "description": "text color2" }, { "name": "text2", "type": "textarea", "description": "text2" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "", "textSize1": "fc-h4-text", "textColor1": "#000000", "text1": "", "textSize2": "fc-h4-text", "textColor2": "#000000", "text2": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n

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

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

\n <% } %>\n

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

\" style=\"<% if(textColor1) { %>color: <%= textColor1 %><% } %>\">\n <%= text1 %>\n

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

\" style=\"<% if(textColor2) { %>color: <%= textColor2 %><% } %>\">\n <%= text2 %>\n

\n <% } %>\n

\n" }, "values": { "paddingTop": "30", "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize1": "fc-content-text", "textColor1": "#333333", "text1": "\nQuestion.03
\n\nカリキュラムを構成する時に
\n 何に重点を置きましたか？\n\n", "textSize2": "fc-content-text", "textColor2": "#333333", "text2": "

\n「簡単で楽しく」学べるように基本をしっかり鍛えて、自分だけのスキルをお教えするつもりです。単にスキル的な内容だけを学ぶのではなく、受講生の皆さんが個性のある絵を開発する上で役立つよう、多様に応用できるカリキュラムで構成しました。", "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "" }, "uniqueId": "fc-block-30-motcmhuoj", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-31-vbr3bhhqa", "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": "30", "paddingBottom": "30", "borderColor": "#c8c8d2", "borderSize": "1" }, "uniqueId": "fc-block-13-63rtdwhko", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-30-07463lpz2", "layout": { "id": "102", "description": "2단 자유 텍스트", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlRFWFQ8L3RzcGFuPgogICAgPC90ZXh0PgogICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNiAxOGgxOHYySDZ6TTI2IDE4aDE4djJIMjZ6TTYgMjJoMTh2Mkg2ek0yNiAyMmgxOHYySDI2ek02IDI2aDEydjJINnpNMjYgMjZoMTJ2MkgyNnoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "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": "textSize1", "type": "select", "description": "text size1", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor1", "type": "text", "description": "text color1" }, { "name": "text1", "type": "textarea", "description": "text1" }, { "name": "textSize2", "type": "select", "description": "text size2", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor2", "type": "text", "description": "text color2" }, { "name": "text2", "type": "textarea", "description": "text2" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "", "textSize1": "fc-h4-text", "textColor1": "#000000", "text1": "", "textSize2": "fc-h4-text", "textColor2": "#000000", "text2": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n

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

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

\n <% } %>\n

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

\" style=\"<% if(textColor1) { %>color: <%= textColor1 %><% } %>\">\n <%= text1 %>\n

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

\" style=\"<% if(textColor2) { %>color: <%= textColor2 %><% } %>\">\n <%= text2 %>\n

\n <% } %>\n

\n" }, "values": { "paddingTop": "30", "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize1": "fc-content-text", "textColor1": "#333333", "text1": "\nQuestion.04
\n\nどのような方々に
この講座をお勧めしますか？\n", "textSize2": "fc-content-text", "textColor2": "#333333", "text2": "

\n私の講座は何より動機付けとインスピレーションを与えるのが目標です。絵の基礎的なテクニックを身につけたい方、あるいは線画をベースにしたイラスト、ウェブ漫画を描きたい方に線を使う方法を学習させ、インスピレーションを与える機会になると思います。", "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "" }, "uniqueId": "fc-block-14-mur3qky3f", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-46-g1asvth76", "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": "#ffffff" }, "uniqueId": "fc-block-32-lkurows2d", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-41-1quhtlyd4", "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": "#121212" }, "uniqueId": "fc-block-2-blu50v794", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-16-hakbvrp17", "layout": { "id": "204", "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='M26%206h18v3H26zM6%2028h18v3H6z'/%3e%3cpath%20fill='%23B4B4B4'%20stroke='%23000'%20stroke-width='2'%20d='M1%207h22v14H1zM27%2029h22v14H27z'/%3e%3cpath%20fill='%23000'%20d='M26%2013h18v2H26zM6%2035h18v2H6zM26%2017h12v2H26zM6%2039h12v2H6z'/%3e%3c/g%3e%3c/svg%3e", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "titleSize", "type": "select", "description": "title size", "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": "content size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "imageUrl1", "type": "image", "description": "고정넓이 480, 높이 320 ~ 640" }, { "name": "imageAlt1", "type": "text", "description": "image1 alt" }, { "name": "title1", "type": "text", "description": "title text 1" }, { "name": "content1", "type": "textarea", "description": "content text 1" }, { "name": "imageUrl2", "type": "image", "description": "고정넓이 480, 높이 320 ~ 640" }, { "name": "imageAlt2", "type": "text", "description": "image2 alt" }, { "name": "title2", "type": "text", "description": "title text 2" }, { "name": "content2", "type": "textarea", "description": "content text 2" } ], "values": { "backgroundColor": "", "paddingTop": "", "paddingBottom": "", "titleSize": "fc-h3-text", "contentSize": "fc-h5-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "", "title2": "", "content2": "" }, "template": "

;\">\n

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

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

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

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

\n <% } %>\n

\"><%= title1 %>

\"><%= content1 %>

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

\"><%= title2 %>

\"><%= content2 %>

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

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

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#121212", "titleSize": "fc-h5-text", "contentSize": "fc-content-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202012/184934-288/parkpyeongjun-program.png", "title2": " 使用プログラムについて
ご案内します。", "content2": "\n当講座は、以下のツールを使用します。

\n\n[メインツール]
\n– Wacom Intuos
\n– Adobe Photoshop CC

\n\n※円滑な受講のため、最新バージョンのご使用を推奨します。\n\n\n\n", "text1": "\nQuestion.02
\n일러스트에서 본인만의 개성은
\n어떻게 찾아야 할까요?\n", "imageAlt2": "Wacom Intuos, Adobe Photoshop CC", "paddingTop": "", "paddingBottom": "" }, "uniqueId": "fc-block-5-whlyz4aii", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-47-ki5ez5zwn", "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": "#121212" }, "uniqueId": "fc-block-33-tks6kv39f", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-8s4gbhahg", "layout": { "id": "899", "description": "직접 편집", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwMCIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTIiIGZvbnQtd2VpZ2h0PSI0MDAiPgogICAgICA8dHNwYW4geD0iMjUiIHk9IjMwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj4mbHQ7RElWJmd0OzwvdHNwYW4+CiAgICA8L3RleHQ+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "html", "type": "textarea", "description": "html" } ], "values": { "html": "

hello world!!

" }, "template": "

\n <%= html %>\n

\n\n" }, "values": { "html": "\t" }, "uniqueId": "fc-block-6-9zkc5ocj0", "isChecked": false }, { "id": "fc-block-15-t8ve2flv0", "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": { "paddingTop": "40", "paddingBottom": "30", "backgroundColor": "#fff", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#000000", "text": "おすすめの講座
\nこの講座を見た方は
\nこちらもチェック！", "startDate": "", "endDate": "", "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "" }, "uniqueId": "fc-block-1-5vz4sxqv3", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-8-4314ah0yg", "layout": { "id": "215", "description": "캐러셀형 코스카드", "icon": "data:image/svg+xml,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='1'%20y='1'%20width='48'%20height='48'%20fill='white'%20stroke='black'%20stroke-width='2'/%3e%3crect%20x='5'%20y='11'%20width='7'%20height='6'%20fill='%23B4B4B4'%20stroke='black'%20stroke-width='2'/%3e%3crect%20x='16'%20y='11'%20width='7'%20height='6'%20fill='%23B4B4B4'%20stroke='black'%20stroke-width='2'/%3e%3crect%20x='27'%20y='11'%20width='7'%20height='6'%20fill='%23B4B4B4'%20stroke='black'%20stroke-width='2'/%3e%3crect%20x='38'%20y='11'%20width='7'%20height='6'%20fill='%23B4B4B4'%20stroke='black'%20stroke-width='2'/%3e%3crect%20x='4'%20y='20'%20width='9'%20height='2'%20fill='black'/%3e%3crect%20x='15'%20y='20'%20width='9'%20height='2'%20fill='black'/%3e%3crect%20x='26'%20y='20'%20width='9'%20height='2'%20fill='black'/%3e%3crect%20x='37'%20y='20'%20width='9'%20height='2'%20fill='black'/%3e%3cpath%20d='M36%2031L30%2034V28L36%2031Z'%20fill='black'/%3e%3cpath%20d='M14%2031L20%2028V34L14%2031Z'%20fill='black'/%3e%3crect%20x='26'%20y='27'%20width='8'%20height='2'%20transform='rotate(90%2026%2027)'%20fill='black'/%3e%3cpath%20d='M15.2517%2045.104C16.0117%2045.104%2016.6117%2044.8%2017.0837%2044.256L16.5877%2043.672C16.2357%2044.056%2015.8197%2044.296%2015.2837%2044.296C14.2437%2044.296%2013.5877%2043.44%2013.5877%2042.04C13.5877%2040.656%2014.2917%2039.808%2015.3077%2039.808C15.7877%2039.808%2016.1557%2040.024%2016.4597%2040.336L16.9637%2039.744C16.6037%2039.352%2016.0277%2039%2015.2917%2039C13.8037%2039%2012.6357%2040.152%2012.6357%2042.072C12.6357%2044%2013.7717%2045.104%2015.2517%2045.104ZM19.8076%2045.104C20.8956%2045.104%2021.8796%2044.264%2021.8796%2042.808C21.8796%2041.336%2020.8956%2040.488%2019.8076%2040.488C18.7196%2040.488%2017.7356%2041.336%2017.7356%2042.808C17.7356%2044.264%2018.7196%2045.104%2019.8076%2045.104ZM19.8076%2044.352C19.1196%2044.352%2018.6876%2043.736%2018.6876%2042.808C18.6876%2041.872%2019.1196%2041.248%2019.8076%2041.248C20.5036%2041.248%2020.9356%2041.872%2020.9356%2042.808C20.9356%2043.736%2020.5036%2044.352%2019.8076%2044.352ZM24.2496%2045.104C24.8576%2045.104%2025.2896%2044.8%2025.6896%2044.336H25.7136L25.7856%2045H26.5376V40.6H25.6176V43.656C25.2496%2044.12%2024.9696%2044.312%2024.5616%2044.312C24.0416%2044.312%2023.8256%2044.016%2023.8256%2043.256V40.6H22.9056V43.368C22.9056%2044.488%2023.3136%2045.104%2024.2496%2045.104ZM27.9226%2045H28.8346V42.256C29.1146%2041.56%2029.5466%2041.312%2029.9066%2041.312C30.0826%2041.312%2030.1946%2041.336%2030.3466%2041.384L30.5146%2040.584C30.3786%2040.52%2030.2346%2040.488%2030.0186%2040.488C29.5466%2040.488%2029.0826%2040.824%2028.7706%2041.392H28.7466L28.6746%2040.6H27.9226V45ZM32.3411%2045.104C33.4291%2045.104%2034.0131%2044.504%2034.0131%2043.768C34.0131%2042.936%2033.3331%2042.664%2032.7171%2042.432C32.2371%2042.256%2031.7811%2042.112%2031.7811%2041.736C31.7811%2041.432%2032.0051%2041.192%2032.4851%2041.192C32.8531%2041.192%2033.1651%2041.352%2033.4691%2041.576L33.9011%2041.008C33.5411%2040.728%2033.0611%2040.488%2032.4691%2040.488C31.5011%2040.488%2030.9091%2041.04%2030.9091%2041.776C30.9091%2042.52%2031.5811%2042.832%2032.1651%2043.056C32.6451%2043.24%2033.1411%2043.416%2033.1411%2043.816C33.1411%2044.152%2032.8931%2044.408%2032.3651%2044.408C31.8931%2044.408%2031.5091%2044.216%2031.1171%2043.904L30.6851%2044.496C31.1091%2044.848%2031.7331%2045.104%2032.3411%2045.104ZM36.8249%2045.104C37.4009%2045.104%2037.9049%2044.912%2038.3129%2044.64L37.9929%2044.056C37.6729%2044.264%2037.3369%2044.384%2036.9449%2044.384C36.1849%2044.384%2035.6569%2043.88%2035.5849%2043.04H38.4409C38.4649%2042.936%2038.4809%2042.752%2038.4809%2042.576C38.4809%2041.328%2037.8569%2040.488%2036.6889%2040.488C35.6569%2040.488%2034.6809%2041.376%2034.6809%2042.808C34.6809%2044.256%2035.6329%2045.104%2036.8249%2045.104ZM35.5769%2042.408C35.6649%2041.632%2036.1529%2041.208%2036.7049%2041.208C37.3449%2041.208%2037.6889%2041.648%2037.6889%2042.408H35.5769Z'%20fill='%230000FF'/%3e%3c/svg%3e", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "colorTheme", "type": "select", "description": "컬러 테마를 설정할 수 있습니다.
-라이트 모드 (default)
-다크 모드", "options": [ "theme--light", "theme--dark" ] }, { "name": "mobileColumnCount", "type": "select", "description": "모바일 카드 배열: 1단/2단", "options": [ 1, 2 ] }, { "name": "useNewTab", "type": "checkbox", "description": "use new tab" }, { "name": "title", "type": "text", "description": "레이아웃 제목" }, { "name": "reverseOrder", "type": "checkbox", "description": "체크하면 목록이 역순으로 나열됩니다.\n페이지 > 미리보기에서 확인해주세요" }, { "name": "courseList", "type": "list", "description": "이 레이아웃은 컴포저의 실시간 미리보기 지원이 불가합니다.\n페이지의 미리보기 기능을 활용해주세요.", "maxLength": 100, "params": [ { "name": "courseId", "type": "text", "description": "course id", "isRequired": true }, { "name": "imageBadge", "type": "text", "description": "공백 없이 최대 4글자까지 입력이 가능합니다.", "isRequired": true }, { "name": "imageBadgeBackgroundColor", "type": "text", "description": "기본 값은 #ff7450입니다.", "isRequired": true, "defaultValue": "#ff7450" }, { "name": "imageBadgeTextColor", "type": "text", "description": "기본 값은 #ffffff입니다.", "defaultValue": "#ffffff" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "colorTheme": "theme--light", "mobileColumnCount": 2, "useNewTab": true, "title": "", "reverseOrder": false, "courseList": [ { "courseId": "", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff" } ] }, "template": "

\"\n data-color-theme=\"<%= colorTheme %>\"\n data-use-new-tab=\"<%= useNewTab %>\"\n data-mobile-column-count=\"<%= mobileColumnCount %>\"\n data-title=\"<%= title %>\"\n data-padding-top=\"<%= paddingTop %>\"\n data-padding-bottom=\"<%= paddingBottom %>\"\n data-reverse-order=\"<%= reverseOrder %>\"\n style=\"padding-top: <%= paddingTop / 10 %>rem; padding-bottom: <%= paddingBottom / 10 %>rem;\"\n>\n

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

<%= title %>

\n <% } %>\n

\">\n

\"\n data-course-id=\"<%= course.courseId %>\"\n data-image-badge=\"<%= course.imageBadge %>\"\n data-badge-background-color=\"<%= course.imageBadgeBackgroundColor || '#ff7450' %>\"\n data-badge-text-color=\"<%= course.imageBadgeTextColor || '#ffffff' %>\"\n data-id=\"<%= (course.id ) ? course.id : ( reverseOrder ? (course.id = course.length-idx) : (course.id = idx+1) ) %>\"\n >\n <% if (course.courseId) { %>\n \">\n <% if (course.imageBadge) { %>\n
; color: <%= course.imageBadgeTextColor || '#ffffff' %>\">\n
);\">\n <%= course.imageBadge %>\n
\n
\n <% } %>\n
\n
\n
\n
\n \n <% } %>\n

\n" }, "values": { "paddingTop": "0", "paddingBottom": 40, "colorTheme": "theme--light", "mobileColumnCount": 2, "useNewTab": false, "title": "", "reverseOrder": false, "courseList": [ { "courseId": "208111", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 1 }, { "courseId": "208934", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 2 }, { "courseId": "208675", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 3 }, { "courseId": "210052", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 4 } ] }, "uniqueId": "fc-block-1-utjtgj2m7", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-ssdp2d670", "layout": { "id": "215", "description": "캐러셀형 코스카드", "icon": "data:image/svg+xml,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='1'%20y='1'%20width='48'%20height='48'%20fill='white'%20stroke='black'%20stroke-width='2'/%3e%3crect%20x='5'%20y='11'%20width='7'%20height='6'%20fill='%23B4B4B4'%20stroke='black'%20stroke-width='2'/%3e%3crect%20x='16'%20y='11'%20width='7'%20height='6'%20fill='%23B4B4B4'%20stroke='black'%20stroke-width='2'/%3e%3crect%20x='27'%20y='11'%20width='7'%20height='6'%20fill='%23B4B4B4'%20stroke='black'%20stroke-width='2'/%3e%3crect%20x='38'%20y='11'%20width='7'%20height='6'%20fill='%23B4B4B4'%20stroke='black'%20stroke-width='2'/%3e%3crect%20x='4'%20y='20'%20width='9'%20height='2'%20fill='black'/%3e%3crect%20x='15'%20y='20'%20width='9'%20height='2'%20fill='black'/%3e%3crect%20x='26'%20y='20'%20width='9'%20height='2'%20fill='black'/%3e%3crect%20x='37'%20y='20'%20width='9'%20height='2'%20fill='black'/%3e%3cpath%20d='M36%2031L30%2034V28L36%2031Z'%20fill='black'/%3e%3cpath%20d='M14%2031L20%2028V34L14%2031Z'%20fill='black'/%3e%3crect%20x='26'%20y='27'%20width='8'%20height='2'%20transform='rotate(90%2026%2027)'%20fill='black'/%3e%3cpath%20d='M15.2517%2045.104C16.0117%2045.104%2016.6117%2044.8%2017.0837%2044.256L16.5877%2043.672C16.2357%2044.056%2015.8197%2044.296%2015.2837%2044.296C14.2437%2044.296%2013.5877%2043.44%2013.5877%2042.04C13.5877%2040.656%2014.2917%2039.808%2015.3077%2039.808C15.7877%2039.808%2016.1557%2040.024%2016.4597%2040.336L16.9637%2039.744C16.6037%2039.352%2016.0277%2039%2015.2917%2039C13.8037%2039%2012.6357%2040.152%2012.6357%2042.072C12.6357%2044%2013.7717%2045.104%2015.2517%2045.104ZM19.8076%2045.104C20.8956%2045.104%2021.8796%2044.264%2021.8796%2042.808C21.8796%2041.336%2020.8956%2040.488%2019.8076%2040.488C18.7196%2040.488%2017.7356%2041.336%2017.7356%2042.808C17.7356%2044.264%2018.7196%2045.104%2019.8076%2045.104ZM19.8076%2044.352C19.1196%2044.352%2018.6876%2043.736%2018.6876%2042.808C18.6876%2041.872%2019.1196%2041.248%2019.8076%2041.248C20.5036%2041.248%2020.9356%2041.872%2020.9356%2042.808C20.9356%2043.736%2020.5036%2044.352%2019.8076%2044.352ZM24.2496%2045.104C24.8576%2045.104%2025.2896%2044.8%2025.6896%2044.336H25.7136L25.7856%2045H26.5376V40.6H25.6176V43.656C25.2496%2044.12%2024.9696%2044.312%2024.5616%2044.312C24.0416%2044.312%2023.8256%2044.016%2023.8256%2043.256V40.6H22.9056V43.368C22.9056%2044.488%2023.3136%2045.104%2024.2496%2045.104ZM27.9226%2045H28.8346V42.256C29.1146%2041.56%2029.5466%2041.312%2029.9066%2041.312C30.0826%2041.312%2030.1946%2041.336%2030.3466%2041.384L30.5146%2040.584C30.3786%2040.52%2030.2346%2040.488%2030.0186%2040.488C29.5466%2040.488%2029.0826%2040.824%2028.7706%2041.392H28.7466L28.6746%2040.6H27.9226V45ZM32.3411%2045.104C33.4291%2045.104%2034.0131%2044.504%2034.0131%2043.768C34.0131%2042.936%2033.3331%2042.664%2032.7171%2042.432C32.2371%2042.256%2031.7811%2042.112%2031.7811%2041.736C31.7811%2041.432%2032.0051%2041.192%2032.4851%2041.192C32.8531%2041.192%2033.1651%2041.352%2033.4691%2041.576L33.9011%2041.008C33.5411%2040.728%2033.0611%2040.488%2032.4691%2040.488C31.5011%2040.488%2030.9091%2041.04%2030.9091%2041.776C30.9091%2042.52%2031.5811%2042.832%2032.1651%2043.056C32.6451%2043.24%2033.1411%2043.416%2033.1411%2043.816C33.1411%2044.152%2032.8931%2044.408%2032.3651%2044.408C31.8931%2044.408%2031.5091%2044.216%2031.1171%2043.904L30.6851%2044.496C31.1091%2044.848%2031.7331%2045.104%2032.3411%2045.104ZM36.8249%2045.104C37.4009%2045.104%2037.9049%2044.912%2038.3129%2044.64L37.9929%2044.056C37.6729%2044.264%2037.3369%2044.384%2036.9449%2044.384C36.1849%2044.384%2035.6569%2043.88%2035.5849%2043.04H38.4409C38.4649%2042.936%2038.4809%2042.752%2038.4809%2042.576C38.4809%2041.328%2037.8569%2040.488%2036.6889%2040.488C35.6569%2040.488%2034.6809%2041.376%2034.6809%2042.808C34.6809%2044.256%2035.6329%2045.104%2036.8249%2045.104ZM35.5769%2042.408C35.6649%2041.632%2036.1529%2041.208%2036.7049%2041.208C37.3449%2041.208%2037.6889%2041.648%2037.6889%2042.408H35.5769Z'%20fill='%230000FF'/%3e%3c/svg%3e", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "colorTheme", "type": "select", "description": "컬러 테마를 설정할 수 있습니다.
-라이트 모드 (default)
-다크 모드", "options": [ "theme--light", "theme--dark" ] }, { "name": "mobileColumnCount", "type": "select", "description": "모바일 카드 배열: 1단/2단", "options": [ 1, 2 ] }, { "name": "useNewTab", "type": "checkbox", "description": "use new tab" }, { "name": "title", "type": "text", "description": "레이아웃 제목" }, { "name": "reverseOrder", "type": "checkbox", "description": "체크하면 목록이 역순으로 나열됩니다.\n페이지 > 미리보기에서 확인해주세요" }, { "name": "courseList", "type": "list", "description": "이 레이아웃은 컴포저의 실시간 미리보기 지원이 불가합니다.\n페이지의 미리보기 기능을 활용해주세요.", "maxLength": 100, "params": [ { "name": "courseId", "type": "text", "description": "course id", "isRequired": true }, { "name": "imageBadge", "type": "text", "description": "공백 없이 최대 4글자까지 입력이 가능합니다.", "isRequired": true }, { "name": "imageBadgeBackgroundColor", "type": "text", "description": "기본 값은 #ff7450입니다.", "isRequired": true, "defaultValue": "#ff7450" }, { "name": "imageBadgeTextColor", "type": "text", "description": "기본 값은 #ffffff입니다.", "defaultValue": "#ffffff" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "colorTheme": "theme--light", "mobileColumnCount": 2, "useNewTab": true, "title": "", "reverseOrder": false, "courseList": [ { "courseId": "", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff" } ] }, "template": "

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

<%= title %>

\n <% } %>\n

\">\n

\"\n data-course-id=\"<%= course.courseId %>\"\n data-image-badge=\"<%= course.imageBadge %>\"\n data-badge-background-color=\"<%= course.imageBadgeBackgroundColor || '#ff7450' %>\"\n data-badge-text-color=\"<%= course.imageBadgeTextColor || '#ffffff' %>\"\n data-id=\"<%= (course.id ) ? course.id : ( reverseOrder ? (course.id = course.length-idx) : (course.id = idx+1) ) %>\"\n >\n <% if (course.courseId) { %>\n \">\n <% if (course.imageBadge) { %>\n
; color: <%= course.imageBadgeTextColor || '#ffffff' %>\">\n
);\">\n <%= course.imageBadge %>\n
\n
\n <% } %>\n
\n
\n
\n
\n \n <% } %>\n

\n" }, "values": { "paddingTop": "0", "paddingBottom": "60", "colorTheme": "theme--light", "mob

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title4 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title1 %>

\"><%= title2 %>

\n <%= title %>\n <% if (title2.trim().length !== 0) { %>\n <%= title2 %>\n <% } else { %>\n (자동 구성) 가격이 인상됩니다.\n <% } %>\n

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

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

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

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

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

\"><%= title1 %>

\"><%= title2 %>

<%= title %>

<%= title %>

\n <%= title %>
\n <% if (title2.trim().length !== 0) { %>\n <%= title2 %>
\n <% } else { %>\n (자동 구성) 가격이 인상됩니다.\n <% } %>\n

講座詳細

[エイプリルフール]イラストレーター,キム・ヒョンギュ_김현규 Details