[ { "id": "fc-block-1-qgqp71gcb", "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-vxng74aqi", "isChecked": false, "hidden": true }, { "id": "fc-block-3-f3ze2xwrx", "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-kowky7zl3", "isChecked": false }, { "id": "fc-block-2-m0r69ig9y", "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/202202/151229-568/linefriend-banner-dt.png", "mobileImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202202/151232-568/linefriend-banner-mob.png", "imageWidth": 980, "alt": "", "useNewTab": false, "link": "https://coloso.jp/event/line_friends_jp", "startDate": "", "endDate": "", "useWideMode": false, "imageAlt": "Coloso コロソクーポン割引イベント" }, "uniqueId": "fc-block-2-2htc5jg7q", "isChecked": false, "hidden": true }, { "id": "fc-block-1-pd4k2xbem", "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-3-y1cawz7c8", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-1-ky8tm4h6e", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPklNQUdFPC90c3Bhbj4KICAgIDwvdGV4dD4KICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xMCAxMWgzMHYxOEgxMHoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useWideMode", "type": "checkbox", "description": "use Wide mode" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "imageAlt", "type": "text", "description": "image alt" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "startDate": "", "endDate": "", "backgroundColor": "#ffffff", "useWideMode": false, "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "imageHeight": 0, "alt": "", "useNewTab": true, "link": "" }, "template": "

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

\n <% } %>\n

\n" }, "values": { "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 コロソクーポン割引イベント" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-1-rfdde2pj5", "isChecked": false, "hidden": true }, { "id": "fc-block-1-1r90frhe7", "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": "#121212", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#000000", "text": "\nトレーラー
\n漫画家
TAKUMIサメ男\n", "startDate": "", "endDate": "", "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "" }, "hidden": false, "uniqueId": "fc-block-1-d9lp3thri", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-puljbdw5w", "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": "eeLy0olf5GM" }, "hidden": false, "uniqueId": "fc-block-2-nwymgv5kb", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-9xyt85jx9", "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": "0", "borderColor": "#3a3a3a", "borderSize": "1" }, "hidden": false, "uniqueId": "fc-block-1-f7rgpf6xu", "isChecked": false }, { "id": "fc-block-3-siai8xsjc", "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": "#121212", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#A0A0A0", "text": "\n基本のキから本格的な作品制作まで
\n漫画制作の「超」入門講座\n", "startDate": "", "endDate": "", "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "" }, "hidden": false, "uniqueId": "fc-block-3-p43cldknr", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-10-thwqwwtiu", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPklNQUdFPC90c3Bhbj4KICAgIDwvdGV4dD4KICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xMCAxMWgzMHYxOEgxMHoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useWideMode", "type": "checkbox", "description": "use Wide mode" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "imageAlt", "type": "text", "description": "image alt" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "startDate": "", "endDate": "", "backgroundColor": "#ffffff", "useWideMode": false, "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "imageHeight": 0, "alt": "", "useNewTab": true, "link": "" }, "template": "

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

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#121212", "useImageLeft": false, "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/033702-914/cartoonist-takumi-jp-reason.gif", "mobileImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/033708-914/cartoonist-takumi-jp-reason.gif", "imageWidth": "480", "alt": "", "useNewTab": false, "link": "", "startDate": "", "endDate": "", "imageAlt": "Coloso TAKUMIサメ男漫画の描き方入門：基礎スキルと魅力的なペンタッチ", "useWideMode": false }, "uniqueId": "fc-block-1-zyt39pl8z", "isChecked": false }, { "id": "fc-block-4-qnm2e2zqi", "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": "25", "paddingBottom": "60", "backgroundColor": "#121212", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#A0A0A0", "text": "\n\n今回の講座では、漫画家のTAKUMIサメ男が
\n初心者でも学びやすいデジタル作画を用いて、
\n効率的により良い漫画を描く方法を
\n多様な例題に沿って丁寧にお教えします。
\n
\nまず、
制作ツールやテンプレート、コマ割りなど
\n漫画制作の準備段階について説明。
\nまた、スムーズに原稿を描くための
\nテンプレートの活用や作り方もレクチャーします。
\n
\n次に、基本スキルである下書きや
\nペン入れ、背景、効果などを段階的に習得。
\n特に、効果やトーンについて
\n漫画にメリハリをつける
\nプロならではのコツも紹介します。
\n
\nまた、TAKUMIサメ男の特徴である
\nアナログ感のある独特のペンタッチや
\n「漫画風」のキャラクター制作の
ノウハウも公開。
\n基本的なペン画のテクニックや
\n動きのあるペンタッチ、
\n様々な年齢層や性別のキャラクターを
\n漫画風に描くコツや
\n可愛い女の子やカッコイイ男性を描くときの
\n独自のポイントなどを紹介します。
\n
\nスキルを１つ１つ身に付けた後は
\n見開きの漫画作品の制作に挑戦。
\n良い例と悪い例を示しながら、
\n漫画を描く際に注意すべき点や、
\nプロらしく描く方法について具体的に解説。
\n最後に、仕上げの方法まで学び、
\n丁寧で見やすく美しい原稿を完成させながら
\nクオリティをアップするノウハウまでマスターします。
\n
\n漫画を描き始めるための基本から
\nプロならではの作品制作のノウハウまで
\nColosoで体験してください！\n\n\n\n", "startDate": "", "endDate": "", "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-4-12t5zmw2r", "isChecked": false }, { "id": "fc-block-1-i8l6w5snc", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BUkdJTjwvdHNwYW4+CiAgICA8L3RleHQ+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjMsNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMy41IDMwaDQzIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0yNS4wOSA0LjA4NXYyMS44MzEiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNS4wODkgM2wtNC4wOSA0LjM5OC43MzQuNjgzIDMuMzU2LTMuNjEyIDMuMzU4IDMuNjEyLjczMi0uNjgzek0yNS4wODkgMjUuNTMybC0zLjM1Ni0zLjYxMy0uNzMzLjY4M0wyNS4wODkgMjdsNC4wOS00LjM5OC0uNzMyLS42ODN6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-1-qvj200vvw", "isChecked": false }, { "id": "fc-block-2-mmzffd3cr", "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難易度：入門・初級
\n無期限視聴", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202110/164313-564/coloso-jp-icon-program.png", "title2": "使用プログラム", "content2": "– CLIP STUDIO PAINT EX Ver.2.0.0\n

\n\n※受講可能な最小バージョンは、CLIP STUDIO PAINT Ver.1.7.1（EX）です。", "imageUrl3": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202110/164355-564/coloso-jp-icon-video.png", "title3": "動画情報", "content3": "オンラインVOD
\nオーディオ：日本語", "imageUrl4": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202110/164409-564/coloso-jp-icon-bonus.png", "title4": "講座特典", "content4": "漫画のClipデータ", "imageAlt1": "Coloso 講座特徴1", "imageAlt2": "Coloso 講座特徴2", "imageAlt3": "Coloso 講座特徴3", "imageAlt4": "Coloso 講座特徴4" }, "uniqueId": "fc-block-2-mjw9snu9f", "isChecked": false }, { "id": "fc-block-3-abt1d0s91", "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-3-ygyvcbhij", "isChecked": false }, { "id": "fc-block-9-3cmbooq9a", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPklNQUdFPC90c3Bhbj4KICAgIDwvdGV4dD4KICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xMCAxMWgzMHYxOEgxMHoiLz4KICA8L2c+Cjwvc3ZnPgo=", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useWideMode", "type": "checkbox", "description": "use Wide mode" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "imageAlt", "type": "text", "description": "image alt" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "startDate": "", "endDate": "", "backgroundColor": "#ffffff", "useWideMode": false, "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "imageHeight": 0, "alt": "", "useNewTab": true, "link": "" }, "template": "

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

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "useNewTab": true, "link": "", "alt": "", "startDate": "", "endDate": "", "useWideMode": false }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-3-qwlgc217e", "isChecked": false }, { "id": "fc-block-16-8e8vl4vmf", "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": "#121212", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#ffffff", "text": "\n躍動感溢れるワンシーンから
\n可愛らしい作品まで幅広く描く
\nTAKUMIサメ男のポートフォリオ\n", "startDate": "", "endDate": "", "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "" }, "uniqueId": "fc-block-2-mpnntxwxg", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-17pyttdsr", "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": "20", "columnCount": "3", "backgroundColor": "#121212", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/033725-914/cartoonist-takumi-jp-portfolio-01.png", "text1": "", "text2": "", "imageAlt": "Coloso TAKUMIサメ男漫画の描き方入門：基礎スキルと魅力的なペンタッチ" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/033731-914/cartoonist-takumi-jp-portfolio-02.png", "text1": "", "text2": "", "imageAlt": "Coloso TAKUMIサメ男漫画の描き方入門：基礎スキルと魅力的なペンタッチ", "link": "" }, { "link": "", "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/033736-914/cartoonist-takumi-jp-portfolio-03.png", "imageAlt": "Coloso TAKUMIサメ男漫画の描き方入門：基礎スキルと魅力的なペンタッチ", "text1": "", "text2": "" }, { "link": "", "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/033738-914/cartoonist-takumi-jp-portfolio-04.png", "imageAlt": "Coloso TAKUMIサメ男漫画の描き方入門：基礎スキルと魅力的なペンタッチ", "text1": "", "text2": "" }, { "link": "", "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/033742-914/cartoonist-takumi-jp-portfolio-05.png", "imageAlt": "Coloso TAKUMIサメ男漫画の描き方入門：基礎スキルと魅力的なペンタッチ", "text1": "", "text2": "" } ], "useNewTab": true }, "uniqueId": "fc-block-1-u6s9ant3i", "isChecked": false }, { "id": "fc-block-2-wyz9bw2u8", "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": "20", "columnCount": "3", "backgroundColor": "#121212", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/033748-914/cartoonist-takumi-jp-portfolio-06.png", "text1": "", "text2": "", "imageAlt": "Coloso TAKUMIサメ男漫画の描き方入門：基礎スキルと魅力的なペンタッチ" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/033751-914/cartoonist-takumi-jp-portfolio-07.png", "text1": "", "text2": "", "imageAlt": "Coloso TAKUMIサメ男漫画の描き方入門：基礎スキルと魅力的なペンタッチ", "link": "" }, { "link": "", "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/033755-914/cartoonist-takumi-jp-portfolio-08.png", "imageAlt": "Coloso TAKUMIサメ男漫画の描き方入門：基礎スキルと魅力的なペンタッチ", "text1": "", "text2": "" }, { "link": "", "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/033759-914/cartoonist-takumi-jp-portfolio-09.png", "imageAlt": "Coloso TAKUMIサメ男漫画の描き方入門：基礎スキルと魅力的なペンタッチ", "text1": "", "text2": "" }, { "link": "", "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/033802-914/cartoonist-takumi-jp-portfolio-10.png", "imageAlt": "Coloso TAKUMIサメ男漫画の描き方入門：基礎スキルと魅力的なペンタッチ", "text1": "", "text2": "" } ], "useNewTab": true }, "uniqueId": "fc-block-2-ikda9m25h", "isChecked": false }, { "id": "fc-block-2-ws4si1eeh", "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-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/033812-914/cartoonist-takumi-jp-portfolio-11.png", "text1": "", "text2": "", "imageAlt": "Coloso TAKUMIサメ男漫画の描き方入門：基礎スキルと魅力的なペンタッチ" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/033815-914/cartoonist-takumi-jp-portfolio-12.png", "text1": "", "text2": "", "imageAlt": "Coloso TAKUMIサメ男漫画の描き方入門：基礎スキルと魅力的なペンタッチ", "link": "" }, { "link": "", "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/033818-914/cartoonist-takumi-jp-portfolio-13.png", "imageAlt": "Coloso TAKUMIサメ男漫画の描き方入門：基礎スキルと魅力的なペンタッチ", "text1": "", "text2": "" }, { "link": "", "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/033821-914/cartoonist-takumi-jp-portfolio-14.png", "imageAlt": "Coloso TAKUMIサメ男漫画の描き方入門：基礎スキルと魅力的なペンタッチ", "text1": "", "text2": "" } ], "useNewTab": true }, "uniqueId": "fc-block-1-p5s6t0slb", "isChecked": false }, { "id": "fc-block-5-5c4xexkvf", "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-9-zrt01t0z4", "isChecked": false }, { "id": "fc-block-10-6hzfp3od7", "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": "46", "paddingBottom": "20", "backgroundColor": "", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#000000", "text": "\n\n例題に沿ってステップごとに
\n漫画を描くための必須スキルを
\n基礎から身に付けます\n", "startDate": "", "endDate": "", "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "" }, "uniqueId": "fc-block-10-okpvvyk7f", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-4-u5kogeiei", "layout": { "id": "203", "description": "1~4단 이미지와 텍스트", "icon": "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%3e%3cg%20fill='none'%20fill-rule='nonzero'%3e%3cpath%20fill='%23FFF'%20stroke='%23000'%20stroke-width='2'%20d='M1%201h48v48H1z'/%3e%3cpath%20fill='%23B4B4B4'%20stroke='%23000'%20stroke-width='2'%20d='M5%2020h7v6H5zM16%2020h7v6h-7zM27%2020h7v6h-7zM38%2020h7v6h-7z'/%3e%3cpath%20fill='%23000'%20d='M4%2029h9v2H4zM15%2029h9v2h-9zM26%2029h9v2h-9zM37%2029h9v2h-9z'/%3e%3c/g%3e%3c/svg%3e", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "imageUrl1", "type": "image", "description": "230 x 152" }, { "name": "imageAlt1", "type": "text", "description": "image1 alt" }, { "name": "title1", "type": "textarea", "description": "title1 text" }, { "name": "content1", "type": "textarea", "description": "content text" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "buttonLabel1", "type": "text", "description": "버튼에 들어갈 문구를 입력해주세요. 입력내용이 없으면 버튼은 사라집니다." }, { "name": "buttonLink1", "type": "text", "description": "이미지와 버튼에 삽입할 링크를 입력해주세요." }, { "name": "imageUrl2", "type": "image", "description": "230 x 152" }, { "name": "imageAlt2", "type": "text", "description": "image2 alt" }, { "name": "title2", "type": "textarea", "description": "title2 text" }, { "name": "content2", "type": "textarea", "description": "content text" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "buttonLabel2", "type": "text", "description": "버튼에 들어갈 문구를 입력해주세요. 입력내용이 없으면 버튼은 사라집니다." }, { "name": "buttonLink2", "type": "text", "description": "이미지와 버튼에 삽입할 링크를 입력해주세요." }, { "name": "imageUrl3", "type": "image", "description": "230 x 152" }, { "name": "imageAlt3", "type": "text", "description": "image3 alt" }, { "name": "title3", "type": "textarea", "description": "title3 text" }, { "name": "content3", "type": "textarea", "description": "content text" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "buttonLabel3", "type": "text", "description": "버튼에 들어갈 문구를 입력해주세요. 입력내용이 없으면 버튼은 사라집니다." }, { "name": "buttonLink3", "type": "text", "description": "이미지와 버튼에 삽입할 링크를 입력해주세요." }, { "name": "imageUrl4", "type": "image", "description": "230 x 152" }, { "name": "imageAlt4", "type": "text", "description": "image4 alt" }, { "name": "title4", "type": "textarea", "description": "title4 text" }, { "name": "content4", "type": "textarea", "description": "content text" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "buttonLabel4", "type": "text", "description": "버튼에 들어갈 문구를 입력해주세요. 입력내용이 없으면 버튼은 사라집니다." }, { "name": "buttonLink4", "type": "text", "description": "이미지와 버튼에 삽입할 링크를 입력해주세요." } ], "values": { "backgroundColor": "#ffffff", "textColor": "", "buttonColor": "#466eff", "buttonTextColor": "#ffffff", "useTextCenter": false, "useColumnInMobile": false, "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "imageUrl1": "", "title1": "", "content1": "", "useNewTab1": true, "buttonLabel1": "", "buttonLink1": "", "imageUrl2": "", "title2": "", "content2": "", "useNewTab2": true, "buttonLabel2": "", "buttonLink2": "", "imageUrl3": "", "title3": "", "content3": "", "useNewTab3": true, "buttonLabel3": "", "buttonLink3": "", "imageUrl4": "", "title4": "", "content4": "", "useNewTab4": true, "buttonLabel4": "", "buttonLink4": "" }, "template": "

;\">\n

\">\n

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

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

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

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

\"><%= title1 %>

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

\"><%= content1 %>

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

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

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

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

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

\"><%= title2 %>

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

\"><%= content2 %>

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

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

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

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

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

\"><%= title3 %>

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

\"><%= content3 %>

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

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

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

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

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

\"><%= title4 %>

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

\"><%= content4 %>

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

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#ffffff", "textColor": "#333333", "buttonColor": "#466eff", "buttonTextColor": "#ffffff", "useTextCenter": true, "useColumnInMobile": true, "titleSize": "fc-h6-text", "contentSize": "fc-content-text", "imageUrl1": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/033839-914/cartoonist-takumi-jp-example-1.gif", "title1": "コマ割りの方法", "content1": "", "useNewTab1": true, "buttonLabel1": "", "buttonLink1": "", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/033845-914/cartoonist-takumi-jp-example-02.png", "title2": "活き活きとした画面作り", "content2": "", "useNewTab2": true, "buttonLabel2": "", "buttonLink2": "", "imageUrl3": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/033852-914/cartoonist-takumi-jp-example-3.gif", "title3": "キャラクタースケッチ", "content3": "", "useNewTab3": true, "buttonLabel3": "", "buttonLink3": "", "imageUrl4": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/033856-914/cartoonist-takumi-jp-example-4.gif", "title4": "顔のペン入れ", "content4": "", "useNewTab4": true, "buttonLabel4": "", "buttonLink4": "", "imageAlt1": "Coloso TAKUMIサメ男講座例題", "imageAlt2": "Coloso TAKUMIサメ男講座例題", "imageAlt3": "Coloso TAKUMIサメ男講座例題", "imageAlt4": "Coloso TAKUMIサメ男講座例題" }, "uniqueId": "fc-block-3-f5ld5k1ry", "isChecked": false }, { "id": "fc-block-31-0tho3ddoh", "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": "#ffffff" }, "uniqueId": "fc-block-1-sw9504svb", "isChecked": false }, { "id": "fc-block-3-14oygrwr4", "layout": { "id": "203", "description": "1~4단 이미지와 텍스트", "icon": "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%3e%3cg%20fill='none'%20fill-rule='nonzero'%3e%3cpath%20fill='%23FFF'%20stroke='%23000'%20stroke-width='2'%20d='M1%201h48v48H1z'/%3e%3cpath%20fill='%23B4B4B4'%20stroke='%23000'%20stroke-width='2'%20d='M5%2020h7v6H5zM16%2020h7v6h-7zM27%2020h7v6h-7zM38%2020h7v6h-7z'/%3e%3cpath%20fill='%23000'%20d='M4%2029h9v2H4zM15%2029h9v2h-9zM26%2029h9v2h-9zM37%2029h9v2h-9z'/%3e%3c/g%3e%3c/svg%3e", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "imageUrl1", "type": "image", "description": "230 x 152" }, { "name": "imageAlt1", "type": "text", "description": "image1 alt" }, { "name": "title1", "type": "textarea", "description": "title1 text" }, { "name": "content1", "type": "textarea", "description": "content text" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "buttonLabel1", "type": "text", "description": "버튼에 들어갈 문구를 입력해주세요. 입력내용이 없으면 버튼은 사라집니다." }, { "name": "buttonLink1", "type": "text", "description": "이미지와 버튼에 삽입할 링크를 입력해주세요." }, { "name": "imageUrl2", "type": "image", "description": "230 x 152" }, { "name": "imageAlt2", "type": "text", "description": "image2 alt" }, { "name": "title2", "type": "textarea", "description": "title2 text" }, { "name": "content2", "type": "textarea", "description": "content text" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "buttonLabel2", "type": "text", "description": "버튼에 들어갈 문구를 입력해주세요. 입력내용이 없으면 버튼은 사라집니다." }, { "name": "buttonLink2", "type": "text", "description": "이미지와 버튼에 삽입할 링크를 입력해주세요." }, { "name": "imageUrl3", "type": "image", "description": "230 x 152" }, { "name": "imageAlt3", "type": "text", "description": "image3 alt" }, { "name": "title3", "type": "textarea", "description": "title3 text" }, { "name": "content3", "type": "textarea", "description": "content text" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "buttonLabel3", "type": "text", "description": "버튼에 들어갈 문구를 입력해주세요. 입력내용이 없으면 버튼은 사라집니다." }, { "name": "buttonLink3", "type": "text", "description": "이미지와 버튼에 삽입할 링크를 입력해주세요." }, { "name": "imageUrl4", "type": "image", "description": "230 x 152" }, { "name": "imageAlt4", "type": "text", "description": "image4 alt" }, { "name": "title4", "type": "textarea", "description": "title4 text" }, { "name": "content4", "type": "textarea", "description": "content text" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "buttonLabel4", "type": "text", "description": "버튼에 들어갈 문구를 입력해주세요. 입력내용이 없으면 버튼은 사라집니다." }, { "name": "buttonLink4", "type": "text", "description": "이미지와 버튼에 삽입할 링크를 입력해주세요." } ], "values": { "backgroundColor": "#ffffff", "textColor": "", "buttonColor": "#466eff", "buttonTextColor": "#ffffff", "useTextCenter": false, "useColumnInMobile": false, "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "imageUrl1": "", "title1": "", "content1": "", "useNewTab1": true, "buttonLabel1": "", "buttonLink1": "", "imageUrl2": "", "title2": "", "content2": "", "useNewTab2": true, "buttonLabel2": "", "buttonLink2": "", "imageUrl3": "", "title3": "", "content3": "", "useNewTab3": true, "buttonLabel3": "", "buttonLink3": "", "imageUrl4": "", "title4": "", "content4": "", "useNewTab4": true, "buttonLabel4": "", "buttonLink4": "" }, "template": "

;\">\n

\">\n

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

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

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

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

\"><%= title1 %>

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

\"><%= content1 %>

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

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

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

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

\"><%= title2 %>

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

\"><%= content2 %>

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

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

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

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

\"><%= title3 %>

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

\"><%= content3 %>

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

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

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

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

\"><%= title4 %>

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

\"><%= content4 %>

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#ffffff", "textColor": "#333333", "buttonColor": "#466eff", "buttonTextColor": "#ffffff", "useTextCenter": true, "useColumnInMobile": true, "titleSize": "fc-h6-text", "contentSize": "fc-content-text", "imageUrl1": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/033913-914/cartoonist-takumi-jp-example-05.png", "title1": "動きを出す構図", "content1": "", "useNewTab1": true, "buttonLabel1": "", "buttonLink1": "", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/033916-914/cartoonist-takumi-jp-example-06.png", "title2": "魅力的なペンタッチ", "content2": "", "useNewTab2": true, "buttonLabel2": "", "buttonLink2": "", "imageUrl3": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/033921-914/cartoonist-takumi-jp-example-7.gif", "title3": "パースの理解", "content3": "", "useNewTab3": true, "buttonLabel3": "", "buttonLink3": "", "imageUrl4": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/033924-914/cartoonist-takumi-jp-example-08.png", "title4": "様々な効果の描き方", "content4": "", "useNewTab4": true, "buttonLabel4": "", "buttonLink4": "", "imageAlt1": "Coloso TAKUMIサメ男講座例題", "imageAlt2": "Coloso TAKUMIサメ男講座例題", "imageAlt3": "Coloso TAKUMIサメ男講座例題", "imageAlt4": "Coloso TAKUMIサメ男講座例題" }, "uniqueId": "fc-block-4-ph4xockdq", "isChecked": false }, { "id": "fc-block-9-u1cz7a0vs", "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": "56", "backgroundColor": "#ffffff" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-3-vdkf0a01g", "isChecked": false }, { "id": "fc-block-4-di9nbse55", "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-25f4ebghe", "isChecked": false }, { "id": "fc-block-14-kc07qu6a3", "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": "#000", "useTextLeft": false, "backgroundColorOpacity": "75", "backgroundImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/080715-914/cartoonist-takumi-jp-about-web.png", "mobileBackgroundImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/080720-914/cartoonist-takumi-jp-about-mob.png", "textColor": "#e0e0e0", "textSize1": "fc-h6-text", "text1": "TAKUMIサメ男
\n漫画家", "textSize2": "fc-content-text", "text2": "
\n\nこんにちは。
\nTAKUMIサメ男（たくみさめおとこ）
\nという名前で、漫画家をやっています。
\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-6-86i61rlz7", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-13-7ye7llq34", "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": { "backgroundColor": "", "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/035505-914/cartoonist-takumi-jp-profile.png", "titleSize": "fc-h5-text", "title1": "TAKUMIサメ男", "title2": "
", "contentSize": "fc-content-text", "content1": "現) 漫画家", "content2": "【公開作品】
\n- 『フォーロン・ホープ〜警視庁抜刀隊戦記〜』（コミプレにて連載中）
\n- 『落ち武者狩り落ち武者狩り』（ジャンプ+）
\n- 『サメにコバン』（別冊チャンピオン）
\n- 『鮫神鉄拳ジャッポ』（週刊少年チャンピオン）
\n- 『ヤンコと帽子』（週刊少年チャンピオン）

\n\n【受賞歴】
\n2019年
\nチャンピオン三誌合同新人マンガ大賞にて「新人漫画大賞」
\n2017年
\nチャンピオン三誌合同新人マンガ大賞にて「奨励賞」
\n2016 年
\n週刊少年チャンピオン新人漫画大賞にて「奨励賞」
\n2015 年
\n週刊少年チャンピオンフレッシュ賞にて「フレッシュ賞」\n\n

", "useNewTab": true, "link": "https://twitter.com/takumi309moai", "linkLabel": "Twitter", "paddingTop": "50", "paddingBottom": "50", "imageAlt": "Coloso TAKUMIサメ男" }, "uniqueId": "fc-block-13-8kk4p3fbo", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-6-nylg3mtmu", "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-3avw35evs", "isChecked": false }, { "id": "fc-block-64-8afl6t9lw", "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" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-2-qmkatryew", "isChecked": false }, { "id": "fc-block-25-bpfkla2nx", "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-8-72j0cazqk", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-1sx5zfwoz", "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/202304/034017-914/cartoonist-takumi-jp-sellingpoint-01.png", "title2": "漫画の基礎から、プロならではの
テクニックまで学べるカリキュラム ", "content2": "\n\n漫画制作に必要な基礎スキルから、クオリティの高い作品を制作するコツまで、この講座だけで段階的に学べます。漫画全体のバランスや読みやすさを高めることができるコマ割りの方法や、効果や背景、トーンなど、シーンの演出、さらに、描き文字に関する基礎知識まで、幅広く習得することができます。\n", "imageAlt1": "", "imageAlt2": "Coloso TAKUMIサメ男講座のポイント", "paddingTop": "", "paddingBottom": "" }, "uniqueId": "fc-block-2-ct8hek7pv", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-34-mfeggk99c", "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-17-26p8j3y7d", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-33-n9ff9nkg1", "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/202304/034023-914/cartoonist-takumi-jp-sellingpoint-02.png", "title2": "テンプレートを使用した効率的に漫画を制作するノウハウ", "content2": "\n漫画制作をスムーズに進めるために、テンプレの活用は効率アップに繋がります。特に漫画制作は多くのレイヤーやフォルダを使用するため、必要なレイヤーやフォルダをまとめたテンプレを作成しておく必要があります。TAKUMIサメ男が使用しているテンプレを紹介しながら、それぞれの利便性やテンプレの作り方について詳しく解説します。\n\n", "imageAlt2": "Coloso TAKUMIサメ男講座のポイント", "imageAlt1": "", "paddingTop": "", "paddingBottom": "" }, "uniqueId": "fc-block-18-xwwm0gp08", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-35-g5e1ow1sy", "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-19-2xuvinjxq", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-18-hct2u9efg", "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/202304/022958-914/cartoonist-takumi-jp-sellingpoint-03.png", "title2": "「漫画っぽい」魅力的なキャラクターを描く方法", "content2": "\n漫画はイラストとは異なり、白黒で描かれ、多数の人物が登場するのが特徴です。そのため、多様な人物を描いたり、色ではなく「線」で表現するスキルが必要になります。漫画風に描かれた老若男女のキャラクターを例に、キャラクターを描く上でのポイントを解説。また、可愛い女の子やかっこいい男性を描くときの秘訣や、性格に合わせた表情の描き方などもお教えします。\n", "imageAlt2": "Coloso TAKUMIサメ男講座のポイント", "imageAlt1": "", "paddingTop": "", "paddingBottom": "" }, "uniqueId": "fc-block-3-5zgi3ye1b", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-32-fu2ygpxs4", "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-20-bas8y7ywl", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-4f1fobdjp", "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": "42", "paddingBottom": "20", "backgroundColor": "", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#000000", "text": "\n講座内容\n
\n\n下記のような内容を
学べます。\n\n", "startDate": "", "endDate": "", "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "" }, "hidden": false, "uniqueId": "fc-block-1-6b9nepcky", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-yv81ttr0x", "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": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h6-text", "text2Size": "fc-content-text", "cards": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/065921-914/cartoonist-takumi-jp-detail-1.png", "text1": "便利な初期設定など、
効率アップのための作業環境づくり", "text2": "ツールの初期設定やショートカットキーの紹介、テンプレートの作成など、漫画制作の前準備から１つ１つ説明。モチベーションを下げることなく、誰でも気軽に漫画を描き始められるような作業環境づくりから紹介していきます。", "imageAlt": "Coloso イラスト講座内容" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/030624-914/cartoonist-takumi-jp-detail-2.gif", "text1": "読みやすく、
面白く見せるためのコマ割り", "text2": "ネームの悪い例を見せながらそれを修正していくことで、同じストーリーでも作画の仕方でここまで印象が変わる、ということを紹介します。さらに、見栄えのいい絵の入れ方のコツについてもお話します。", "imageAlt": "Coloso イラスト講座内容" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/034047-914/cartoonist-takumi-jp-detail-3.gif", "text1": "老若男女のキャラクターや
服のシワのペン入れのコツ", "text2": "様々なキャラクターの描き方や、ペン入れについて解説していきます。美形の顔の比率を解説した後、老人や子供の描き方をお教えし、多くの人が悩んでしまう「服のシワ」を表現するコツについても説明します。", "imageAlt": "Coloso イラスト講座内容" } ], "useNewTab": true }, "uniqueId": "fc-block-5-53sx2dxaz", "isChecked": false }, { "id": "fc-block-5-b6wn5m0l9", "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" }, "hidden": false, "uniqueId": "fc-block-7-a9qxehl2v", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-14-77w1i2rad", "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": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h6-text", "text2Size": "fc-content-text", "cards": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/073816-914/cartoonist-takumi-jp-detail-4.gif", "text1": "パース定規や透視図法を使った
背景の描き方", "text2": "透視図法について解説した後、それを応用した背景の描き方をお教えし、画面に説得力を持たせるテクニックについて学びます。またパース定規ツールの正しい使い方についても、しっかり説明します。", "imageAlt": "Coloso イラスト講座内容" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/022756-914/cartoonist-takumi-jp-detail-5.png", "text1": "効果的な「漫画的」記号を入れる方法", "text2": "イキイキとした効果音の描き方や文字の配置の仕方といった、コマごとに適した漫画的な効果の入れ方を紹介します。これによって漫画にリズム感が生まれ、ポップで魅力的な画面作りをすることができます。", "imageAlt": "Coloso イラスト講座内容" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/034101-914/cartoonist-takumi-jp-detail-6.gif", "text1": "「プロ」の原稿としての
最終仕上げのテクニック", "text2": "ホワイト作業、タッチの加筆、白黒のバランス調整といった「仕上げ」をしっかり行うか、飛ばしてしまうか、によって作品の完成度に雲泥の差が生まれます。「プロ」の原稿として作品を仕上げる、クオリティアップのノウハウを伝授します。", "imageAlt": "Coloso イラスト講座内容" } ], "useNewTab": true }, "uniqueId": "fc-block-4-0d5wtnvcr", "isChecked": false }, { "id": "fc-block-4-z0jmcpxer", "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-4-ieryovyit", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-ng6ul5uh0", "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-y76gu0otl", "isChecked": false }, { "id": "fc-block-5-tqy7lvxml", "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-awg4l26hj", "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-22-9ox7dijlb", "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-8-bj0se8ju0", "isChecked": false }, { "id": "fc-block-29-zb503iseh", "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/202304/034113-914/cartoonist-takumi-jp-curriculum-01.png" } ], "title": "01. 講座の方針（目標）", "contents": [ { "content": "自己紹介" }, { "content": "講座の方針について" }, { "content": "初心者さんが意識すべき事" } ], "buttonColor": "#ED2040", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-21-jwzuexiw3", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-31-j02v7ojd2", "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-22-s3kmjmd9w", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-31-zy2wdljj9", "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": "#333333" }, "uniqueId": "fc-block-10-gf027xkhl", "isChecked": false }, { "id": "fc-block-23-udzj9p6v4", "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/202304/034118-914/cartoonist-takumi-jp-curriculum-02.png" } ], "title": "02. 環境づくり", "contents": [ { "content": "見やすいウィンドウの配置" }, { "content": "便利なショートカットキーの使い方" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-9-jnr5ptcm4", "isChecked": false }, { "id": "fc-block-33-qz4mji8cu", "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-24-gki3uocrr", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-28-vqu8w0m3k", "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/202304/034121-914/cartoonist-takumi-jp-curriculum-03.png" } ], "title": "03. 漫画原稿テンプレ", "contents": [ { "content": "便利なテンプレートの作り方" }, { "content": "トンボを見やすくする方法" }, { "content": "使いやすいレイヤー構成について" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-11-quxs1us4x", "isChecked": false }, { "id": "fc-block-25-7dhxuyrxw", "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-cwbe7tgtb", "isChecked": false }, { "id": "fc-block-43-22ylj8eec", "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/202304/034125-914/cartoonist-takumi-jp-curriculum-04.png" } ], "title": "04. コマ割り", "contents": [ { "content": "効果的なコマ割りの方法" }, { "content": "読みやすくするために意識する事" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-29-az64kpurw", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-26-245vqjo4s", "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-z82a6s4dq", "isChecked": false }, { "id": "fc-block-8-iusa3dpdx", "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": "#333333" }, "uniqueId": "fc-block-6-ae59gw5tk", "isChecked": false }, { "id": "fc-block-30-o54ieztob", "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/202304/034128-914/cartoonist-takumi-jp-curriculum-05.png" } ], "title": "05. アタリを取る", "contents": [ { "content": "アタリの取り方" }, { "content": "活き活きとした画面作りについて" }, { "content": "アタリや下書きに使えるブラシ紹介" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-14-e96gvs8qo", "isChecked": false }, { "id": "fc-block-9-bc6ji317n", "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-ylzy16sai", "isChecked": false }, { "id": "fc-block-6-et5es00vu", "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/202304/034132-914/cartoonist-takumi-jp-curriculum-06.png" } ], "title": "06. キャラクターの描き分け", "contents": [ { "content": "基本的なキャラクタースケッチ" }, { "content": "老若男女の描き分け" }, { "content": "様々な表情の描き方" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-8-f8wxxhc3j", "isChecked": false }, { "id": "fc-block-10-ekx2fcwr7", "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-2oafgg01t", "isChecked": false }, { "id": "fc-block-7-l9s1roevz", "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/202304/034136-914/cartoonist-takumi-jp-curriculum-07.png" } ], "title": "07. 下書き全般", "contents": [ { "content": "無駄の少ない下書きの方法" }, { "content": "ネームのイメージを描き起こす" }, { "content": "下書きレイヤーの設定" }, { "content": "アタリ線のカラー変更" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-10-si0kwczdf", "isChecked": false }, { "id": "fc-block-11-6byatpsrc", "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-v7dbv5rol", "isChecked": false }, { "id": "fc-block-13-n6vjh4z2v", "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

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-13-csi90o35u", "isChecked": false }, { "id": "fc-block-23-ibtl9ktzh", "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": "#333333" }, "uniqueId": "fc-block-14-xwuq7kszt", "isChecked": false }, { "id": "fc-block-14-ceqkl6vre", "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

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-16-q8kbhbpak", "isChecked": false }, { "id": "fc-block-15-edtznh3zj", "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

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-15-4753mp1x6", "isChecked": false }, { "id": "fc-block-16-euqr48ral", "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/202304/034154-914/cartoonist-takumi-jp-curriculum-11.png" } ], "title": "11. 服の描き方", "contents": [ { "content": "シルエットを意識したキャラデザ" }, { "content": "服の質感の描き分け" }, { "content": "シワの描き方" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-18-1p4dgrpa6", "isChecked": false }, { "id": "fc-block-21-mp52pgky3", "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-19-3b0u0mbdd", "isChecked": false }, { "id": "fc-block-17-qvi6rngrd", "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/202304/034201-914/cartoonist-takumi-jp-curriculum-12.png" } ], "title": "12. 原稿にペン入れ", "contents": [ { "content": "基本的なペンタッチのコツ" }, { "content": "ブラシの設定" }, { "content": "ベタ塗りのコツ" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-20-u6xnd36tk", "isChecked": false }, { "id": "fc-block-22-t2fwbd82e", "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-21-3fqv1wrgw", "isChecked": false }, { "id": "fc-block-18-47ij15oig", "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/202304/034206-914/cartoonist-takumi-jp-curriculum-13.png" } ], "title": "13. いろいろな絵柄の描写", "contents": [ { "content": "シリアスなペンタッチ" }, { "content": "ギャグシーンのデフォルメタッチ" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-22-9c826elu9", "isChecked": false }, { "id": "fc-block-25-kwjy71ptf", "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-23-834ompqnm", "isChecked": false }, { "id": "fc-block-24-rcseel277", "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/202304/034209-914/cartoonist-takumi-jp-curriculum-14.png" } ], "title": "14. 動きのあるペンタッチ", "contents": [ { "content": "線で動きを出す方法" }, { "content": "アクションシーンの描写" }, { "content": "迫力をプラスする方法" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-24-614kfz7um", "isChecked": false }, { "id": "fc-block-28-qpwe7fm02", "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-25-q1s3poydh", "isChecked": false }, { "id": "fc-block-27-r56jd43eh", "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": "#333333" }, "uniqueId": "fc-block-26-vmic2xj0t", "isChecked": false }, { "id": "fc-block-29-qufvjzmhr", "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/202304/034214-914/cartoonist-takumi-jp-curriculum-15.png" } ], "title": "15. アタリの取り方", "contents": [ { "content": "背景のアタリの取り方" }, { "content": "透視図法の解説" }, { "content": "定規ツールの活用法" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-16-5rqkx5bqa", "isChecked": false }, { "id": "fc-block-29-vg42d7t9r", "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-27-f6s1vup3j", "isChecked": false }, { "id": "fc-block-30-jn5a1erq3", "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

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-2-kcmmanwyc", "isChecked": false }, { "id": "fc-block-35-szyshkmyp", "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 06. 効果", "layoutType": "fc-label-type2", "labelColor": "#333333" }, "uniqueId": "fc-block-3-9b0wqo4z2", "isChecked": false }, { "id": "fc-block-32-vt2juct86", "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

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-5-p4tuuefcv", "isChecked": false }, { "id": "fc-block-33-ixsfgtren", "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/202304/060815-914/cartoonist-takumi-jp-curriculum-18.png" } ], "title": "18. 集中線の入れ方", "contents": [ { "content": "ペンによる様々な効果線の描き方" }, { "content": "ツールによる効果線の入れ方" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-6-nnpt4z6jl", "isChecked": false }, { "id": "fc-block-20-xb1o9bv71", "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-29-97ueh9rz2", "isChecked": false }, { "id": "fc-block-34-8rnrohyex", "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/202304/060822-914/cartoonist-takumi-jp-curriculum-19.png" } ], "title": "19. キャラのトーン", "contents": [ { "content": "トーンレイヤーの作り方" }, { "content": "クイックマスクの活用" }, { "content": "柄素材のトーン化" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-7-k8i76zcwi", "isChecked": false }, { "id": "fc-block-39-ec3lm65e0", "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-rxm7pqut2", "isChecked": false }, { "id": "fc-block-40-ayg2jqrww", "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

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-10-taya5unxd", "isChecked": false }, { "id": "fc-block-42-ccmuwuxb8", "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 07. 描き文字", "layoutType": "fc-label-type2", "labelColor": "#333333" }, "uniqueId": "fc-block-11-70fj2zrhq", "isChecked": false }, { "id": "fc-block-43-h1zpuv3oy", "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/202304/060835-914/cartoonist-takumi-jp-curriculum-21.png" } ], "title": "21. 描き文字について", "contents": [ { "content": "見やすい描き文字の描き方" }, { "content": "文字も絵の一部と捉える" }, { "content": "読みやすい文字の配置の説明" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-12-5inzcmys1", "isChecked": false }, { "id": "fc-block-38-yvg4ys1uh", "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-o4fcr25bg", "isChecked": false }, { "id": "fc-block-10-hk8w47i78", "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 08. 最終仕上げ", "layoutType": "fc-label-type2", "labelColor": "#333333" }, "uniqueId": "fc-block-9-7t1cie3zb", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-26-ngcf6vzth", "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/202304/060952-914/cartoonist-takumi-jp-curriculum-22.png" } ], "title": "22. 最終仕上げ", "contents": [ { "content": "ホワイト処理" }, { "content": "最終加筆修正" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-30-nyqxvdaeh", "isChecked": false }, { "id": "fc-block-17-kcztv9he8", "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": "0", "backgroundColor": "", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#ed2040", "text": "*講座動画の公開時期や、カリキュラムのイメージ・内容などは予告なく変更になる場合がございます。予めご了承ください。", "startDate": "", "endDate": "", "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "" }, "uniqueId": "fc-block-18-gqh0fccxz", "isChecked": false, "hidden": true }, { "id": "fc-block-1-pb9w4eehw", "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-1-4cf5m9iy4", "isChecked": false }, { "id": "fc-block-11-99nwxlyw6", "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": "45", "paddingBottom": "55", "backgroundColor": "#000", "useTextLeft": false, "backgroundColorOpacity": "70", "backgroundImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/065945-914/cartoonist-takumi-jp-interviewcover.png", "mobileBackgroundImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202304/065941-914/cartoonist-takumi-jp-interviewcover.png", "textColor": "#ffffff", "textSize1": "fc-h6-text", "text1": "インタビュー
\n\n漫画家
TAKUMIサメ男が
\nお話したいこと\n\n", "textSize2": "fc-content-text", "text2": "", "backgroundImageAlt": "背景イメージ", "subTextColor": "#000000", "subTextSize": "fc-h6-text", "subText": "" }, "uniqueId": "fc-block-1-7vm90aebd", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-4h1v4ibmv", "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\n読者として、また描き手として、どんなところに「漫画にしかない魅力」を感じますか？\n\n\n", "textSize2": "fc-content-text", "textColor2": "#333333", "text2": "

\n映画やアニメは、大人数でプロジェクトを進めていかなければなりませんが、漫画は一人で自分の描きたいストーリーを描けます。画材も紙とペン、あるいはタブレットなどがあればすぐに描けるので、誰でも始めやすいと言えます。しかし、出来上がった作品は、アニメや映画に引けを取らないくらい読者をその世界に引き込むことができる、そんな可能性を秘めています。それらが漫画ならではの魅力だと思います。", "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "" }, "uniqueId": "fc-block-1-7fndnwkcj", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-18-5ay9enwrh", "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-19-xap56wwif", "isChecked": false }, { "id": "fc-block-19-2bxwmo7c0", "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": "5", "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize1": "fc-content-text", "textColor1": "#333333", "text1": "\nQuestion.02
\n\n\n講師さまだけの強みや、
他の講座と違うポイントがあるとすればどのような部分ですか？\n\n\n", "textSize2": "fc-content-text", "textColor2": "#333333", "text2": "

\n基礎的な画力の他に、キャッチーな画面作りと、それによる絵の見やすさ（漫画のわかりやすさ、読みやすさ）、そしてイキイキとしたキャラクターの描写や、動きを感じさせる絵（アクションシーン）が描けることが強みです。この講座では基本的な漫画の描き方はもちろん、その強みの部分も丁寧に解説していきます。", "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "" }, "uniqueId": "fc-block-20-ozn0v0y6u", "isChecked": false }, { "id": "fc-block-20-o65cn7zc7", "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-21-euti02nu6", "isChecked": false }, { "id": "fc-block-21-c0khonapo", "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": "5", "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-22-9hb2mc3k8", "isChecked": false }, { "id": "fc-block-26-166ximnbm", "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-26-i3qpcl7yy", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-21-r5w7au3r0", "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": "5", "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize1": "fc-content-text", "textColor1": "#333333", "text1": "\nQuestion.04
\n\n\n講師さまご自身は、漫画を勉強してきた中で難しかった部分、それを解決するためにどのような努力をされてきましたか？\n\n\n\n", "textSize2": "fc-content-text", "textColor2": "#333333", "text2": "

\n本屋に並んでも他の作品に見劣りしない原稿に仕上げるために、自分の原稿とプロの原稿を常に見比べ、改善してきました。最近で言えば、アナログ作業からデジタルに移行したのも苦労したことの一つでした。この点に関しては、初期設定をしっかりとして作業しやすい環境を整えたことと、よく使う項目はテンプレ化してしまうことで解決しました。", "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "" }, "uniqueId": "fc-block-27-nyiu4arif", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-16-ty3ugsnbu", "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": "50", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-9-swna5an0d", "isChecked": false }, { "id": "fc-block-35-vhr34ve4o", "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-32-dug7zpxf8", "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/202304/034313-914/cartoonist-takumi-jp-program.png", "title2": " 使用プログラムについて
ご案内します。", "content2": "\n当講座は、以下のツールを使用します。

\n\n[メインツール]
\nCLIP STUDIO PAINT EX Ver.2.0.0

\n\n\n※受講可能な最小バージョンは、CLIP STUDIO PAINT Ver.1.7.1（EX）です。\n\n\n\n", "text2": "

\n혼자 튜토리얼 영상을 보면서 따라하는 것만으로는 실무에 바로 디자인을 응용하기 어렵습니다. 튜토리얼 강의에서는 거의 사용되지 않는 기능까지 모두 알려주기 때문입니다. 만약 실무에서 활용되는 우선 순위로 3D 모션 그래픽을 배워보고 싶다면, 내가 기획한 의도대로 영상을 잘 표현하고 싶은 분들이라면, 꼭 이 클래스를 통해 많은 도움을 얻으실 수 있을 것이라 생각됩니다.", "imageAlt1": "After Effects Illustrator Photoshop", "imageAlt2": "CLIP STUDIO PAINT EX Ver.2.0.0", "paddingTop": "", "paddingBottom": "" }, "uniqueId": "fc-block-5-whlyz4aii", "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-7-bh3zabzwy", "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-6f0ilfb4c", "isChecked": false }, { "id": "fc-block-23-y4qq15j0m", "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": "25", "backgroundColor": "", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#000000", "text": "おすすめの講座
\nこの講座を見た方は
\nこちらもチェック！", "startDate": "", "endDate": "", "subTextSize": "fc-h6-text", "subTextColor": "#000000", "subText": "" }, "uniqueId": "fc-block-1-qdulraxo1", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": false }, { "id": "fc-block-3-q72g7ribl", "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": true, "title": "", "reverseOrder": false, "courseList": [ { "courseId": "215315", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 1 }, { "courseId": "215222", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 2 }, { "courseId": "208675", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 3 }, { "courseId": "212439", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 4 } ] }, "uniqueId": "fc-block-1-ky4wordoj", "isChecked": false }, { "id": "fc-block-2-3ajaos1zt", "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", "mobileColumnCount": 2, "useNewTab": true, "title": "", "reverseOrder": false, "courseList": [ { "courseId": "215692", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 1 }, { "courseId": "216394", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 2 }, { "courseId": "214603", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 3 }, { "courseId": "213034", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 4 } ] }, "uniqueId": "fc-block-2-lhr230vy4", "isChecked": false } ]

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title4 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title4 %>

\"><%= 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

\" 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

漫画の描き方入門：基礎スキルと魅力的なペンタッチ

講座詳細

漫画家,TAKUMIサメ男_TAKUMI Details

ご注意事項