[ { "id": "fc-block-1-z9v6w9egn", "layout": { "id": "103", "description": "배경이미지가 있는 1단 텍스트", "icon": "\n", "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": "mobileBackgroundImageUrl", "type": "image", "description": "mobile background image url" }, { "name": "textColor", "type": "text", "description": "font 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": "", "textColor": "#000000", "textSize1": "fc-h1-text", "text1": "", "textSize2": "fc-content-text", "text2": "" }, "template": "

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

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

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

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

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

\n <% } %>\n

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

\n" }, "values": { "paddingTop": "180", "paddingBottom": "40", "backgroundColor": "#C6ECFF", "useTextLeft": false, "backgroundColorOpacity": "0", "backgroundImageUrl": "https://cdn.day1company.io/prod/uploads/202303/043300-476/toku-main.png", "mobileBackgroundImageUrl": "https://cdn.day1company.io/prod/uploads/202303/042851-476/toku-main-mob-.png", "textColor": "#ffffff", "textSize1": "fc-content-text", "text1": "

\n

\n\n\n네오아카데미", "textSize2": "fc-h2-text", "text2": "\n\n\n\n초보자를 위한
\n클립스튜디오로 얼굴 그리기\n\n\n
\n\n\n\n\n일러스트레이터 토뀨\n\n" }, "hidden": true, "uniqueId": "fc-block-1-57j9gigqa", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-7-wsj8t28g4", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "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": "#FAD5E0" }, "uniqueId": "fc-block-1-a1r7ntn69", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-4-oauh54t45", "layout": { "id": "405", "description": "1~4단 컬러카드", "icon": "\n", "params": [ { "name": "spacingTop", "type": "number", "description": "spacing-top" }, { "name": "spacingBottom", "type": "number", "description": "spacing-bottom" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "cardGapInUseColumn", "type": "number", "description": "모바일 2단 컬럼에서 카드 간격 (rem단위) (default 3rem)" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "mainTextSize", "type": "select", "description": "main text size", "options": [ "fc-h4-text", "fc-h5-text", "fc-h6-text" ] }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "cardColor1", "type": "text", "description": "card color" }, { "name": "title1", "type": "text", "description": "title text" }, { "name": "main1", "type": "textarea", "description": "main text" }, { "name": "sub1", "type": "textarea", "description": "sub text" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link" }, { "name": "buttonLabel1", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor2", "type": "text", "description": "card color" }, { "name": "title2", "type": "text", "description": "title text" }, { "name": "main2", "type": "textarea", "description": "main text" }, { "name": "sub2", "type": "textarea", "description": "sub text" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link" }, { "name": "buttonLabel2", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor3", "type": "text", "description": "card color" }, { "name": "title3", "type": "text", "description": "title text" }, { "name": "main3", "type": "textarea", "description": "main text" }, { "name": "sub3", "type": "textarea", "description": "sub text" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link" }, { "name": "buttonLabel3", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor4", "type": "text", "description": "card color" }, { "name": "title4", "type": "text", "description": "title text" }, { "name": "main4", "type": "textarea", "description": "main text" }, { "name": "sub4", "type": "textarea", "description": "sub text" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "link4", "type": "text", "description": "link" }, { "name": "buttonLabel4", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" } ], "values": { "spacingTop": 0, "spacingBottom": 0, "useTextCenter": false, "backgroundColor": "#ffffff", "useColumnInMobile": false, "cardGapInUseColumn": 2, "textColor": "#000000", "buttonColor": "#E4FF18", "buttonTextColor": "#000000", "titleSize": "fc-h5-text", "mainTextSize": "fc-h4-text", "subTextSize": "fc-h6-text", "cardColor1": "#ff947a", "title1": "", "main1": "", "sub1": "", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#88abff", "title2": "", "main2": "", "sub2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#c88dff", "title3": "", "main3": "", "sub3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "", "cardColor4": "#91eaa2", "title4": "", "main4": "", "sub4": "", "useNewTab4": true, "link4": "", "buttonLabel4": "" }, "template": "

rem; padding-bottom: <%= spacingBottom/10 || 0 %>rem; background-color: <%= backgroundColor || 'transparent' %>\">\n

; <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title1) { %>\n
\"><%= title1 %>
\n <% } %>\n <% if(main1) { %>\n
\"><%= main1 %>
\n <% } %>\n <% if(sub1) { %>\n
\"><%= sub1 %>
\n <% } %>\n
\n <% if(link1) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link1 %>\" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel1 %>\n
\n <% } %>\n
background-color: <%= cardColor2 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title2) { %>\n
\"><%= title2 %>
\n <% } %>\n <% if(main2) { %>\n
\"><%= main2 %>
\n <% } %>\n <% if(sub2) { %>\n
\"><%= sub2 %>
\n <% } %>\n
\n <% if(link2) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link2 %>\" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel2 %>\n
\n <% } %>\n
background-color: <%= cardColor3 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title3) { %>\n
\"><%= title3 %>
\n <% } %>\n <% if(main3) { %>\n
\"><%= main3 %>
\n <% } %>\n <% if(sub3) { %>\n
\"><%= sub3 %>
\n <% } %>\n
\n <% if(link3) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link3 %>\" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel3 %>\n
\n <% } %>\n
background-color: <%= cardColor4 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title4) { %>\n
\"><%= title4 %>
\n <% } %>\n <% if(main4) { %>\n
\"><%= main4 %>
\n <% } %>\n <% if(sub4) { %>\n
\"><%= sub4 %>
\n <% } %>\n
\n <% if(link4) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link4 %>\" <% if(useNewTab4) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel4 %>\n
\n <% } %>\n

\n" }, "values": { "spacingTop": 0, "spacingBottom": 0, "useTextCenter": false, "backgroundColor": "#FAD5E0", "textColor": "#3F0D24", "buttonColor": "#6E6E73", "buttonTextColor": "#000000", "titleSize": "fc-h6-text", "mainTextSize": "fc-h6-text", "subTextSize": "fc-content-text", "cardColor1": "#fff", "title1": "", "main1": "\n\n초보자를 위한 맞춤형 커리큘럼\n", "sub1": "\n \n그림이 서투른 분들을 위한 쉬운 설명과 꼼꼼한 \n예제로 기초부터 차근차근 알려드립니다. \n", "useNewTab1": false, "link1": "", "buttonLabel1": "", "cardColor2": "#fff", "title2": "", "main2": "\n\n미소녀 일러스트 전문 41만 팔로워 작가\n", "sub2": "\n \n깔끔하면서도 터치감이 남아있는 트렌디한 일러스트로 인기있는 토뀨 작가의 노하우를 배웁니다.\n", "useNewTab2": false, "link2": "", "buttonLabel2": "", "cardColor3": "#fff", "title3": "", "main3": "\n\n클립스튜디오 소재 목록부터 두상 틀까지\n", "sub3": "\n \n선생님이 엄선한 200가지 소재 목록부터 700가지 \n조합이 가능한 두상 틀까지 모두 드립니다.\n\n", "useNewTab3": false, "link3": "", "buttonLabel3": "", "cardColor4": "#91eaa2", "title4": "", "main4": "", "sub4": "", "useNewTab4": false, "link4": "", "buttonLabel4": "", "useColumnInMobile": false, "cardGapInUseColumn": "2" }, "uniqueId": "fc-block-2-34nzpqy1k", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-60-nwpv3xuni", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "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": "#FAD5E0" }, "uniqueId": "fc-block-6-6sizeezw2", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-16-yj7qfad3e", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

\">\n <%= title1 %>\n \n \n

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

\">\n <%= title2 %>\n \n \n

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#FAD5E0", "collapsed": false, "cardBackgroundColor": "#fff", "borderColor": "#fff", "arrowBtnColor": "#F795B4", "textColor": "#3F0D24", "title1": " 기본 정보 ", "content1": "\n\n· 8개 대주제, 45개 강의 클립 (약 23시간 분량)
\n· 입문 - 실전\n\n\n", "imageUrl1": "", "title2": " 강의 특징 ", "content2": "\n\n· 수강료 1회 결제로 평생 소장
\n· 이메레스 두상틀, 클립스튜디오 소재 목록, 단계별 시연 PSD 10개, \n강의 자료 PSD 23개\n\n\n", "imageUrl2": "" }, "hidden": true, "uniqueId": "fc-block-5-k7mc13sga", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-exlxo4u36", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "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": "#FAD5E0" }, "uniqueId": "fc-block-1-2a1375dso", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-1-57zwykud9", "layout": { "id": "912", "description": "코스 프로모션 배너", "icon": "\n", "params": [ { "name": "코스 프로모션 배너전용입니다.", "type": "reset" } ], "values": { "코스 프로모션 배너전용입니다.": "배너 설정에서 설정해주세요." }, "template": "

코스 프로모션 배너 전용입니다.

\n 0일\n 0시간\n 0분\n 0초\n 코스 프로모션 배너 전용입니다. \n

\n" }, "values": { "코스 프로모션 배너전용입니다.": "배너 설정에서 설정해주세요." }, "uniqueId": "fc-block-1-ykiacetqo", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-1-pm6t25hqk", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "

\">\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" }, "values": { "backgroundColor": "#A54EE0 ", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/165030-1395/us.webp", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202405/165039-1395/mus.webp", "imageWidth": 980, "alt": "", "useNewTab": false, "link": "https://fastcampus.com/en/event/event_online_doubleUS" }, "uniqueId": "fc-block-1-573nk1ef6", "isChecked": false, "hidden": true }, { "id": "fc-block-3-6dmu9ux2x", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "

\">\n

\n" }, "values": { "backgroundColor": "#FF0000", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/160341-347/group-1410117029.png", "mobileImageUrl": "", "imageWidth": "500", "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-1-yqgoto3p3", "isChecked": false, "hidden": true }, { "id": "fc-block-2-ocp75zxxm", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "

\">\n

\n" }, "values": { "backgroundColor": "#000", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/160501-347/2-main-pc.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202405/160504-347/us-m.png", "imageWidth": "500", "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-2-m0vdiasu7", "isChecked": false, "hidden": true }, { "id": "fc-block-4-uybowufy1", "layout": { "id": "903", "description": "타이머", "icon": "\n", "params": [ { "name": "title", "type": "text", "description": "title text" }, { "name": "targetTime", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "backgroundColor", "type": "text", "description": "배경색(#000000)을 입력해주세요." }, { "name": "textColor", "type": "select", "description": "글자색을 선택해주세요.", "options": [ "white", "black" ] } ], "values": { "title": "최저 가격 마감까지 남은 시간", "targetTime": "", "backgroundColor": "#282828", "textColor": "white" }, "template": "\n

\">\n

<%=title%>

\n 0일\n 0시간\n 0분\n 0초\n\n <% if (targetTime) { %>\n <%=targetTime %>\n <% } %>\n

\n" }, "values": { "title": "⚠ Time remaining until price increase ⚠", "targetTime": "2024-06-30T23:59", "backgroundColor": "#FF0000", "textColor": "white" }, "uniqueId": "fc-block-3-g78m5n4vm", "isChecked": false, "hidden": true }, { "id": "fc-block-2-whxglyycd", "layout": { "id": "910", "description": "쿠폰 발급", "icon": "\n", "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": "colorTheme", "type": "select", "description": "bright or dark", "options": [ "bright", "dark" ] }, { "name": "couponColor", "type": "text", "description": "coupon color" }, { "name": "couponTextColor", "type": "text", "description": "coupon text color" }, { "name": "title", "type": "text", "description": "title" }, { "name": "content", "type": "text", "description": "content" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonBgColor", "type": "text", "description": "button backgrond color" }, { "name": "showRemainingCoupons", "type": "checkbox", "description": "" }, { "name": "coupons", "type": "list", "description": "쿠폰 리스트", "maxLength": 20, "params": [ { "name": "couponTemplateCode", "type": "text", "description": "쿠폰 코드" } ] } ], "values": { "startDate": "", "endDate": "", "paddingTop": 0, "paddingBottom": 0, "colorTheme": "bright", "couponColor": "#121212", "couponTextColor": "#ffffff", "title": "제목을 입력해주세요.", "content": "본문을 입력해주세요.", "buttonText": "쿠폰 모두 받기", "buttonTextColor": "#ffffff", "buttonBgColor": "#ED234B", "showRemainingCoupons": true, "coupons": [ { "couponTemplateCode": "" } ] }, "template": "

\"\n style=\"padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem;\"\n data-start-date=\"<%= startDate %>\"\n data-end-date=\"<%= endDate %>\"\n data-padding-top=\"<%= paddingTop || '0' %>\"\n data-padding-bottom=\"<%= paddingBottom || '0' %>\"\n data-color-theme=\"<%= colorTheme || 'bright' %>\"\n data-coupon-color=\"<%= couponColor || '#121212' %>\"\n data-coupon-text-color=\"<%= couponTextColor || '#ffffff' %>\"\n data-title=\"<%= title || '제목을 입력해주세요.' %>\"\n data-content=\"<%= content || '본문을 입력해주세요.' %>\"\n data-button-text=\"<%= buttonText || '쿠폰 모두 받기' %>\"\n data-button-text-color=\"<%= buttonTextColor || '#ffffff' %>\"\n data-button-bg-color=\"<%= buttonBgColor || '#ED234B' %>\"\n data-show-remaining-coupons=\"<%= showRemainingCoupons %>\"\n data-coupon-codes=\"<%= coupons.map(({ couponTemplateCode }) => couponTemplateCode) %>\">\n

<%= title || '제목을 입력해주세요.' %>

<%= content || '본문을 입력해주세요.' %>

; color: <%= couponTextColor || '#ffffff' %> \">\n
\n
\n
\n
COUPON
\n (자동 구성)\n
\n
\n
\n
\n
\n (자동 구성)\n
\n
\n
\n

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

(자동 구성)

\n <% } %>\n

\n \n

\n" }, "values": { "startDate": "2024-05-01T14:00", "endDate": "2024-05-31T23:59", "paddingTop": "20", "paddingBottom": "20", "colorTheme": "dark", "couponColor": "", "couponTextColor": "#ffffff", "title": "Discount Coupons for May", "content": "Lowest Price Now", "buttonText": "Download", "buttonTextColor": "#ffffff", "buttonBgColor": "#1733C5", "showRemainingCoupons": false, "coupons": [ { "couponTemplateCode": "269533_USPRM5" } ] }, "uniqueId": "fc-block-2-4ojak9vyb", "isChecked": false, "hidden": true }, { "id": "fc-block-1-oo3jot9hw", "layout": { "id": "901", "description": "월 금액 강조 (동적 요소)", "icon": "\n", "params": [ { "name": "상품 설정 컴포저입니다.", "type": "reset" }, { "name": "showGraph", "type": "checkbox", "description": "그래프 보이기/감추기" }, { "name": "useNewTab", "type": "checkbox", "description": "새창으로 열기" }, { "name": "title", "type": "text", "description": "그래프 제목" }, { "name": "content", "type": "text", "description": "그래프 내용" } ], "values": { "showGraph": false, "useNewTab": false, "title": "제목을 입력해주세요.", "content": "(자동)", "상품 설정 컴포저입니다.": "매칭된 상품의 상세페이지에서 설정해주세요." }, "template": "\"\n data-use-new-tab=\"<%= useNewTab %>\"\n data-chart-title=\"<%= title %>\"\n data-chart-content=\"<%= showGraph ? content : '' %>\"\n>\n

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

\n (자동)
\n 한 번 구매로,
\n 평생 소장하세요.\n

\n
\n
\n
\n
\n
\n
\n
\n 오늘이 최저가!\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
<%= title %>
\n
<%= content %>
\n
\n
\n <% } %>\n
\n
\n (자동)\n
\n
\n
\n
\n 정가\n ~~(자동)~~\n
\n
\n 할인 금액\n (자동)\n
\n
\n
\n
\n
\n 현재 판매가\n (자동)\n
\n
\n
(자동)
\n * 12개월 무이자 할부 시\n
\n
\n
\n
\n
\n \n target=\"_blank\" rel=\"noopener noreferrer\" <% } %> class=\"payment-btn\">\n 바로 구매하기\n \n
\n
\n
\n
\n

\n\n" }, "values": { "showGraph": false, "useNewTab": true, "title": "", "content": "(자동)", "buttonLabel": "수강 신청하기", "상품 설정 컴포저입니다.": "매칭된 상품의 상세페이지에서 설정해주세요." }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-1-qxnlekow9", "isChecked": false, "hidden": true }, { "id": "fc-block-4-vz3f4o36h", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "60", "paddingBottom": "15", "backgroundColor": "#fff", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#000000", "text": "\n\n\n\nLecture Introduction", "content2": "2018-현재 구글 본사 프로덕트 디자이너 \n
\n2017-2018 디즈니 프로덕트 디자이너 \n
\n\n2014-2017 마이크로소프트 본사 UX 디자이너 " }, "uniqueId": "fc-block-1-o6920voy8", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-ktpjo1o7y", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "10", "backgroundColor": "#fff", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#3F0D24", "text": "\nMaster character faces from the basics to
\nadvanced level using Clip Studio.\n" }, "uniqueId": "fc-block-2-vkii9hjdc", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-6-qz3w1wo9y", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "30", "backgroundColor": "#fff", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#50303F", "text": "The face is the most important topic in all character illustrations!
\nEven if you just master the face in this one lesson, you can draw high-quality illustrations. " }, "uniqueId": "fc-block-3-61ecnjfmm", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-24-td93pui0t", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "\n", "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": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 20, "params": [ { "name": "imageUrl", "type": "image", "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", "cards": [ { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "
rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\">\n
\n
\n
\" data-column-count=\"<%= columnCount %>\">\n <% cards.forEach(({ imageUrl, text1, text2 }) => { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% }); %>\n
\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "20", "columnCount": "3", "backgroundColor": "#fff", "colorTheme": "theme-light-mono", "text1Size": "fc-content-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/220749-1456/toku-intro01.png", "text1": "Point 1
Eyes, nose and mouth basic drawing", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/220753-1456/toku-intro02.png", "text1": "Point 2
Face drawing from different angles", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/220758-1456/toku-intro03.png", "text1": "Point 3
Various hairstyle expressions", "text2": "" } ] }, "uniqueId": "fc-block-6-z9bulv6xv", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-11-54bxqa1bc", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "\n", "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": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 20, "params": [ { "name": "imageUrl", "type": "image", "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", "cards": [ { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "
rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\">\n
\n
\n
\" data-column-count=\"<%= columnCount %>\">\n <% cards.forEach(({ imageUrl, text1, text2 }) => { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% }); %>\n
\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "60", "columnCount": "3", "backgroundColor": "#fff", "colorTheme": "theme-light-mono", "text1Size": "fc-content-text", "text2Size": "fc-content-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/220829-1456/toku-intro04.png", "text1": "Point 4
How to color each face part", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/220833-1456/toku-intro05.png", "text1": "Point 5
Simple colored face illustration", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/220837-1456/toku-intro06.png", "text1": "Point 6
High quality face illustration", "text2": "" } ] }, "uniqueId": "fc-block-7-cr4nd9rsw", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-jqzadxcqf", "layout": { "id": "104", "description": "배경이미지가 있는 2단 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "backgroundColorOpacity", "type": "number", "description": "1~100" }, { "name": "backgroundImageUrl", "type": "image", "description": "1920 x auto" }, { "name": "mobileBackgroundImageUrl", "type": "image", "description": "mobile background image url" }, { "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": "", "backgroundColorOpacity": 50, "backgroundImageUrl": "", "mobileBackgroundImageUrl": "", "textColor": "#000000", "textSize1": "fc-content-text", "text1": "", "textSize2": "fc-content-text", "text2": "" }, "template": "
rem; padding-bottom: <%=paddingBottom/10%>rem;\">\n
\n
\">\n
\">\n <%= text1 %>\n
\n
\">\n <%= text2 %>\n
\n
\n
\n
background: <%= backgroundColor %>; <% } %>opacity: <%= backgroundColorOpacity/100 %>\">
\n \n \" />\n \" />\n \" alt=\"\" loading=\"lazy\">\n \n
\n" }, "values": { "paddingTop": "60", "paddingBottom": "60", "backgroundColor": "#CAE6EB", "backgroundColorOpacity": "0", "backgroundImageUrl": "https://cdn.day1company.io/prod/uploads/202303/075518-476/toku-interview.webp", "mobileBackgroundImageUrl": "https://cdn.day1company.io/prod/uploads/202303/071623-476/ttoku-interview-mob-.png", "textColor": "283B3D", "textSize1": "fc-content-text", "text1": "\nHello.
\nThis is illustrator Tokyun.\n\n

\n \nThere are various study methods in painting,
\nIn my opinion, the best study method is ‘fun.’
\nIn order to have fun studying drawing
\nStudying something you can enjoy
\nIt's the most important. As long as the face comes out well
\nThere's never a time when drawing isn't fun,

\n\nIn particular, 'character face' is used by many beginners
\nIt's one of my favorite topics to draw.
\nEven if you started from a complete beginner level,
\nAt least one ‘character face’ has professional level perfection.\nTo help you achieve this, start by drawing a lively face
\nEven hand gestures that make your face stand out even more
\nWe have prepared a curriculum that everyone can learn.\n

\nSkills and enjoyment through my lectures
\nI hope you kill two birds with one stone.\n\n", "textSize2": "fc-content-text", "text2": "" }, "uniqueId": "fc-block-4-zyy23mykq", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-uo64h9rrl", "layout": { "id": "103", "description": "배경이미지가 있는 1단 텍스트", "icon": "\n", "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": "mobileBackgroundImageUrl", "type": "image", "description": "mobile background image url" }, { "name": "textColor", "type": "text", "description": "font 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": "", "textColor": "#000000", "textSize1": "fc-h1-text", "text1": "", "textSize2": "fc-content-text", "text2": "" }, "template": "
rem; padding-bottom: <%=paddingBottom/10%>rem;\">\n
\n <% if (text1) { %>\n
\" style=\"<% if(textColor) { %>color: <%= textColor %>;<% } %>; <% if (useTextLeft) { %> text-align: left;<% } %>\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\" style=\"<% if(textColor) { %>color: <%= textColor %>;<% } %>; <% if (useTextLeft) { %> text-align: left;<% } %>\"><%= text2 %>
\n <% } %>\n
\n
background: <%= backgroundColor %>; <% } %>opacity: <%= backgroundColorOpacity/100 %>\">
\n \n \" />\n \" />\n \" alt=\"\" loading=\"lazy\">\n \n
\n" }, "values": { "paddingTop": "45", "paddingBottom": "45", "backgroundColor": "#000", "useTextLeft": false, "backgroundColorOpacity": "20", "backgroundImageUrl": "https://cdn.day1company.io/prod/uploads/202302/012501-847/neo-bg.png", "mobileBackgroundImageUrl": "", "textColor": "#fff", "textSize1": "fc-content-text", "text1": "\n\n
\n\n\n\nThe largest scale in Korea
\nCharacter Illustration Education Academy ‘Neo Academy’ \n

\n\n\nFrom the basics to practical know-how,
\nCurrent professional illustrators and popular authors\nA wide range of illustration lectures with customized solutions\nNow you can also find it at Fast Campus.\n\n\n\n", "textSize2": "fc-content-text", "text2": "" }, "uniqueId": "fc-block-5-g2zgulhwm", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-10-vzlp1ni57", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "60", "paddingBottom": "15", "backgroundColor": "#fff", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#000000", "text": "\n\n\n\nInstructor's Portfolio", "content2": "2018-현재 구글 본사 프로덕트 디자이너 \n
\n2017-2018 디즈니 프로덕트 디자이너 \n
\n\n2014-2017 마이크로소프트 본사 UX 디자이너 " }, "uniqueId": "fc-block-6-l09na03k5", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-11-uvx0ffjcr", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "10", "backgroundColor": "#fff", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#3F0D24", "text": "\nCasual character illustration with
\nvivid character expressions\n" }, "uniqueId": "fc-block-7-dt6ynypj8", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-6-9vos0trb0", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "30", "backgroundColor": "#fff", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#50303F", "text": "Take a look at the artist's latest works,
\nwhich express delicate and beautiful character faces from any angle." }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-2-wcup7aatk", "isChecked": false }, { "id": "fc-block-8-rc5i5dzyd", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "\n", "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": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 20, "params": [ { "name": "imageUrl", "type": "image", "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", "cards": [ { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "
rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\">\n
\n
\n
\" data-column-count=\"<%= columnCount %>\">\n <% cards.forEach(({ imageUrl, text1, text2 }) => { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% }); %>\n
\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "20", "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/050046-476/toku-pofol01.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/050100-476/toku-pofol02.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/050103-476/toku-pofol03.webp", "text1": "", "text2": "" } ] }, "uniqueId": "fc-block-8-vvaqutb4z", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-9-p5op1ion8", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "\n", "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": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 20, "params": [ { "name": "imageUrl", "type": "image", "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", "cards": [ { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "
rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\">\n
\n
\n
\" data-column-count=\"<%= columnCount %>\">\n <% cards.forEach(({ imageUrl, text1, text2 }) => { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% }); %>\n
\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "20", "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/050107-476/toku-pofol04.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/050110-476/toku-pofol05.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/050113-476/toku-pofol06.webp", "text1": "", "text2": "" } ] }, "uniqueId": "fc-block-9-gciefn7zb", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-7-kd9h6eip7", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "\n", "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": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 20, "params": [ { "name": "imageUrl", "type": "image", "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", "cards": [ { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "
rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\">\n
\n
\n
\" data-column-count=\"<%= columnCount %>\">\n <% cards.forEach(({ imageUrl, text1, text2 }) => { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% }); %>\n
\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "60", "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/050117-476/toku-pofol07.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/050120-476/toku-pofol08.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/050123-476/toku-pofol09.webp", "text1": "", "text2": "" } ] }, "uniqueId": "fc-block-10-iqfsntiyw", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-31-ncdtghbif", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "60", "paddingBottom": "15", "backgroundColor": "#FCF0F4", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#000000", "text": "\n\n\n\nBeginner Curriculum", "content2": "2018-현재 구글 본사 프로덕트 디자이너 \n
\n2017-2018 디즈니 프로덕트 디자이너 \n
\n\n2014-2017 마이크로소프트 본사 UX 디자이너 " }, "uniqueId": "fc-block-11-m7gvhoo6c", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-16-0qffq09mk", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "30", "backgroundColor": "#FCF0F4 ", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#3F0D24", "text": "\nA detailed, step-by-step
\nexplanation starting from the eyes, nose, and mouth for beginners.\n" }, "uniqueId": "fc-block-5-lvtdh2pon", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-14-lg005uv7t", "layout": { "id": "403", "description": "아이콘 가로 가변형 카드", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "cardType", "type": "select", "description": "card type", "options": [ "row", "column" ] }, { "name": "cardWidth", "type": "number", "description": "480 ~ 980" }, { "name": "useCardLeft", "type": "checkbox", "description": "use card left" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "border size", "options": [ 1, 2 ] }, { "name": "imageUrl", "type": "image", "description": "100 x 100" }, { "name": "imageSize", "type": "text", "description": "20 ~ 100" }, { "name": "fontSize", "type": "select", "description": "text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "fontColor", "type": "text", "description": "#000000" }, { "name": "content", "type": "textarea", "description": "content" } ], "values": { "backgroundColor": "", "cardType": "row", "borderColor": "#000000", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "", "imageUrl": "", "imageSize": 100, "fontSize": "fc-content-text", "fontColor": "#000000", "content": "" }, "template": "
background-color: <%= backgroundColor %><% } %>\">\n
\">\n
container__content--border-size-<%= borderSize %>\" style=\"width: <%= cardWidth/10 %>rem; <% if(borderColor) { %>border-color: <%= borderColor %>;<% } %> <% if(cardBackgroundColor) { %> background-color: <%= cardBackgroundColor %><% } %>\">\n <% if (imageUrl) { %>\n \" alt=\"\" style=\"<% if(imageSize) {%> width: <%= imageSize/10 %>rem; height: <%= imageSize/10 %>rem;<% } %>\" loading=\"lazy\">\n <% } %>\n
\" style=\"color: <%= fontColor || '#000000' %>\">\n <%= content %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "#FCF0F4 ", "cardType": "row", "borderColor": "#F7DFE5", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "#FAE1E7", "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/050415-476/number01.png", "imageSize": "40", "fontSize": "fc-content-text", "fontColor": "#50303F", "content": "The eyes, nose, and mouth of a casual character that you really understand.\n
\nWhen you start learning to draw, your mind is full of question marks. ‘Why is it drawn like this?’
\nI will explain the part you were curious about based on the images you see in reality.
\nOnce you understand it like this, you can apply it much more easily than if you simply memorize it and draw it." }, "uniqueId": "fc-block-12-j9ygagji3", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-15-eq7zuogu9", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "\n", "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": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 20, "params": [ { "name": "imageUrl", "type": "image", "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", "cards": [ { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "
rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\">\n
\n
\n
\" data-column-count=\"<%= columnCount %>\">\n <% cards.forEach(({ imageUrl, text1, text2 }) => { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% }); %>\n
\n
\n
\n
\n
\n" }, "values": { "paddingTop": "20", "paddingBottom": "40", "columnCount": "3", "backgroundColor": "#FCF0F4 ", "colorTheme": "theme-light-red", "text1Size": "fc-h6-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/050549-476/toku-basic01-01.png", "text1": "01 Various ways to express mouth
shapes", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/050539-476/toku-basic01-02.png", "text1": "02 Eye expression method according to angle", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/050708-476/toku-basic01-03.png", "text1": "03 Casual character nose expression
method", "text2": "" } ] }, "uniqueId": "fc-block-13-fbp1q16n5", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-18-owa1akw14", "layout": { "id": "403", "description": "아이콘 가로 가변형 카드", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "cardType", "type": "select", "description": "card type", "options": [ "row", "column" ] }, { "name": "cardWidth", "type": "number", "description": "480 ~ 980" }, { "name": "useCardLeft", "type": "checkbox", "description": "use card left" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "border size", "options": [ 1, 2 ] }, { "name": "imageUrl", "type": "image", "description": "100 x 100" }, { "name": "imageSize", "type": "text", "description": "20 ~ 100" }, { "name": "fontSize", "type": "select", "description": "text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "fontColor", "type": "text", "description": "#000000" }, { "name": "content", "type": "textarea", "description": "content" } ], "values": { "backgroundColor": "", "cardType": "row", "borderColor": "#000000", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "", "imageUrl": "", "imageSize": 100, "fontSize": "fc-content-text", "fontColor": "#000000", "content": "" }, "template": "
background-color: <%= backgroundColor %><% } %>\">\n
\">\n
container__content--border-size-<%= borderSize %>\" style=\"width: <%= cardWidth/10 %>rem; <% if(borderColor) { %>border-color: <%= borderColor %>;<% } %> <% if(cardBackgroundColor) { %> background-color: <%= cardBackgroundColor %><% } %>\">\n <% if (imageUrl) { %>\n \" alt=\"\" style=\"<% if(imageSize) {%> width: <%= imageSize/10 %>rem; height: <%= imageSize/10 %>rem;<% } %>\" loading=\"lazy\">\n <% } %>\n
\" style=\"color: <%= fontColor || '#000000' %>\">\n <%= content %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "#FCF0F4 ", "cardType": "row", "borderColor": "#F7DFE5", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "#FAE1E7", "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/051057-476/number2.png", "imageSize": "40", "fontSize": "fc-content-text", "fontColor": "#50303F", "content": "Various eye designs for each character mood\n
\nA variety of factors, such as the ratio of the width and height of the eyes, the angle of the eye tail, and the size of the pupil,
\ncome together to change the character's mood and personality.
\nSince this is the part of the face that attracts the most attention, I prepared to learn it in detail." }, "uniqueId": "fc-block-14-3mpe93rir", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-19-0p4yoifxt", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "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": "#FCF0F4 " }, "uniqueId": "fc-block-15-z8nj50kx0", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-20-p01ktminy", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#FCF0F4 ", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/221227-1456/-toku-basic02.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202405/221257-1456/-toku-basic02-mob-.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-16-q0abo2jvu", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-23-5ih7vdlq8", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "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": "#FCF0F4 " }, "uniqueId": "fc-block-17-4w3konjto", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-22-wxjrth1mb", "layout": { "id": "403", "description": "아이콘 가로 가변형 카드", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "cardType", "type": "select", "description": "card type", "options": [ "row", "column" ] }, { "name": "cardWidth", "type": "number", "description": "480 ~ 980" }, { "name": "useCardLeft", "type": "checkbox", "description": "use card left" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "border size", "options": [ 1, 2 ] }, { "name": "imageUrl", "type": "image", "description": "100 x 100" }, { "name": "imageSize", "type": "text", "description": "20 ~ 100" }, { "name": "fontSize", "type": "select", "description": "text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "fontColor", "type": "text", "description": "#000000" }, { "name": "content", "type": "textarea", "description": "content" } ], "values": { "backgroundColor": "", "cardType": "row", "borderColor": "#000000", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "", "imageUrl": "", "imageSize": 100, "fontSize": "fc-content-text", "fontColor": "#000000", "content": "" }, "template": "
background-color: <%= backgroundColor %><% } %>\">\n
\">\n
container__content--border-size-<%= borderSize %>\" style=\"width: <%= cardWidth/10 %>rem; <% if(borderColor) { %>border-color: <%= borderColor %>;<% } %> <% if(cardBackgroundColor) { %> background-color: <%= cardBackgroundColor %><% } %>\">\n <% if (imageUrl) { %>\n \" alt=\"\" style=\"<% if(imageSize) {%> width: <%= imageSize/10 %>rem; height: <%= imageSize/10 %>rem;<% } %>\" loading=\"lazy\">\n <% } %>\n
\" style=\"color: <%= fontColor || '#000000' %>\">\n <%= content %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "#FCF0F4 ", "cardType": "row", "borderColor": "#F7DFE5", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "#FAE1E7", "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/051530-476/number3.png", "imageSize": "40", "fontSize": "fc-content-text", "fontColor": "#50303F", "content": "Character face ratio by angle\n
\nIf there is one thing that is as important as the beautiful shape of the eyes, nose, and mouth, it is proportion.
\nHave you noticed that the positions of the eyes, nose, and mouth slightly change depending on the angle of the face?
\nWe will make it easier for you to understand through basic shapes and comparison guides." }, "uniqueId": "fc-block-18-01sq5cr0m", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-16-aanocgkx8", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "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": "#FCF0F4 " }, "uniqueId": "fc-block-19-b6djg7szx", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-24-07pdf75o7", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#FCF0F4 ", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/051833-476/-toku-basic03.webp", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202303/051836-476/-toku-basic03-mob-.webp", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-20-xbgqtj0p5", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-25-i1gb95v3g", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "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": "#FCF0F4 " }, "uniqueId": "fc-block-21-hwsqoxle6", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-27-6uzm6mb78", "layout": { "id": "403", "description": "아이콘 가로 가변형 카드", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "cardType", "type": "select", "description": "card type", "options": [ "row", "column" ] }, { "name": "cardWidth", "type": "number", "description": "480 ~ 980" }, { "name": "useCardLeft", "type": "checkbox", "description": "use card left" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "border size", "options": [ 1, 2 ] }, { "name": "imageUrl", "type": "image", "description": "100 x 100" }, { "name": "imageSize", "type": "text", "description": "20 ~ 100" }, { "name": "fontSize", "type": "select", "description": "text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "fontColor", "type": "text", "description": "#000000" }, { "name": "content", "type": "textarea", "description": "content" } ], "values": { "backgroundColor": "", "cardType": "row", "borderColor": "#000000", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "", "imageUrl": "", "imageSize": 100, "fontSize": "fc-content-text", "fontColor": "#000000", "content": "" }, "template": "
background-color: <%= backgroundColor %><% } %>\">\n
\">\n
container__content--border-size-<%= borderSize %>\" style=\"width: <%= cardWidth/10 %>rem; <% if(borderColor) { %>border-color: <%= borderColor %>;<% } %> <% if(cardBackgroundColor) { %> background-color: <%= cardBackgroundColor %><% } %>\">\n <% if (imageUrl) { %>\n \" alt=\"\" style=\"<% if(imageSize) {%> width: <%= imageSize/10 %>rem; height: <%= imageSize/10 %>rem;<% } %>\" loading=\"lazy\">\n <% } %>\n
\" style=\"color: <%= fontColor || '#000000' %>\">\n <%= content %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "#FCF0F4 ", "cardType": "row", "borderColor": "#F7DFE5", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "#FAE1E7", "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/051713-476/number4.png", "imageSize": "40", "fontSize": "fc-content-text", "fontColor": "#50303F", "content": "How to express various character expressions\n
\nWhat I think is the strength of my illustration portfolio is the vivid facial expressions.
\nEven the same laugh can come in many different forms, including a touching laugh, a happy laugh, and a sad laugh.
\nGive the characters in the illustration a lifelike feel." }, "uniqueId": "fc-block-22-toh82qc3l", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-29-g0lpzsne2", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "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": "#FCF0F4 " }, "uniqueId": "fc-block-23-wz61rt81m", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-28-jc4rwxz3s", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#FCF0F4 ", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/051823-476/-toku-basic04.webp", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202303/051827-476/-toku-basic04-mob-.webp", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-24-xfzyvvsh5", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-30-xjr7tuov7", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "\n", "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": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 20, "params": [ { "name": "imageUrl", "type": "image", "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", "cards": [ { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "
rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\">\n
\n
\n
\" data-column-count=\"<%= columnCount %>\">\n <% cards.forEach(({ imageUrl, text1, text2 }) => { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% }); %>\n
\n
\n
\n
\n
\n" }, "values": { "paddingTop": "20", "paddingBottom": "40", "columnCount": "3", "backgroundColor": "#FCF0F4 ", "colorTheme": "theme-light-red", "text1Size": "fc-h6-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/051911-476/toku-basic04-01.png", "text1": "01 10 expressions of ‘joy’", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/051916-476/toku-basic04-02.png", "text1": "02 10 types of ‘sadness’ expressions", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/051919-476/toku-basic04-03.png", "text1": "03 10 types of ‘anger’ expressions", "text2": "" } ] }, "uniqueId": "fc-block-25-i6afwdkih", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-aqk58t95x", "layout": { "id": "403", "description": "아이콘 가로 가변형 카드", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "cardType", "type": "select", "description": "card type", "options": [ "row", "column" ] }, { "name": "cardWidth", "type": "number", "description": "480 ~ 980" }, { "name": "useCardLeft", "type": "checkbox", "description": "use card left" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "border size", "options": [ 1, 2 ] }, { "name": "imageUrl", "type": "image", "description": "100 x 100" }, { "name": "imageSize", "type": "text", "description": "20 ~ 100" }, { "name": "fontSize", "type": "select", "description": "text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "fontColor", "type": "text", "description": "#000000" }, { "name": "content", "type": "textarea", "description": "content" } ], "values": { "backgroundColor": "", "cardType": "row", "borderColor": "#000000", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "", "imageUrl": "", "imageSize": 100, "fontSize": "fc-content-text", "fontColor": "#000000", "content": "" }, "template": "
background-color: <%= backgroundColor %><% } %>\">\n
\">\n
container__content--border-size-<%= borderSize %>\" style=\"width: <%= cardWidth/10 %>rem; <% if(borderColor) { %>border-color: <%= borderColor %>;<% } %> <% if(cardBackgroundColor) { %> background-color: <%= cardBackgroundColor %><% } %>\">\n <% if (imageUrl) { %>\n \" alt=\"\" style=\"<% if(imageSize) {%> width: <%= imageSize/10 %>rem; height: <%= imageSize/10 %>rem;<% } %>\" loading=\"lazy\">\n <% } %>\n
\" style=\"color: <%= fontColor || '#000000' %>\">\n <%= content %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "#FCF0F4 ", "cardType": "row", "borderColor": "#F7DFE5", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "#FAE1E7", "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/052419-476/number5.png", "imageSize": "40", "fontSize": "fc-content-text", "fontColor": "#50303F", "content": "Practice different hairstyles\n
\nThe difficult part of drawing a face is the hair. Since there are so many different hairstyles, the best way to study is to try out different
styles.\nAmong them, we have prepared 15 representative ones that can be applied to any character once learned." }, "uniqueId": "fc-block-1-paf4tmxtb", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-21-1vagpdeg1", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "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": "#FCF0F4 " }, "uniqueId": "fc-block-27-dvrrihu8v", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-fzuw6yhrq", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#FCF0F4 ", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/221451-1456/toku-basic05.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202405/221702-1456/toku-gif1-frame-mob-.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-2-wpjr8w805", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-26-ga2th5dys", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "\n", "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": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 20, "params": [ { "name": "imageUrl", "type": "image", "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", "cards": [ { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "
rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\">\n
\n
\n
\" data-column-count=\"<%= columnCount %>\">\n <% cards.forEach(({ imageUrl, text1, text2 }) => { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% }); %>\n
\n
\n
\n
\n
\n" }, "values": { "paddingTop": "20", "paddingBottom": "40", "columnCount": "3", "backgroundColor": "#FCF0F4 ", "colorTheme": "theme-light-red", "text1Size": "fc-h6-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/052301-476/toku-basic05-01.png", "text1": "01 Understanding wavy hair", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/052310-476/toku-basic05-02.png", "text1": "02 Understanding braided hair", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/052318-476/toku-basic05-03.png", "text1": "03 Understanding bundled hair", "text2": "" } ] }, "uniqueId": "fc-block-29-gishjeii8", "isChecked": false, "hidden": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-12-x96sxiwwy", "layout": { "id": "403", "description": "아이콘 가로 가변형 카드", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "cardType", "type": "select", "description": "card type", "options": [ "row", "column" ] }, { "name": "cardWidth", "type": "number", "description": "480 ~ 980" }, { "name": "useCardLeft", "type": "checkbox", "description": "use card left" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "border size", "options": [ 1, 2 ] }, { "name": "imageUrl", "type": "image", "description": "100 x 100" }, { "name": "imageSize", "type": "text", "description": "20 ~ 100" }, { "name": "fontSize", "type": "select", "description": "text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "fontColor", "type": "text", "description": "#000000" }, { "name": "content", "type": "textarea", "description": "content" } ], "values": { "backgroundColor": "", "cardType": "row", "borderColor": "#000000", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "", "imageUrl": "", "imageSize": 100, "fontSize": "fc-content-text", "fontColor": "#000000", "content": "" }, "template": "
background-color: <%= backgroundColor %><% } %>\">\n
\">\n
container__content--border-size-<%= borderSize %>\" style=\"width: <%= cardWidth/10 %>rem; <% if(borderColor) { %>border-color: <%= borderColor %>;<% } %> <% if(cardBackgroundColor) { %> background-color: <%= cardBackgroundColor %><% } %>\">\n <% if (imageUrl) { %>\n \" alt=\"\" style=\"<% if(imageSize) {%> width: <%= imageSize/10 %>rem; height: <%= imageSize/10 %>rem;<% } %>\" loading=\"lazy\">\n <% } %>\n
\" style=\"color: <%= fontColor || '#000000' %>\">\n <%= content %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "#FCF0F4 ", "cardType": "row", "borderColor": "#F7DFE5", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "#FAE1E7", "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/003514-476/number6.png", "imageSize": "40", "fontSize": "fc-content-text", "fontColor": "#50303F", "content": "Hand gestures that bring attention to the character\n
\nThe head that extends beyond the shoulders feels somewhat empty and stiff, like an ID photo.\nAdd depth and quality to your illustrations through various hand gestures that draw attention to the character's face.\nLearn through various examples, from the most basic hand
structure to subtle differences in curvature." }, "uniqueId": "fc-block-26-19htdnn12", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-4-0ydry4spa", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "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": "#FCF0F4 " }, "uniqueId": "fc-block-3-wsuj7v19q", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-17-3wa0hsbg6", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#FCF0F4 ", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/004121-476/toku-basic06.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202303/054057-476/-toku-basic06-mob-.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-28-ij2k9c2uu", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-0lk7lfdac", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "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": "#FCF0F4 " }, "uniqueId": "fc-block-4-asjd73vgh", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-37-qj9n5dqqt", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "60", "paddingBottom": "15", "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#000000", "text": "\n\n\n\nIntermediate Curriculum", "content2": "2018-현재 구글 본사 프로덕트 디자이너 \n
\n2017-2018 디즈니 프로덕트 디자이너 \n
\n\n2014-2017 마이크로소프트 본사 UX 디자이너 " }, "uniqueId": "fc-block-30-ro6vstc98", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-38-9qduv78pt", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "10", "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#3F0D24", "text": "\nHow to use various illustrations
\nusing Clip Studio 200%\n", "content2": "2018-현재 구글 본사 프로덕트 디자이너 \n
\n2017-2018 디즈니 프로덕트 디자이너 \n
\n\n2014-2017 마이크로소프트 본사 UX 디자이너 " }, "uniqueId": "fc-block-31-jpumnnpiy", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-39-4x64cgau0", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "30", "backgroundColor": "", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#50303F", "text": "We will teach you all the hidden uses of Clip Studio, from drawing using modeling to the line extraction function
\nthat allows you to create line drawings in just 5 seconds.", "content2": "2018-현재 구글 본사 프로덕트 디자이너 \n
\n2017-2018 디즈니 프로덕트 디자이너 \n
\n\n2014-2017 마이크로소프트 본사 UX 디자이너 " }, "uniqueId": "fc-block-32-db06zrc1m", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-35-73w72o9d8", "layout": { "id": "203", "description": "1~4단 이미지와 텍스트", "icon": "\n", "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": "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": "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": "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": "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=\"\" loading=\"lazy\">\n \n <% } else if (imageUrl1) { %>\n \" alt=\"\" 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=\"\" loading=\"lazy\">\n \n <% } else if (imageUrl2) { %>\n \" alt=\"\" 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=\"\" loading=\"lazy\">\n \n <% } else if (imageUrl3) { %>\n \" alt=\"\" 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=\"\" loading=\"lazy\">\n \n <% } else if (imageUrl4) { %>\n \" alt=\"\" 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
\n
\n" }, "values": { "backgroundColor": "#ffffff", "textColor": "", "buttonColor": "#466eff", "buttonTextColor": "#ffffff", "useTextCenter": false, "useColumnInMobile": false, "titleSize": "fc-h6-text", "contentSize": "fc-content-text", "imageUrl1": "https://cdn.day1company.io/prod/uploads/202303/053939-476/toku-mid-01.webp", "title1": "01 Delineation of character contrast using correction function", "content1": "\nUsing Clip Studio's features, we depict everything from efficient color\ncombinations to highlights, shadows, and reflected lights.\n", "useNewTab1": true, "buttonLabel1": "", "buttonLink1": "", "imageUrl2": "https://cdn.day1company.io/prod/uploads/202303/053947-476/toku-mid-02.webp", "title2": "02 Delineation of character contrast using correction function", "content2": "\nUsing Clip Studio's features, we depict everything from efficient color
\ncombinations to highlights, shadows, and reflected lights.\n", "useNewTab2": true, "buttonLabel2": "", "buttonLink2": "", "imageUrl3": "", "title3": "", "content3": "", "useNewTab3": true, "buttonLabel3": "", "buttonLink3": "", "imageUrl4": "", "title4": "", "content4": "", "useNewTab4": true, "buttonLabel4": "", "buttonLink4": "" }, "uniqueId": "fc-block-33-u9mkxyr8z", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-36-j1b2ntuhw", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "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-34-l5kifl6pf", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-34-2gx7orwbf", "layout": { "id": "203", "description": "1~4단 이미지와 텍스트", "icon": "\n", "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": "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": "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": "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": "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=\"\" loading=\"lazy\">\n \n <% } else if (imageUrl1) { %>\n \" alt=\"\" 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=\"\" loading=\"lazy\">\n \n <% } else if (imageUrl2) { %>\n \" alt=\"\" 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=\"\" loading=\"lazy\">\n \n <% } else if (imageUrl3) { %>\n \" alt=\"\" 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=\"\" loading=\"lazy\">\n \n <% } else if (imageUrl4) { %>\n \" alt=\"\" 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
\n
\n" }, "values": { "backgroundColor": "#ffffff", "textColor": "", "buttonColor": "#466eff", "buttonTextColor": "#ffffff", "useTextCenter": false, "useColumnInMobile": false, "titleSize": "fc-h6-text", "contentSize": "fc-content-text", "imageUrl1": "https://cdn.day1company.io/prod/uploads/202303/054301-476/toku-mid-03.webp", "title1": "03 Cell-style illustration using gradient map", "content1": "\nPerform quick and easy cell coloring using auto-action correction and
gradient maps.\n", "useNewTab1": true, "buttonLabel1": "", "buttonLink1": "", "imageUrl2": "https://cdn.day1company.io/prod/uploads/202303/054255-476/toku-mid-04.webp", "title2": "04 Naturally using prop modeling", "content2": "\nLearn how to use the line extraction function of 3D prop modeling to
\nnaturally incorporate it into 2D illustrations..\n", "useNewTab2": true, "buttonLabel2": "", "buttonLink2": "", "imageUrl3": "", "title3": "", "content3": "", "useNewTab3": true, "buttonLabel3": "", "buttonLink3": "", "imageUrl4": "", "title4": "", "content4": "", "useNewTab4": true, "buttonLabel4": "", "buttonLink4": "" }, "uniqueId": "fc-block-35-596vf9d3x", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-40-zfcwjscbp", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "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-36-c2uuf8211", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-45-28xj6r230", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "60", "paddingBottom": "15", "backgroundColor": "#E6F5F7", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#000000", "text": "\n\n\n\nBenefits provided ❶", "content2": "2018-현재 구글 본사 프로덕트 디자이너 \n
\n2017-2018 디즈니 프로덕트 디자이너 \n
\n\n2014-2017 마이크로소프트 본사 UX 디자이너 " }, "uniqueId": "fc-block-37-olqsw3hmp", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-46-eybyoc1jl", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "10", "backgroundColor": "#E6F5F7", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#1D3D41", "text": "\nProvides a freely usable
\nImeres head frame\n", "content2": "2018-현재 구글 본사 프로덕트 디자이너 \n
\n2017-2018 디즈니 프로덕트 디자이너 \n
\n\n2014-2017 마이크로소프트 본사 UX 디자이너 " }, "uniqueId": "fc-block-38-jubamhw5b", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-47-ox6t0gkio", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "30", "backgroundColor": "#E6F5F7", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#4E686B", "text": "We have also prepared an Imeres head frame to make your drawing life easier and more enjoyable.
Add various hairstyles and designs to the head frame. ", "content2": "2018-현재 구글 본사 프로덕트 디자이너 \n
\n2017-2018 디즈니 프로덕트 디자이너 \n
\n\n2014-2017 마이크로소프트 본사 UX 디자이너 " }, "uniqueId": "fc-block-39-iv6f3qgpi", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-43-zjm72k3zs", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "20", "backgroundColor": "#E6F5F7", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#4E686B", "text": "Point 1.
\n\nYou can draw about 700 different heads. \n", "content2": "2018-현재 구글 본사 프로덕트 디자이너 \n
\n2017-2018 디즈니 프로덕트 디자이너 \n
\n\n2014-2017 마이크로소프트 본사 UX 디자이너 " }, "uniqueId": "fc-block-40-c64eot9hb", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-53-f70jabfmr", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "\n", "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": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 20, "params": [ { "name": "imageUrl", "type": "image", "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", "cards": [ { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "
rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\">\n
\n
\n
\" data-column-count=\"<%= columnCount %>\">\n <% cards.forEach(({ imageUrl, text1, text2 }) => { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% }); %>\n
\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "20", "columnCount": "3", "backgroundColor": "#E6F5F7", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/231630-1456/gif02-01.gif", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/231730-1456/gif02-01-1.gif", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/231948-1456/gif02-01-3.gif", "text1": "", "text2": "" } ] }, "uniqueId": "fc-block-41-vcwzkw291", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-15-ir94fdo3z", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "20", "backgroundColor": "#E6F5F7", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#4E686B", "text": "Point 2.
\n\n\nEven difficult hand movements can be easily drawn through tracing.", "content2": "2018-현재 구글 본사 프로덕트 디자이너 \n
\n2017-2018 디즈니 프로덕트 디자이너 \n
\n\n2014-2017 마이크로소프트 본사 UX 디자이너 " }, "uniqueId": "fc-block-4-lcf51ntlo", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": false }, { "id": "fc-block-44-ihkyz0g6z", "layout": { "id": "212", "description": "자동재생 캐러셀 (인피니티루프, 셔플)", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "autoPlay", "type": "checkbox", "description": "default - on", "options": [ "3", "2" ] }, { "name": "shuffleOption", "type": "checkbox", "description": "컨텐츠의 순서를 셔플해서 보여주는 기능입니다.", "options": [ "3", "2" ] }, { "name": "autoPlayDelay", "type": "number", "description": "숫자를 입력하여 자동 재생되는 타이밍을 조절할 수 있습니다.
단위는 ms(밀리세컨드)로 조절됩니다.
1초 = 1000ms" }, { "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) content1(14px)", "options": [ "text--h5", "text--h6", "text--content1" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) content1(14px)", "options": [ "text--h5", "text--h6", "text--content1" ] }, { "name": "cards", "type": "list", "description": "카드는 반드시 규칙을 맞춰서 작성해주세요.
- 2단 설정 : 3개 이상 작성할 것
- 3단 설정 : 4개 이상 작성할 것", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "파일 업로드" }, { "name": "text1", "type": "text", "description": "자유 입력" }, { "name": "text2", "type": "text", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "autoPlay": true, "shuffleOption": false, "autoPlayDelay": 2500, "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "text--h5", "text2Size": "text--h6", "cards": [ { "imageUrl": "", "text1": "", "text2": "", "link": "" }, { "imageUrl": "", "text1": "", "text2": "", "link": "" }, { "imageUrl": "", "text1": "", "text2": "", "link": "" } ] }, "template": "rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>;\n \"\n>\n
\">\n
\n
\n \"\n data-column-count=\"<%= columnCount %>\"\n data-shuffle=\"<%= shuffleOption %>\"\n data-autoplay=\"<%= autoPlay %>\"\n data-delay=\"<%= autoPlayDelay %>\"\n >\n <% cards.forEach(({ imageUrl, text1, text2, link }) => { %>\n
\n <% if (link) { %> \"> <% } %> \n
\">\n <% if (imageUrl) { %>\n \" alt=\"\" loading=\"lazy\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %> <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n <% if (link) { %> <% } %> \n
\n <% }); %>\n \n
\n
\n
\n\n" }, "values": { "paddingTop": "0", "paddingBottom": "40", "columnCount": "3", "autoPlay": true, "shuffleOption": false, "autoPlayDelay": 2500, "backgroundColor": "#E6F5F7", "colorTheme": "theme-light-mono", "text1Size": "text--h5", "text2Size": "text--h6", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/054938-476/toku-bene-0101.png", "text1": "", "text2": "", "link": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/054945-476/toku-bene-0102.png", "text1": "", "text2": "", "link": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/054952-476/toku-bene-0103.png", "text1": "", "text2": "", "link": "" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/055000-476/toku-bene-0104.png", "text1": "", "text2": "" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/055005-476/toku-bene-0105.png", "text1": "", "text2": "" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/055011-476/toku-bene-0106.png", "text1": "", "text2": "" } ] }, "uniqueId": "fc-block-42-xt31jgxmw", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-50-nbnjyelep", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "15", "backgroundColor": "#E6F5F7", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#000000", "text": "\n\n\n\nBenefits provided ❷", "content2": "2018-현재 구글 본사 프로덕트 디자이너 \n
\n2017-2018 디즈니 프로덕트 디자이너 \n
\n\n2014-2017 마이크로소프트 본사 UX 디자이너 " }, "uniqueId": "fc-block-43-zwqw7ivm4", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-55-ym8dvuoh2", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "10", "backgroundColor": "#E6F5F7", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#1D3D41", "text": "\nProvides a list of 200 materials
\ncarefully selected by teacher Tokyun\n", "content2": "2018-현재 구글 본사 프로덕트 디자이너 \n
\n2017-2018 디즈니 프로덕트 디자이너 \n
\n\n2014-2017 마이크로소프트 본사 UX 디자이너 " }, "uniqueId": "fc-block-44-zt5xzxeo6", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-52-3brztp8k5", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "30", "backgroundColor": "#E6F5F7", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#4E686B", "text": "Are you having trouble finding useful and good materials?
\nYou can check everything from the list of materials to links and scope of use at a glance.", "content2": "2018-현재 구글 본사 프로덕트 디자이너 \n
\n2017-2018 디즈니 프로덕트 디자이너 \n
\n\n2014-2017 마이크로소프트 본사 UX 디자이너 " }, "uniqueId": "fc-block-45-370dby9ng", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-48-dxvg5aakn", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#E6F5F7", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/233613-1456/gif03-frame--1-.gif", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202405/233856-1456/gif03-frame-mob-.gif", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-46-jnmzuqdqx", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-49-sv0ssj88i", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "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": "#E6F5F7" }, "uniqueId": "fc-block-47-vl3g0udyr", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-54-qn5xzsifo", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "15", "backgroundColor": "#E6F5F7", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#000000", "text": "\n\n\n\nBenefits provided ❸", "content2": "2018-현재 구글 본사 프로덕트 디자이너 \n
\n2017-2018 디즈니 프로덕트 디자이너 \n
\n\n2014-2017 마이크로소프트 본사 UX 디자이너 " }, "uniqueId": "fc-block-48-x19d9ypx1", "isChecked": false, "hidden": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-33-0cus8lyrv", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "10", "backgroundColor": "#E6F5F7", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#1D3D41", "text": "\nA total of 10 step-by-step PSDs
\ncontaining the illustration demonstration process are provided.\n", "content2": "2018-현재 구글 본사 프로덕트 디자이너 \n
\n2017-2018 디즈니 프로덕트 디자이너 \n
\n\n2014-2017 마이크로소프트 본사 UX 디자이너 " }, "uniqueId": "fc-block-49-3jgvc85wd", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-41-r1m8zgebx", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "30", "backgroundColor": "#E6F5F7", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#4E686B", "text": "It is difficult to understand everything you learned in the process with just the completed PSD.
\nIn this lecture, not only the completed PSD but also the step-by-step PSD according to the learning content of each lecture is provided.
\n\n* The provided PSD file can be viewed at Clip Studio.\n", "content2": "2018-현재 구글 본사 프로덕트 디자이너 \n
\n2017-2018 디즈니 프로덕트 디자이너 \n
\n\n2014-2017 마이크로소프트 본사 UX 디자이너 " }, "uniqueId": "fc-block-50-ilfttz82w", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-42-52dalkigo", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "\n", "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": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 20, "params": [ { "name": "imageUrl", "type": "image", "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", "cards": [ { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "
rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\">\n
\n
\n
\" data-column-count=\"<%= columnCount %>\">\n <% cards.forEach(({ imageUrl, text1, text2 }) => { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% }); %>\n
\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "60", "columnCount": "3", "backgroundColor": "#E6F5F7", "colorTheme": "theme-light-red", "text1Size": "fc-content-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/060040-476/toku-bene-03-01.webp", "text1": "01 Illustration demonstration using modeling", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/060045-476/toku-bene-03-02.webp", "text1": "02 Simple and popular illustration demonstration", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/060049-476/toku-bene-03-03.webp", "text1": "03 High-quality illustration demonstration", "text2": "" } ] }, "uniqueId": "fc-block-51-a9xkpfv27", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-59-vbt1s2qpz", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "60", "paddingBottom": "15", "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#000000", "text": "\n\n\n\npro curriculum", "content2": "2018-현재 구글 본사 프로덕트 디자이너 \n
\n2017-2018 디즈니 프로덕트 디자이너 \n
\n\n2014-2017 마이크로소프트 본사 UX 디자이너 " }, "uniqueId": "fc-block-52-zi1qsqkcw", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-57-klt5qpefa", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "10", "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#3F0D24", "text": "\nComplete the process
\n from rough to correction just like a pro.\n", "content2": "2018-현재 구글 본사 프로덕트 디자이너 \n
\n2017-2018 디즈니 프로덕트 디자이너 \n
\n\n2014-2017 마이크로소프트 본사 UX 디자이너 " }, "uniqueId": "fc-block-53-d2rnimwhf", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-51-0osqbyvk4", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "30", "backgroundColor": "", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#50303F", "text": "We demonstrate the entire work process in detail from start to finish so that you can complete your face illustration like a pro.
\n\n\n*The illustration is an example that will be covered in the actual lecture. \n", "content2": "2018-현재 구글 본사 프로덕트 디자이너 \n
\n2017-2018 디즈니 프로덕트 디자이너 \n
\n\n2014-2017 마이크로소프트 본사 UX 디자이너 " }, "uniqueId": "fc-block-54-luu5zn9l0", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-58-ebhe78ppc", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "\n", "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": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 20, "params": [ { "name": "imageUrl", "type": "image", "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", "cards": [ { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "
rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\">\n
\n
\n
\" data-column-count=\"<%= columnCount %>\">\n <% cards.forEach(({ imageUrl, text1, text2 }) => { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% }); %>\n
\n
\n
\n
\n
\n" }, "values": { "paddingTop": "", "paddingBottom": "60", "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h6-text", "text2Size": "fc-content-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/060446-476/toku-ad-01.png", "text1": "01 Line drawing work", "text2": "Based on the rough draft, I create clean line \ndrawings. The photo source\nis set aside as it will be composited in a later step." }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/060451-476/toku-ad-02.png", "text1": "02 Undertone work", "text2": "Adjust the background and set the base color
\nto match the atmosphere you have envisioned.
\nWe focus on achieving overall balance." }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/060502-476/toku-ad-03.png", "text1": "03 Coloring base work", "text2": "Add basic highlights, reflected light, shadows,
\nand contrast to increase detail." }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/060507-476/toku-ad-04.png", "text1": "04 Detailed description", "text2": "Set up detailed light and shadow settings and
\nupload a description of the subject matter
\nyou want to emphasize." }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/060511-476/toku-ad-05.png", "text1": "05 Overall color correction", "text2": "Use tone curves, layer effects, etc.\nto enhance the atmosphere of the illustration." } ] }, "uniqueId": "fc-block-55-tchq4fdrt", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-60-yum6618pi", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "60", "paddingBottom": "15", "backgroundColor": "#291820", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#000000", "text": "\n\n\n\ncurriculum", "content2": "2018-현재 구글 본사 프로덕트 디자이너 \n
\n2017-2018 디즈니 프로덕트 디자이너 \n
\n\n2014-2017 마이크로소프트 본사 UX 디자이너 " }, "uniqueId": "fc-block-56-n74eibg9r", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-61-bq10sb6mc", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "", "paddingBottom": "0", "backgroundColor": "#291820", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#fff", "text": "\nFrom learning basic concepts to demonstrating detailed illustrations.
\nPay once now and keep all the lectures for life!\n", "content2": "2018-현재 구글 본사 프로덕트 디자이너 \n
\n2017-2018 디즈니 프로덕트 디자이너 \n
\n\n2014-2017 마이크로소프트 본사 UX 디자이너 " }, "uniqueId": "fc-block-57-r6xeo24tu", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-66-wtjea7dnd", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "40", "paddingBottom": "20", "backgroundColor": "#291820", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#F795B4", "text": "\nPart 1. Beginner Curriculum\n", "content2": "2018-현재 구글 본사 프로덕트 디자이너 \n
\n2017-2018 디즈니 프로덕트 디자이너 \n
\n\n2014-2017 마이크로소프트 본사 UX 디자이너 " }, "uniqueId": "fc-block-1-0iah559vf", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-64-khu093vcm", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "\n", "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
\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
%\">\n
');\" class=\"carousel__image\" />\n
\n
\n <% } else { %>\n
\">\n <% images.filter(item => item.imageUrl).forEach(({ imageUrl }) => { %>\n
%\">\n
');\" class=\"carousel__image\" />\n
\n <% }) %>\n
\n <% } %>\n
\n <% } %>\n
\n
\"><%= title %>
\n
\n <% contents.forEach(({ content }) => { %>\n
<%= useBullet ? 'card__content--bullet' : '' %>\"><%= content %>
\n <% }) %>\n
\n <% if (buttonText) { %>\n \" target=\"_blank\" style=\"color: <%= buttonTextColor || '#ffffff' %>; background-color: <%= buttonColor || '#ff7450' %>\"><%= buttonText %>\n <% } %>\n
\n
\n
\n
\n" }, "values": { "colorTheme": "theme--dark", "backgroundColor": "#291820", "titleSize": "text--h5", "contentSize": "text--content1", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/061142-476/toku-cur01.png" } ], "title": "Drawing a lively face", "contents": [ { "content": "Clip Studio installation and basic setup guide" }, { "content": "Let's look at the face and find out the proportions of the features" }, { "content": "Copy the character's eyes blindly" }, { "content": "Draw pretty eyes" }, { "content": "Draw cool eyes. Draw" }, { "content": "a nose and mouth that matches the eyes" }, { "content": "How to draw an easy face shape" }, { "content": "Draw faces from different angles." } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-59-4nzkvhs9i", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-63-gr7kkx7ce", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "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": "#291820" }, "uniqueId": "fc-block-2-4u5wr8zat", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-62-wyexktylr", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "\n", "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
\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
%\">\n
');\" class=\"carousel__image\" />\n
\n
\n <% } else { %>\n
\">\n <% images.filter(item => item.imageUrl).forEach(({ imageUrl }) => { %>\n
%\">\n
');\" class=\"carousel__image\" />\n
\n <% }) %>\n
\n <% } %>\n
\n <% } %>\n
\n
\"><%= title %>
\n
\n <% contents.forEach(({ content }) => { %>\n
<%= useBullet ? 'card__content--bullet' : '' %>\"><%= content %>
\n <% }) %>\n
\n <% if (buttonText) { %>\n \" target=\"_blank\" style=\"color: <%= buttonTextColor || '#ffffff' %>; background-color: <%= buttonColor || '#ff7450' %>\"><%= buttonText %>\n <% } %>\n
\n
\n
\n
\n" }, "values": { "colorTheme": "theme--dark", "backgroundColor": "#291820", "titleSize": "text--h5", "contentSize": "text--content1", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/061512-476/toku-cur02.png" } ], "title": "Create your own character facial expressions", "contents": [ { "content": "Points that determine character expressions" }, { "content": "Happy character expression" }, { "content": "angry character expression" }, { "content": "sad character expression" }, { "content": "naturally add emotional effects such as blushing and cold sweat." } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-3-30a6x6e4f", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-68-yqsrtv8lf", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "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": "#291820" }, "uniqueId": "fc-block-4-uxy39rxek", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-64-akpjm9zej", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "\n", "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
\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
%\">\n
');\" class=\"carousel__image\" />\n
\n
\n <% } else { %>\n
\">\n <% images.filter(item => item.imageUrl).forEach(({ imageUrl }) => { %>\n
%\">\n
');\" class=\"carousel__image\" />\n
\n <% }) %>\n
\n <% } %>\n
\n <% } %>\n
\n
\"><%= title %>
\n
\n <% contents.forEach(({ content }) => { %>\n
<%= useBullet ? 'card__content--bullet' : '' %>\"><%= content %>
\n <% }) %>\n
\n <% if (buttonText) { %>\n \" target=\"_blank\" style=\"color: <%= buttonTextColor || '#ffffff' %>; background-color: <%= buttonColor || '#ff7450' %>\"><%= buttonText %>\n <% } %>\n
\n
\n
\n
\n" }, "values": { "colorTheme": "theme--dark", "backgroundColor": "#291820", "titleSize": "text--h5", "contentSize": "text--content1", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/061635-476/toku-cur03.png" } ], "title": "Various hairstyle designs", "contents": [ { "content": "Classifying hair parts Drawing" }, { "content": "short hair styles" }, { "content": "Drawing loose hair styles" }, { "content": "Drawing ponytail styles" }, { "content": "Drawing braided hair styles" }, { "content": "How to add various waves to hair" }, { "content": "How to draw blowing hair" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-5-yohgzvdz9", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-3vhj25r8t", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "40", "paddingBottom": "20", "backgroundColor": "#291820", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#F795B4", "text": "\nPart 2. Intermediate Curriculum", "content2": "2018-현재 구글 본사 프로덕트 디자이너 \n
\n2017-2018 디즈니 프로덕트 디자이너 \n
\n\n2014-2017 마이크로소프트 본사 UX 디자이너 " }, "uniqueId": "fc-block-1-g98wcx1yu", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-67-mf450nuge", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "\n", "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
\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
%\">\n
');\" class=\"carousel__image\" />\n
\n
\n <% } else { %>\n
\">\n <% images.filter(item => item.imageUrl).forEach(({ imageUrl }) => { %>\n
%\">\n
');\" class=\"carousel__image\" />\n
\n <% }) %>\n
\n <% } %>\n
\n <% } %>\n
\n
\"><%= title %>
\n
\n <% contents.forEach(({ content }) => { %>\n
<%= useBullet ? 'card__content--bullet' : '' %>\"><%= content %>
\n <% }) %>\n
\n <% if (buttonText) { %>\n \" target=\"_blank\" style=\"color: <%= buttonTextColor || '#ffffff' %>; background-color: <%= buttonColor || '#ff7450' %>\"><%= buttonText %>\n <% } %>\n
\n
\n
\n
\n" }, "values": { "colorTheme": "theme--dark", "backgroundColor": "#291820", "titleSize": "text--h5", "contentSize": "text--content1", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/061912-476/toku-cur04.webp" } ], "title": "Gesture expression that focuses attention on the face", "contents": [ { "content": "Learn about the structure and curvature of the hand" }, { "content": "Drawing hands by angle (1) Open hand" }, { "content": "Drawing hands by angle (2) Folded fingers" }, { "content": "Common hand pose examples (1) Basic" }, { "content": "common hand pose examples (2) Advanced" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-6-d9z7yrvoq", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-9-cdd46wa5c", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "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": "#291820" }, "uniqueId": "fc-block-1-dxqggng4u", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-8-90x2xsxvb", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "\n", "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
\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
%\">\n
');\" class=\"carousel__image\" />\n
\n
\n <% } else { %>\n
\">\n <% images.filter(item => item.imageUrl).forEach(({ imageUrl }) => { %>\n
%\">\n
');\" class=\"carousel__image\" />\n
\n <% }) %>\n
\n <% } %>\n
\n <% } %>\n
\n
\"><%= title %>
\n
\n <% contents.forEach(({ content }) => { %>\n
<%= useBullet ? 'card__content--bullet' : '' %>\"><%= content %>
\n <% }) %>\n
\n <% if (buttonText) { %>\n \" target=\"_blank\" style=\"color: <%= buttonTextColor || '#ffffff' %>; background-color: <%= buttonColor || '#ff7450' %>\"><%= buttonText %>\n <% } %>\n
\n
\n
\n
\n" }, "values": { "colorTheme": "theme--dark", "backgroundColor": "#291820", "titleSize": "text--h5", "contentSize": "text--content1", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/061920-476/toku-cur05.webp" } ], "title": "Coloring the face and hair", "contents": [ { "content": "Quick color matching using Clip Studio" }, { "content": "How to determine the color of light and shadow" }, { "content": "Coloring the face to bring vitality" }, { "content": "Coloring hair in various colors" }, { "content": "Using Clip Studio's correction function" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-2-gw3t9t63i", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-4-5bs6obma1", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "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": "#291820" }, "uniqueId": "fc-block-2-fw7zanr60", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-wtmflnju0", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "\n", "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
\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
%\">\n
');\" class=\"carousel__image\" />\n
\n
\n <% } else { %>\n
\">\n <% images.filter(item => item.imageUrl).forEach(({ imageUrl }) => { %>\n
%\">\n
');\" class=\"carousel__image\" />\n
\n <% }) %>\n
\n <% } %>\n
\n <% } %>\n
\n
\"><%= title %>
\n
\n <% contents.forEach(({ content }) => { %>\n
<%= useBullet ? 'card__content--bullet' : '' %>\"><%= content %>
\n <% }) %>\n
\n <% if (buttonText) { %>\n \" target=\"_blank\" style=\"color: <%= buttonTextColor || '#ffffff' %>; background-color: <%= buttonColor || '#ff7450' %>\"><%= buttonText %>\n <% } %>\n
\n
\n
\n
\n" }, "values": { "colorTheme": "theme--dark", "backgroundColor": "#291820", "titleSize": "text--h5", "contentSize": "text--content1", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/062046-476/toku-cur06.webp" } ], "title": "Utilize Clip Studio 200%", "contents": [ { "content": "Drawing the human body using Clip Studio modeling" }, { "content": "Loading prop modeling suitable for the character" }, { "content": "Picking a line from a photo source in 5 seconds using line extraction" }, { "content": "Identifying the location of the shadow using the Clip Studio light source function" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-3-bl87qjvet", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-7-q0dtxwp9p", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "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": "#291820" }, "uniqueId": "fc-block-4-qlcw4d9xw", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-6-mjkn81oxr", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "\n", "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
\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
%\">\n
');\" class=\"carousel__image\" />\n
\n
\n <% } else { %>\n
\">\n <% images.filter(item => item.imageUrl).forEach(({ imageUrl }) => { %>\n
%\">\n
');\" class=\"carousel__image\" />\n
\n <% }) %>\n
\n <% } %>\n
\n <% } %>\n
\n
\"><%= title %>
\n
\n <% contents.forEach(({ content }) => { %>\n
<%= useBullet ? 'card__content--bullet' : '' %>\"><%= content %>
\n <% }) %>\n
\n <% if (buttonText) { %>\n \" target=\"_blank\" style=\"color: <%= buttonTextColor || '#ffffff' %>; background-color: <%= buttonColor || '#ff7450' %>\"><%= buttonText %>\n <% } %>\n
\n
\n
\n
\n" }, "values": { "colorTheme": "theme--dark", "backgroundColor": "#291820", "titleSize": "text--h5", "contentSize": "text--content1", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/062142-476/toku-cur07.png" } ], "title": "Demonstration of simple yet popular cell coloring illustrations", "contents": [ { "content": "Working with clean line drawings for cell coloring" }, { "content": "Naturally dissolving and coloring Clip Studio materials" }, { "content": "Completing using gradient maps and auto-action correction." } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-5-9ccqlcpe2", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-56-fxmqjehbw", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "40", "paddingBottom": "20", "backgroundColor": "#291820", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#F795B4", "text": "\nPart 3. Professional Curriculum", "content2": "2018-현재 구글 본사 프로덕트 디자이너 \n
\n2017-2018 디즈니 프로덕트 디자이너 \n
\n\n2014-2017 마이크로소프트 본사 UX 디자이너 " }, "uniqueId": "fc-block-58-hfogbj3j2", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-63-jdohs3gos", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "\n", "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
\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
%\">\n
');\" class=\"carousel__image\" />\n
\n
\n <% } else { %>\n
\">\n <% images.filter(item => item.imageUrl).forEach(({ imageUrl }) => { %>\n
%\">\n
');\" class=\"carousel__image\" />\n
\n <% }) %>\n
\n <% } %>\n
\n <% } %>\n
\n
\"><%= title %>
\n
\n <% contents.forEach(({ content }) => { %>\n
<%= useBullet ? 'card__content--bullet' : '' %>\"><%= content %>
\n <% }) %>\n
\n <% if (buttonText) { %>\n \" target=\"_blank\" style=\"color: <%= buttonTextColor || '#ffffff' %>; background-color: <%= buttonColor || '#ff7450' %>\"><%= buttonText %>\n <% } %>\n
\n
\n
\n
\n" }, "values": { "colorTheme": "theme--dark", "backgroundColor": "#291820", "titleSize": "text--h5", "contentSize": "text--content1", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/062344-476/toku-cur08.png" } ], "title": "Professional illustration know-how learned
through demonstrations", "contents": [ { "content": "Rough character drawing Work on light line drawings for a semi-rimless" }, { "content": "color Coloring using the direction of light and shadow" }, { "content": "Naturally blending photo sources Drawing" }, { "content": "details Stacking up" }, { "content": "illustration correction and finishing" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-61-ojb05mudm", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-65-cv3elkq4v", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "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": "#291820" }, "uniqueId": "fc-block-7-w6d92ugs7", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-pwdv929ua", "layout": { "id": "406", "description": "비대칭형 컬러카드", "icon": "\n", "params": [ { "name": "cardType", "type": "select", "description": "card type", "options": [ "type1", "type2", "type3" ] }, { "name": "spacingTop", "type": "number", "description": "spacing-top" }, { "name": "spacingBottom", "type": "number", "description": "spacing-bottom" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "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": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h4-text", "fc-h5-text", "fc-h6-text" ] }, { "name": "cardColor1", "type": "text", "description": "card color" }, { "name": "title1", "type": "text", "description": "title text" }, { "name": "content1", "type": "textarea", "description": "content text" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link" }, { "name": "buttonLabel1", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor2", "type": "text", "description": "card color" }, { "name": "title2", "type": "text", "description": "title text" }, { "name": "content2", "type": "textarea", "description": "content text" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link" }, { "name": "buttonLabel2", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor3", "type": "text", "description": "card color" }, { "name": "title3", "type": "text", "description": "title text" }, { "name": "content3", "type": "textarea", "description": "content text" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link" }, { "name": "buttonLabel3", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" } ], "values": { "cardType": "type1", "spacingTop": 0, "spacingBottom": 0, "useTextCenter": false, "backgroundColor": "#ffffff", "textColor": "#000000", "buttonColor": "#E4FF18", "buttonTextColor": "#000000", "titleSize": "fc-h5-text", "contentSize": "fc-h4-text", "cardColor1": "#ff947a", "title1": "", "content1": "", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#ff947a", "title2": "", "content2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#ff947a", "title3": "", "content3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "" }, "template": "
rem; padding-bottom: <%= spacingBottom/10 || 0 %>rem; background-color: <%= backgroundColor || 'transparent' %>\">\n
\" style=\"color: <%= textColor || '#000000' %>\">\n <% if(title1 || content1 || link1) { %>\n
; <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title1) { %>\n
\"><%= title1 %>
\n <% } %>\n <% if(content1) { %>\n
\"><%= content1 %>
\n <% } %>\n
\n <% if(link1) { %>\n
\n class=\"\"<% } %> href=\"<%= link1 %>\" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel1 %>\n
\n <% } %>\n
\n <% } %>\n <% if(title2 || content2 || link2) { %>\n
background-color: <%= cardColor2 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title2) { %>\n
\"><%= title2 %>
\n <% } %>\n <% if(content2) { %>\n
\"><%= content2 %>
\n <% } %>\n
\n <% if(link2) { %>\n
\n class=\"\"<% } %> href=\"<%= link2 %>\" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel2 %>\n
\n <% } %>\n
\n <% } %>\n <% if(title3 || content3 || link3) { %>\n
background-color: <%= cardColor3 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title3) { %>\n
\"><%= title3 %>
\n <% } %>\n <% if(content3) { %>\n
\"><%= content3 %>
\n <% } %>\n
\n <% if(link3) { %>\n
\n class=\"\"<% } %> href=\"<%= link3 %>\" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel3 %>\n
\n <% } %>\n
\n <% } %>\n
\n
\n" }, "values": { "cardType": "type1", "spacingTop": "45", "spacingBottom": "60", "useTextCenter": true, "backgroundColor": "#291820", "textColor": "#291820", "buttonColor": "#291820", "buttonTextColor": "#ffffff", "titleSize": "fc-h5-text", "contentSize": "fc-h4-text", "cardColor1": "#ffffff", "title1": "Detailed Curriculum.", "content1": "\n\nCheck out the detailed curriculum and contents here!\n", "useNewTab1": true, "link1": "https://cdn.day1company.io/prod/uploads/202305/060958-707/[패스트캠퍼스]-교육과정소개서-네오아카데미---토뀨의-초보자를-위한-클립스튜디오로-얼굴-그리기.pdf", "buttonLabel1": "read more »", "cardColor2": "#ff947a", "title2": "", "content2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#ff947a", "title3": "", "content3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "" }, "uniqueId": "fc-block-1-68qvp8dgk", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-8-n0miyzn1q", "layout": { "id": "103", "description": "배경이미지가 있는 1단 텍스트", "icon": "\n", "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": "mobileBackgroundImageUrl", "type": "image", "description": "mobile background image url" }, { "name": "textColor", "type": "text", "description": "font 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": "", "textColor": "#000000", "textSize1": "fc-h1-text", "text1": "", "textSize2": "fc-content-text", "text2": "" }, "template": "
rem; padding-bottom: <%=paddingBottom/10%>rem;\">\n
\n <% if (text1) { %>\n
\" style=\"<% if(textColor) { %>color: <%= textColor %>;<% } %>; <% if (useTextLeft) { %> text-align: left;<% } %>\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\" style=\"<% if(textColor) { %>color: <%= textColor %>;<% } %>; <% if (useTextLeft) { %> text-align: left;<% } %>\"><%= text2 %>
\n <% } %>\n
\n
background: <%= backgroundColor %>; <% } %>opacity: <%= backgroundColorOpacity/100 %>\">
\n \n \" />\n \" />\n \" alt=\"\" loading=\"lazy\">\n \n
\n" }, "values": { "paddingTop": "80", "paddingBottom": "80", "backgroundColor": "", "useTextLeft": false, "backgroundColorOpacity": 50, "backgroundImageUrl": "https://cdn.day1company.io/prod/uploads/202303/062546-476/toku-qna.webp", "mobileBackgroundImageUrl": "https://cdn.day1company.io/prod/uploads/202303/071141-476/toku-qna-mob-.png", "textColor": "#291820", "textSize1": "fc-h5-text", "text1": "\nFor beginners
\nDrawing a face with Clip Studio
\nQ&A\n", "textSize2": "fc-content-text", "text2": "" }, "uniqueId": "fc-block-6-u5csiyqlh", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-55-tyi2ls5w1", "layout": { "id": "102", "description": "2단 자유 텍스트", "icon": "\n", "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": "textSize1", "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": "textColor1", "type": "text", "description": "text color" }, { "name": "text1", "type": "textarea", "description": "text" }, { "name": "textSize2", "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": "textColor2", "type": "text", "description": "text color" }, { "name": "text2", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize1": "fc-h1-text", "textColor1": "#000000", "text1": "", "textSize2": "fc-h1-text", "textColor2": "#000000", "text2": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\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
\n
\n" }, "values": { "paddingTop": "60", "paddingBottom": "10", "backgroundColor": " #fff", "useTextCenter": false, "textSize1": "fc-content-text", "textColor1": "#F795B4", "text1": "Question 1.", "textSize2": "fc-content-text", "textColor2": "#555157", "text2": "" }, "uniqueId": "fc-block-47-0qlztxyxd", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-57-8lpppvyd9", "layout": { "id": "102", "description": "2단 자유 텍스트", "icon": "\n", "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": "textSize1", "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": "textColor1", "type": "text", "description": "text color" }, { "name": "text1", "type": "textarea", "description": "text" }, { "name": "textSize2", "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": "textColor2", "type": "text", "description": "text color" }, { "name": "text2", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize1": "fc-h1-text", "textColor1": "#000000", "text1": "", "textSize2": "fc-h1-text", "textColor2": "#000000", "text2": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\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
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "0", "backgroundColor": " #fff", "useTextCenter": false, "textSize1": "fc-h5-text", "textColor1": "#3F0D24", "text1": "\nWho would you recommend
\nthe class to?\n", "textSize2": "fc-content-text", "textColor2": "#50303F", "text2": "Beginners, such as those who don't know where to start and what kind of practice to start or those who hide their hands every time they draw because they have difficulty drawing, \nknow how to draw to some degree but want to draw a more attractive face, or use Clip Studio but use 3D \nI would definitely recommend it to those who have not used materials or correction functions before." }, "uniqueId": "fc-block-48-553a3y2q9", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-54-7pbxuuj3v", "layout": { "id": "003", "description": "문단 구분 선", "icon": "\n", "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
\n" }, "values": { "backgroundColor": " #fff", "paddingTop": "30", "paddingBottom": "30", "borderColor": "#E0E0E0", "borderSize": "1" }, "uniqueId": "fc-block-52-wja8p4yrl", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-59-qex769tin", "layout": { "id": "102", "description": "2단 자유 텍스트", "icon": "\n", "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": "textSize1", "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": "textColor1", "type": "text", "description": "text color" }, { "name": "text1", "type": "textarea", "description": "text" }, { "name": "textSize2", "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": "textColor2", "type": "text", "description": "text color" }, { "name": "text2", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize1": "fc-h1-text", "textColor1": "#000000", "text1": "", "textSize2": "fc-h1-text", "textColor2": "#000000", "text2": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\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
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "10", "backgroundColor": " #fff", "useTextCenter": false, "textSize1": "fc-content-text", "textColor1": "#F795B4", "text1": "Question 2.", "textSize2": "fc-content-text", "textColor2": "#555157", "text2": "" }, "uniqueId": "fc-block-50-1kx7hk7ui", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-60-8ykn6ujm0", "layout": { "id": "102", "description": "2단 자유 텍스트", "icon": "\n", "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": "textSize1", "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": "textColor1", "type": "text", "description": "text color" }, { "name": "text1", "type": "textarea", "description": "text" }, { "name": "textSize2", "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": "textColor2", "type": "text", "description": "text color" }, { "name": "text2", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize1": "fc-h1-text", "textColor1": "#000000", "text1": "", "textSize2": "fc-h1-text", "textColor2": "#000000", "text2": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\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
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "0", "backgroundColor": " #fff", "useTextCenter": false, "textSize1": "fc-h5-text", "textColor1": "#3F0D24", "text1": "\n\n\nWill this lesson
\nhelp you master drawing faces?\n\n", "textSize2": "fc-content-text", "textColor2": "#50303F", "text2": "We will explain all aspects related to the face through demonstration so that you can naturally draw examples of various facial angles and drawing methods, detailed expression \nchanges according to emotions, and even difficult hairstyles. I think it will be possible if you listen to it several times and practice it yourself." }, "uniqueId": "fc-block-51-2lbc2po8a", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-50-87qbibfaw", "layout": { "id": "003", "description": "문단 구분 선", "icon": "\n", "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
\n" }, "values": { "backgroundColor": " #fff", "paddingTop": "30", "paddingBottom": "30", "borderColor": "#E0E0E0", "borderSize": "1" }, "uniqueId": "fc-block-37-q8ugaoqtt", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-56-wryvlopvv", "layout": { "id": "102", "description": "2단 자유 텍스트", "icon": "\n", "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": "textSize1", "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": "textColor1", "type": "text", "description": "text color" }, { "name": "text1", "type": "textarea", "description": "text" }, { "name": "textSize2", "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": "textColor2", "type": "text", "description": "text color" }, { "name": "text2", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize1": "fc-h1-text", "textColor1": "#000000", "text1": "", "textSize2": "fc-h1-text", "textColor2": "#000000", "text2": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\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
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "10", "backgroundColor": " #fff", "useTextCenter": false, "textSize1": "fc-content-text", "textColor1": "#F795B4", "text1": "Question 3.", "textSize2": "fc-content-text", "textColor2": "#555157", "text2": "" }, "uniqueId": "fc-block-53-jvuf9jm8w", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-53-90tllhzne", "layout": { "id": "102", "description": "2단 자유 텍스트", "icon": "\n", "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": "textSize1", "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": "textColor1", "type": "text", "description": "text color" }, { "name": "text1", "type": "textarea", "description": "text" }, { "name": "textSize2", "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": "textColor2", "type": "text", "description": "text color" }, { "name": "text2", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize1": "fc-h1-text", "textColor1": "#000000", "text1": "", "textSize2": "fc-h1-text", "textColor2": "#000000", "text2": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\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
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "9", "backgroundColor": " #fff", "useTextCenter": false, "textSize1": "fc-h5-text", "textColor1": "#3F0D24", "text1": "\nEven beginners can listen
\nIs it a lecture?\n", "textSize2": "fc-content-text", "textColor2": "#50303F", "text2": "Because the lectures have been prepared with intuitive explanations without difficult shortcuts or jargon, we recommend them most for beginners. \nWe also show the pro's drawing completion process in two illustrations, so for those who are curious about how to improve the quality of drawings.\nI think it will help too!" }, "uniqueId": "fc-block-54-ontdwf0ui", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-ig8slwvpw", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "60", "backgroundColor": " #fff" }, "uniqueId": "fc-block-1-16jhw9lt8", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-61-ttip2194k", "layout": { "id": "802", "description": "강사소개 + 링크버튼", "icon": "\n", "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": "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
\n <% if (imageUrl) { %>\n
\" loading=\"lazy\">
\n <% } %>\n
\n
\n
\"><%= title1 %>
\n
\"><%= content1 %>
\n
\n
\n
\"><%= title2 %>
\n
\"><%= content2 %>
\n <% if (link) { %>\n target=\"_blank\" rel=\"noopener noreferrer\" <% } %> href=\"<%=link%>\"><%= linkLabel %>\n <% } %>\n
\n
\n <% } %>\n
\n
\n" }, "values": { "paddingTop": "60", "paddingBottom": "60", "backgroundColor": "#FCF0F4", "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/062856-476/toku-profile.webp", "titleSize": "fc-h5-text", "title1": "토뀨", "title2": "참여 프로젝트", "contentSize": "fc-content-text", "content1": "\n\n에이트스튜디오 일러스트레이터
\n네오아카데미 강사\n\n\n\n\n", "content2": "\n\n\n- 백일몽화
\n- 피츠메이커
\n- 그 외 미공개 게임 일러스트 작업 다수\n\n\n\n\n\n

\nTwitter \n\n\n\n\n \n\n\n\n\n Pixiv \n\n\n", "useNewTab": true, "link": "", "linkLabel": "강사님 인터뷰 보기" }, "uniqueId": "fc-block-56-bxfl4u7ev", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-4-ummd37taw", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "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": "#291820" }, "uniqueId": "fc-block-2-mrkajsrf7", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-16-56cit0ift", "layout": { "id": "206", "description": "좌/우 이미지와 텍스트", "icon": "\n", "params": [ { "name": "reverseColumn", "type": "checkbox", "description": "-" }, { "name": "textVerticalAlign", "type": "select", "description": "-", "options": [ "top", "center" ] }, { "name": "backgroundColor", "type": "text", "description": "-" }, { "name": "textColor", "type": "text", "description": "-" }, { "name": "titleSize", "type": "select", "description": "-", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "-", "options": [ "text--h6", "text--content1" ] }, { "name": "imageUrl", "type": "image", "description": "-" }, { "name": "imageWidth", "type": "number", "description": "~720" }, { "name": "title", "type": "text", "description": "-" }, { "name": "content", "type": "text", "description": "-" } ], "values": { "reverseColumn": false, "textVerticalAlign": "top", "backgroundColor": "#ffffff", "textColor": "#000000", "titleSize": "text--h5", "contentSize": "text--h6", "imageUrl": "", "imageWidth": 480, "title": "", "content": "" }, "template": "
\">\n
\n
<%= textVerticalAlign === 'center' ? ' container__body--center-within-column' : ''%>\">\n
\" style=\"width: <%= imageWidth/10 %>rem\">\n <% if (imageUrl) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n
\">\n
\n
\"><%= title || '' %>
\n
\"><%= content || '' %>
\n
\n
\n
\n
\n
\n" }, "values": { "reverseColumn": true, "textVerticalAlign": "center", "backgroundColor": "#291820", "textColor": "#fff", "titleSize": "text--h5", "contentSize": "text--content1", "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/063857-476/toku-tools.webp", "imageWidth": "480", "title": "We provide information on the program \n
that will be used in this lecture.", "content": "Program is not provided.

Clip Studio Paint version 1.12.11" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-21-q3qzwhq8f", "isChecked": false }, { "id": "fc-block-17-q9avnqbwq", "layout": { "id": "003", "description": "문단 구분 선", "icon": "\n", "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
\n" }, "values": { "backgroundColor": "#291820", "paddingTop": "30", "paddingBottom": "30", "borderColor": "#54424B", "borderSize": "1" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-22-7pa7a47sr", "isChecked": false }, { "id": "fc-block-9-uvhygr17i", "layout": { "id": "206", "description": "좌/우 이미지와 텍스트", "icon": "\n", "params": [ { "name": "reverseColumn", "type": "checkbox", "description": "-" }, { "name": "textVerticalAlign", "type": "select", "description": "-", "options": [ "top", "center" ] }, { "name": "backgroundColor", "type": "text", "description": "-" }, { "name": "textColor", "type": "text", "description": "-" }, { "name": "titleSize", "type": "select", "description": "-", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "-", "options": [ "text--h6", "text--content1" ] }, { "name": "imageUrl", "type": "image", "description": "-" }, { "name": "imageWidth", "type": "number", "description": "~720" }, { "name": "title", "type": "text", "description": "-" }, { "name": "content", "type": "text", "description": "-" } ], "values": { "reverseColumn": false, "textVerticalAlign": "top", "backgroundColor": "#ffffff", "textColor": "#000000", "titleSize": "text--h5", "contentSize": "text--h6", "imageUrl": "", "imageWidth": 480, "title": "", "content": "" }, "template": "
\">\n
\n
<%= textVerticalAlign === 'center' ? ' container__body--center-within-column' : ''%>\">\n
\" style=\"width: <%= imageWidth/10 %>rem\">\n <% if (imageUrl) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n
\">\n
\n
\"><%= title || '' %>
\n
\"><%= content || '' %>
\n
\n
\n
\n
\n
\n" }, "values": { "reverseColumn": true, "textVerticalAlign": "center", "backgroundColor": "#291820", "textColor": "#fff", "titleSize": "text--h5", "contentSize": "text--content1", "imageUrl": "https://cdn.day1company.io/prod/uploads/202303/063902-476/toku-level.webp", "imageWidth": 480, "title": "Prior knowledge for this study", "content": " · This lecture covers illustration knowledge and skills for beginners.\n
· We will guide you through basic shapes and how to use Clip Studio functions." }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-23-tu01ywvps", "isChecked": false }, { "id": "fc-block-11-e6yamb380", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#F0D7FF", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": "150", "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-10-93o08kcgg", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-14-rsaq48ru2", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "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": "#291820 " }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-20-cft5hakom", "isChecked": false }, { "id": "fc-block-2-ovrb8wwdd", "layout": { "id": "912", "description": "코스 프로모션 배너", "icon": "\n", "params": [ { "name": "코스 프로모션 배너전용입니다.", "type": "reset" } ], "values": { "코스 프로모션 배너전용입니다.": "배너 설정에서 설정해주세요." }, "template": "
\n
\n
\n
코스 프로모션 배너 전용입니다.
\n
\n 0일\n 0시간\n 0분\n 0초\n 코스 프로모션 배너 전용입니다. \n
\n
\n
\n" }, "values": { "코스 프로모션 배너전용입니다.": "배너 설정에서 설정해주세요." }, "uniqueId": "fc-block-4-r0ar274qd", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-10-k5d2osi7s", "layout": { "id": "901", "description": "월 금액 강조 (동적 요소)", "icon": "\n", "params": [ { "name": "상품 설정 컴포저입니다.", "type": "reset" }, { "name": "showGraph", "type": "checkbox", "description": "그래프 보이기/감추기" }, { "name": "useNewTab", "type": "checkbox", "description": "새창으로 열기" }, { "name": "title", "type": "text", "description": "그래프 제목" }, { "name": "content", "type": "text", "description": "그래프 내용" } ], "values": { "showGraph": false, "useNewTab": false, "title": "제목을 입력해주세요.", "content": "(자동)", "상품 설정 컴포저입니다.": "매칭된 상품의 상세페이지에서 설정해주세요." }, "template": "\"\n data-use-new-tab=\"<%= useNewTab %>\"\n data-chart-title=\"<%= title %>\"\n data-chart-content=\"<%= showGraph ? content : '' %>\"\n>\n
\n <% if (showGraph) { %>\n
\n
\n
\n (자동)
\n 한 번 구매로,
\n 평생 소장하세요.\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n 오늘이 최저가!\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
<%= title %>
\n
<%= content %>
\n
\n
\n <% } %>\n
\n
\n (자동)\n
\n
\n
\n
\n 정가\n ~~(자동)~~\n
\n
\n 할인 금액\n (자동)\n
\n
\n
\n
\n
\n 현재 판매가\n (자동)\n
\n
\n
(자동)
\n * 12개월 무이자 할부 시\n
\n
\n
\n
\n
\n \n target=\"_blank\" rel=\"noopener noreferrer\" <% } %> class=\"payment-btn\">\n 바로 구매하기\n \n
\n
\n
\n
\n
\n\n" }, "values": { "showGraph": false, "useNewTab": true, "title": "", "content": "(자동)", "buttonLabel": "수강 신청하기", "상품 설정 컴포저입니다.": "매칭된 상품의 상세페이지에서 설정해주세요." }, "uniqueId": "fc-block-14-h5qgfpy1b", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-14-958akogul", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "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": " #f5f5f5" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-11-5gpiyeayj", "isChecked": false, "hidden": true }, { "id": "fc-block-12-1ox59nzmf", "layout": { "id": "407", "description": "리뷰용별점카드(평면)", "icon": "\n", "params": [ { "name": "cardType", "type": "select", "description": "card type", "options": [ "type1", "type2" ] }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "cardBorderColor", "type": "text", "description": "card border color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "useAvatarIcon", "type": "checkbox", "description": "use avatar icon" }, { "name": "imageSize", "type": "number", "description": "70 ~ 100" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "imageUrl1", "type": "image", "description": "20~100" }, { "name": "starRatingCount1", "type": "number", "description": "0, 0.5, 1, 1.5, 2, 2.5 ~ 5" }, { "name": "title1", "type": "text", "description": "title text" }, { "name": "content1", "type": "textarea", "description": "content text" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link" }, { "name": "buttonLabel1", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "imageUrl2", "type": "image", "description": "20~100" }, { "name": "starRatingCount2", "type": "number", "description": "0, 0.5, 1, 1.5, 2, 2.5 ~ 5" }, { "name": "title2", "type": "text", "description": "title text" }, { "name": "content2", "type": "textarea", "description": "content text" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link" }, { "name": "buttonLabel2", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "imageUrl3", "type": "image", "description": "20~100" }, { "name": "starRatingCount3", "type": "number", "description": "0, 0.5, 1, 1.5, 2, 2.5 ~ 5" }, { "name": "title3", "type": "text", "description": "title text" }, { "name": "content3", "type": "textarea", "description": "content text" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link" }, { "name": "buttonLabel3", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" } ], "values": { "cardType": "type1", "backgroundColor": "#f0f0f0", "cardBackgroundColor": "#ffffff", "cardBorderColor": "#ffffff", "useTextCenter": false, "useAvatarIcon": true, "imageSize": 100, "textColor": "#000000", "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "imageUrl1": "", "starRatingCount1": 5, "title1": "", "content1": "", "useNewTab1": true, "link1": "", "buttonLabel1": "", "imageUrl2": "", "starRatingCount2": 5, "title2": "", "content2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "imageUrl3": "", "starRatingCount3": 5, "title3": "", "content3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "" }, "template": "
;\">\n
<%= useAvatarIcon ? 'use-avatar-icon' : '' %>\">\n
\n <% if(imageUrl1 || buttonLabel1 || starRatingCount1 || title1 || content1) { %>\n
; border: 0.1rem solid <%= cardBorderColor || '#ffffff' %>;\">\n
\n
rem; height: <%= imageSize/10 || 10%>rem; border-radius: <%= imageSize/10 || 10 %>rem;\">\n <% if (imageUrl1) {%>\n \" alt=\"\" loading=\"lazy\" style=\"border-radius: <%= imageSize/10 || 10 %>rem;\">\n <% } else { %>\n
\n <% } %>\n
\n <% if(buttonLabel1) { %>\n
\n \" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#ff7450' %>; color: <%= buttonTextColor || '#ffffff' %>\"><%= buttonLabel1 %>\n
\n <% } %>\n
\n
; color: <%= textColor || '#000000' %>;\">\n <% if (Number(starRatingCount1) > 0) { %>\n
\n
\n <% for (let i = 1; i <= 5; i++) { %>\n <% if (i <= Number(starRatingCount1)) { %>\n \n <% } else { %>\n <% if((i-0.5) === Number(starRatingCount1)) { %>\n \n <% } else { %>\n \n <% } %>\n <% } %>\n <% } %>\n
\n
\n <% } %>\n
<%= title1 %>
\n
<%= content1 %>
\n <% if(buttonLabel1) { %>\n
\n \" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#ff7450' %>; color: <%= buttonTextColor || '#ffffff' %>\"><%= buttonLabel1 %>\n
\n <% } %>\n
\n
\n <% } %>\n <% if(imageUrl2 || buttonLabel2 || starRatingCount2 || title2 || content2) { %>\n
; border: 0.1rem solid <%= cardBorderColor || '#ffffff' %>;\">\n
\n
rem; height: <%= imageSize/10 || 10%>rem; border-radius: <%= imageSize/10 || 10 %>rem;\">\n <% if (imageUrl2) {%>\n \" alt=\"\" loading=\"lazy\" style=\"border-radius: <%= imageSize/10 || 10 %>rem;\">\n <% } else { %>\n
\n <% } %>\n
\n <% if(buttonLabel2) { %>\n
\n \" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#ff7450' %>; color: <%= buttonTextColor || '#ffffff' %>\"><%= buttonLabel2 %>\n
\n <% } %>\n
\n
; color: <%= textColor || '#000000' %>;\">\n <% if (Number(starRatingCount2) > 0) { %>\n
\n
\n <% for (let i = 1; i <= 5; i++) { %>\n <% if (i <= Number(starRatingCount2)) { %>\n \n <% } else { %>\n <% if((i-0.5) === Number(starRatingCount2)) { %>\n \n <% } else { %>\n \n <% } %>\n <% } %>\n <% } %>\n
\n
\n <% } %>\n
<%= title2 %>
\n
<%= content2 %>
\n <% if(buttonLabel2) { %>\n
\n \" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#ff7450' %>; color: <%= buttonTextColor || '#ffffff' %>\"><%= buttonLabel2 %>\n
\n <% } %>\n
\n
\n <% } %>\n <% if(imageUrl3 || buttonLabel3 || starRatingCount3 || title3 || content3) { %>\n
; border: 0.1rem solid <%= cardBorderColor || '#ffffff' %>;\">\n
\n
rem; height: <%= imageSize/10 || 10%>rem; border-radius: <%= imageSize/10 || 10 %>rem;\">\n <% if (imageUrl3) {%>\n \" alt=\"\" loading=\"lazy\" style=\"border-radius: <%= imageSize/10 || 10 %>rem;\">\n <% } else { %>\n
\n <% } %>\n
\n <% if(buttonLabel3) { %>\n
\n \" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#ff7450' %>; color: <%= buttonTextColor || '#ffffff' %>\"><%= buttonLabel3 %>\n
\n <% } %>\n
\n
; color: <%= textColor || '#000000' %>;\">\n <% if (Number(starRatingCount3) > 0) { %>\n
\n
\n <% for (let i = 1; i <= 5; i++) { %>\n <% if (i <= Number(starRatingCount3)) { %>\n \n <% } else { %>\n <% if((i-0.5) === Number(starRatingCount3)) { %>\n \n <% } else { %>\n \n <% } %>\n <% } %>\n <% } %>\n
\n
\n <% } %>\n
<%= title3 %>
\n
<%= content3 %>
\n <% if(buttonLabel3) { %>\n
\n \" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#ff7450' %>; color: <%= buttonTextColor || '#ffffff' %>\"><%= buttonLabel3 %>\n
\n <% } %>\n
\n
\n <% } %>\n
\n
\n
\n" }, "values": { "cardType": "type2", "backgroundColor": "#f5f5f5", "cardBackgroundColor": "#fff", "cardBorderColor": "#F7F7F7", "useTextCenter": true, "useAvatarIcon": true, "imageSize": "90", "textColor": "#000", "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "imageUrl1": "https://cdn.day1company.io/prod/uploads/202208/082245-476/frame-1373.png", "starRatingCount1": "", "title1": "해당 강의는 예약 구매 상품입니다.", "content1": "\n\n영상 공개는 다음과 같이 2회에 걸쳐 공개됩니다.
\n\n\n(1회 구매 이후 모든 영상을 평생 소장 가능합니다.)\n

\n-----\n
\n
\n\n\n1차 공개 : 23년 04월 25일 (화)\n
\n\n전체 공개 : 23년 05월 16일 (화)\n
\n", "useNewTab1": false, "link1": "", "buttonLabel1": "", "imageUrl2": "", "starRatingCount2": "", "title2": "", "content2": "", "useNewTab2": false, "link2": "", "buttonLabel2": "", "imageUrl3": "", "starRatingCount3": "", "title3": "", "content3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-12-7zwsxznll", "isChecked": false, "hidden": true }, { "id": "fc-block-13-wnd1rya3t", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "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": " #f5f5f5" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-13-0pm59hkd5", "isChecked": false, "hidden": true }, { "id": "fc-block-107-dlnfeot9n", "layout": { "id": "513", "description": "블로그형 코스 카드", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "colorTheme", "type": "select", "description": "컬러 테마를 설정할 수 있습니다.
-라이트 모드 (default)
-다크 모드", "options": [ "theme--light", "theme--dark" ] }, { "name": "useLoadMoreBtn", "type": "checkbox", "description": "더보기 기능을 사용하려면 ON을 선택해주세요." }, { "name": "loadMoreBtnText", "type": "text", "description": "공백 포함 최대 14자까지 입력가능 그 이상 입력되는 텍스트는 ...으로 보여집니다." }, { "name": "buttonColor", "type": "text", "description": "더보기 버튼의 선 색상과 글자 색상을 변경할 수 있습니다." }, { "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", "useLoadMoreBtn": false, "loadMoreBtnText": "더 보기", "buttonColor": "#466eff", "useNewTab": false, "title": "", "reverseOrder": false, "courseList": [ { "courseId": "", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff" } ] }, "template": "
\"\n data-color-theme=\"<%= colorTheme %>\"\n data-use-load-more-btn=\"<%= useLoadMoreBtn %>\"\n data-use-new-tab=\"<%= useNewTab %>\"\n data-load-more-btn-text=\"<%= loadMoreBtnText %>\"\n data-button-color=\"<%= buttonColor || '#466eff' %>\"\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
\n <% if (title) { %>\n
<%= title %>
\n <% } %>\n
\n <% courseList.forEach((course, idx) => { %>\n
\"\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 \">\n
\n <% if (course.courseId) { %>\n <% if (course.imageBadge) { %>\n
; color: <%= course.imageBadgeTextColor || '#ffffff' %>;\">\n
);\">\n <%= course.imageBadge %>\n
\n
\n <% } %>\n
\n
\n
\n
\n <% } %>\n
\n \n
\n <% }); %>\n
\n
\n
\n
\n \n
\n
\n
\n
\n" }, "values": { "paddingTop": 40, "paddingBottom": "60", "colorTheme": "theme--light", "useLoadMoreBtn": false, "loadMoreBtnText": "", "buttonColor": "#466eff", "useNewTab": true, "title": "이 강의도 추천해요.", "reverseOrder": false, "courseList": [ { "courseId": "212598", "imageBadge": "", "imageBadgeBackgroundColor": "#ffffffff", "imageBadgeTextColor": "#ffffff", "id": 1 }, { "courseId": "212600", "imageBadge": "", "imageBadgeBackgroundColor": "#ffffffff", "imageBadgeTextColor": "#ffffff", "id": 2 }, { "courseId": "212599", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 3 }, { "courseId": "211895", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 4 } ] }, "uniqueId": "fc-block-56-yfjkne2ul", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-12-d8qq3po9c", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "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": "#000000" }, "uniqueId": "fc-block-9-3vw8sm3yx", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-108-pd8c00rxj", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#191919", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202403/135023-539/introduction---trust.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202403/135027-539/introduction---trust-mob-1.png", "imageWidth": "980", "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-57-vgcvrotbs", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-13-xmftm99az", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "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": "80", "backgroundColor": "#111\n" }, "uniqueId": "fc-block-10-6otej1j11", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-22-trxye3gfb", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "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": "45", "backgroundColor": "#111" }, "uniqueId": "fc-block-15-4wm267r6l", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-5-c1hcv7a9o", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "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": "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": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "20", "backgroundColor": "#111", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#fff", "text": "\n\n[이벤트 주의사항 및 환불규정 ]\n\t\n\n

\n\n\n\n이벤트 주의사항 및 환불규정 바로가기 ☞\n\n\t" }, "uniqueId": "fc-block-1-zsctqy6b9", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-6-iumqlt7o7", "layout": { "id": "502", "description": "1단 아코디언 리스트 (FAQ 전용)", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapseAll", "type": "checkbox", "description": "" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "title1", "type": "text", "description": "title1 text" }, { "name": "content1", "type": "textarea", "description": "content1 text" }, { "name": "title2", "type": "text", "description": "title2 text" }, { "name": "content2", "type": "textarea", "description": "content2 text" }, { "name": "title3", "type": "text", "description": "title3 text" }, { "name": "content3", "type": "textarea", "description": "content3 text" }, { "name": "title4", "type": "text", "description": "title4 text" }, { "name": "content4", "type": "textarea", "description": "content4 text" }, { "name": "title5", "type": "text", "description": "title5 text" }, { "name": "content5", "type": "textarea", "description": "content5 text" }, { "name": "title6", "type": "text", "description": "title6 text" }, { "name": "content6", "type": "textarea", "description": "content6 text" }, { "name": "title7", "type": "text", "description": "title7 text" }, { "name": "content7", "type": "textarea", "description": "content7 text" }, { "name": "title8", "type": "text", "description": "title8 text" }, { "name": "content8", "type": "textarea", "description": "content8 text" }, { "name": "title9", "type": "text", "description": "title9 text" }, { "name": "content9", "type": "textarea", "description": "content9 text" }, { "name": "title10", "type": "text", "description": "title10 text" }, { "name": "content10", "type": "textarea", "description": "content10 text" }, { "name": "title11", "type": "text", "description": "title11 text" }, { "name": "content11", "type": "textarea", "description": "content11 text" }, { "name": "title12", "type": "text", "description": "title12 text" }, { "name": "content12", "type": "textarea", "description": "content12 text" }, { "name": "title13", "type": "text", "description": "title13 text" }, { "name": "content13", "type": "textarea", "description": "content13 text" }, { "name": "title14", "type": "text", "description": "title14 text" }, { "name": "content14", "type": "textarea", "description": "content14 text" }, { "name": "title15", "type": "text", "description": "title15 text" }, { "name": "content15", "type": "textarea", "description": "content15 text" }, { "name": "title16", "type": "text", "description": "title16 text" }, { "name": "content16", "type": "textarea", "description": "content16 text" }, { "name": "title17", "type": "text", "description": "title17 text" }, { "name": "content17", "type": "textarea", "description": "content17 text" }, { "name": "title18", "type": "text", "description": "title18 text" }, { "name": "content18", "type": "textarea", "description": "content18 text" }, { "name": "contentLinkTitle", "type": "text", "description": "content link title" }, { "name": "contentLink", "type": "url", "description": "content link" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "contentLinkDescription", "type": "text", "description": "content link description" } ], "values": { "backgroundColor": "", "collapseAll": false, "textSize": "fc-h6-text", "title1": "", "content1": "", "title2": "", "content2": "", "title3": "", "content3": "", "title4": "", "content4": "", "title5": "", "content5": "", "title6": "", "content6": "", "title7": "", "content7": "", "title8": "", "content8": "", "title9": "", "content9": "", "title10": "", "content10": "", "title11": "", "content11": "", "title12": "", "content12": "", "title13": "", "content13": "", "title14": "", "content14": "", "title15": "", "content15": "", "title16": "", "content16": "", "title17": "", "content17": "", "title18": "", "content18": "", "contentLinkTitle": "1:1 문의하기", "contentLinkDescription": "해당 사항이 없다면 1:1 문의 게시판을 이용해주세요", "useNewTab": true, "contentLink": "https://fastcampus.co.kr" }, "template": "
background-color: <%= backgroundColor %><% } %>\">\n
\n
\n
\n <% if (title1 || content1) { %>\n
\n \">\n >\n \n <%= title1 %>\n \n \"><%= content1 %>\n \n
\n <% } %>\n <% if (title2 || content2) { %>\n
\n \">\n >\n \n <%= title2 %>\n \n \"><%= content2 %>\n \n
\n <% } %>\n <% if (title3 || content3) { %>\n
\n \">\n >\n \n <%= title3 %>\n \n \"><%= content3 %>\n \n
\n <% } %>\n <% if (title4 || content4) { %>\n
\n \">\n >\n \n <%= title4 %>\n \n \"><%= content4 %>\n \n
\n <% } %>\n <% if (title5 || content5) { %>\n
\n \">\n >\n \n <%= title5 %>\n \n \"><%= content5 %>\n \n
\n <% } %>\n <% if (title6 || content6) { %>\n
\n \">\n >\n \n <%= title6 %>\n \n \"><%= content6 %>\n \n
\n <% } %>\n <% if (title7 || content7) { %>\n
\n \">\n >\n \n <%= title7 %>\n \n \"><%= content7 %>\n \n
\n <% } %>\n <% if (title8 || content8) { %>\n
\n \">\n >\n \n <%= title8 %>\n \n \"><%= content8 %>\n \n
\n <% } %>\n <% if (title9 || content9) { %>\n
\n \">\n >\n \n <%= title9 %>\n \n \"><%= content9 %>\n \n
\n <% } %>\n <% if (title10 || content10) { %>\n
\n \">\n >\n \n <%= title10 %>\n \n \"><%= content10 %>\n \n
\n <% } %>\n <% if (title11 || content11) { %>\n
\n \">\n >\n \n <%= title11 %>\n \n \"><%= content11 %>\n \n
\n <% } %>\n <% if (title12 || content12) { %>\n
\n \">\n >\n \n <%= title12 %>\n \n \"><%= content12 %>\n \n
\n <% } %>\n <% if (title13 || content13) { %>\n
\n \">\n >\n \n <%= title13 %>\n \n \"><%= content13 %>\n \n
\n <% } %>\n <% if (title14 || content14) { %>\n
\n \">\n >\n \n <%= title14 %>\n \n \"><%= content14 %>\n \n
\n <% } %>\n <% if (title15 || content15) { %>\n
\n \">\n >\n \n <%= title15 %>\n \n \"><%= content15 %>\n \n
\n <% } %>\n <% if (title16 || content16) { %>\n
\n \">\n >\n \n <%= title16 %>\n \n \"><%= content16 %>\n \n
\n <% } %>\n <% if (title17 || content17) { %>\n
\n \">\n >\n \n <%= title17 %>\n \n \"><%= content17 %>\n \n
\n <% } %>\n <% if (title18 || content18) { %>\n
\n \">\n >\n \n <%= title18 %>\n \n \"><%= content18 %>\n \n
\n <% } %>\n
\n
\n <% if (contentLinkTitle || contentLinkDescription) { %>\n
\n
<%=contentLinkDescription%>
\n <% if (contentLink && contentLinkTitle) { %>\n
\n \" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>> <%= contentLinkTitle %> \n
\n <% } %>\n
\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#111", "collapseAll": true, "textSize": "fc-content-text", "title1": "[ Important Notice ]", "content1": "\n- The lecture video is produced in Korean, and the subtitles are generated by AI, so some expressions may be awkward.
\n- Please note that the information on this page is subject to change without prior notice.
\n- Discount promotion may end early or be extended without prior notice depending on the situation.
\n\n\n\n

\n\n\n", "title2": "[ Refund ]", "content2": "\nWould you like to learn more about our refund policy? ►Please check Link\n", "title3": "[ Copyright ]", "content3": "\nFast Campus prohibits all acts of copyright infringement, including unauthorized distribution and processing, sharing through capture or recording, and unauthorized sales of its lectures. If unauthorized use is detected, you may be subject to legal sanctions under copyright law.\n\n", "title4": "", "content4": "", "title5": "", "content5": "", "title6": "", "content6": "", "title7": "", "content7": "", "title8": "", "content8": "", "title9": "", "content9": "", "title10": "", "content10": "", "title11": "", "content11": "", "title12": "", "content12": "", "title13": "", "content13": "", "title14": "", "content14": "", "title15": "", "content15": "", "title16": "", "content16": "", "title17": "", "content17": "", "title18": "", "content18": "", "contentLinkTitle": "", "contentLinkDescription": "", "useNewTab": true, "contentLink": "" }, "uniqueId": "fc-block-2-q1e74s1gm", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": false }, { "id": "fc-block-17-su7pte32z", "layout": { "id": "502", "description": "1단 아코디언 리스트 (FAQ 전용)", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapseAll", "type": "checkbox", "description": "" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "title1", "type": "text", "description": "title1 text" }, { "name": "content1", "type": "textarea", "description": "content1 text" }, { "name": "title2", "type": "text", "description": "title2 text" }, { "name": "content2", "type": "textarea", "description": "content2 text" }, { "name": "title3", "type": "text", "description": "title3 text" }, { "name": "content3", "type": "textarea", "description": "content3 text" }, { "name": "title4", "type": "text", "description": "title4 text" }, { "name": "content4", "type": "textarea", "description": "content4 text" }, { "name": "title5", "type": "text", "description": "title5 text" }, { "name": "content5", "type": "textarea", "description": "content5 text" }, { "name": "title6", "type": "text", "description": "title6 text" }, { "name": "content6", "type": "textarea", "description": "content6 text" }, { "name": "title7", "type": "text", "description": "title7 text" }, { "name": "content7", "type": "textarea", "description": "content7 text" }, { "name": "title8", "type": "text", "description": "title8 text" }, { "name": "content8", "type": "textarea", "description": "content8 text" }, { "name": "title9", "type": "text", "description": "title9 text" }, { "name": "content9", "type": "textarea", "description": "content9 text" }, { "name": "title10", "type": "text", "description": "title10 text" }, { "name": "content10", "type": "textarea", "description": "content10 text" }, { "name": "title11", "type": "text", "description": "title11 text" }, { "name": "content11", "type": "textarea", "description": "content11 text" }, { "name": "title12", "type": "text", "description": "title12 text" }, { "name": "content12", "type": "textarea", "description": "content12 text" }, { "name": "title13", "type": "text", "description": "title13 text" }, { "name": "content13", "type": "textarea", "description": "content13 text" }, { "name": "title14", "type": "text", "description": "title14 text" }, { "name": "content14", "type": "textarea", "description": "content14 text" }, { "name": "title15", "type": "text", "description": "title15 text" }, { "name": "content15", "type": "textarea", "description": "content15 text" }, { "name": "title16", "type": "text", "description": "title16 text" }, { "name": "content16", "type": "textarea", "description": "content16 text" }, { "name": "title17", "type": "text", "description": "title17 text" }, { "name": "content17", "type": "textarea", "description": "content17 text" }, { "name": "title18", "type": "text", "description": "title18 text" }, { "name": "content18", "type": "textarea", "description": "content18 text" }, { "name": "contentLinkTitle", "type": "text", "description": "content link title" }, { "name": "contentLink", "type": "url", "description": "content link" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "contentLinkDescription", "type": "text", "description": "content link description" } ], "values": { "backgroundColor": "", "collapseAll": false, "textSize": "fc-h6-text", "title1": "", "content1": "", "title2": "", "content2": "", "title3": "", "content3": "", "title4": "", "content4": "", "title5": "", "content5": "", "title6": "", "content6": "", "title7": "", "content7": "", "title8": "", "content8": "", "title9": "", "content9": "", "title10": "", "content10": "", "title11": "", "content11": "", "title12": "", "content12": "", "title13": "", "content13": "", "title14": "", "content14": "", "title15": "", "content15": "", "title16": "", "content16": "", "title17": "", "content17": "", "title18": "", "content18": "", "contentLinkTitle": "1:1 문의하기", "contentLinkDescription": "해당 사항이 없다면 1:1 문의 게시판을 이용해주세요", "useNewTab": true, "contentLink": "https://fastcampus.co.kr" }, "template": "
background-color: <%= backgroundColor %><% } %>\">\n
\n
\n
\n <% if (title1 || content1) { %>\n
\n \">\n >\n \n <%= title1 %>\n \n \"><%= content1 %>\n \n
\n <% } %>\n <% if (title2 || content2) { %>\n
\n \">\n >\n \n <%= title2 %>\n \n \"><%= content2 %>\n \n
\n <% } %>\n <% if (title3 || content3) { %>\n
\n \">\n >\n \n <%= title3 %>\n \n \"><%= content3 %>\n \n
\n <% } %>\n <% if (title4 || content4) { %>\n
\n \">\n >\n \n <%= title4 %>\n \n \"><%= content4 %>\n \n
\n <% } %>\n <% if (title5 || content5) { %>\n
\n \">\n >\n \n <%= title5 %>\n \n \"><%= content5 %>\n \n
\n <% } %>\n <% if (title6 || content6) { %>\n
\n \">\n >\n \n <%= title6 %>\n \n \"><%= content6 %>\n \n
\n <% } %>\n <% if (title7 || content7) { %>\n
\n \">\n >\n \n <%= title7 %>\n \n \"><%= content7 %>\n \n
\n <% } %>\n <% if (title8 || content8) { %>\n
\n \">\n >\n \n <%= title8 %>\n \n \"><%= content8 %>\n \n
\n <% } %>\n <% if (title9 || content9) { %>\n
\n \">\n >\n \n <%= title9 %>\n \n \"><%= content9 %>\n \n
\n <% } %>\n <% if (title10 || content10) { %>\n
\n \">\n >\n \n <%= title10 %>\n \n \"><%= content10 %>\n \n
\n <% } %>\n <% if (title11 || content11) { %>\n
\n \">\n >\n \n <%= title11 %>\n \n \"><%= content11 %>\n \n
\n <% } %>\n <% if (title12 || content12) { %>\n
\n \">\n >\n \n <%= title12 %>\n \n \"><%= content12 %>\n \n
\n <% } %>\n <% if (title13 || content13) { %>\n
\n \">\n >\n \n <%= title13 %>\n \n \"><%= content13 %>\n \n
\n <% } %>\n <% if (title14 || content14) { %>\n
\n \">\n >\n \n <%= title14 %>\n \n \"><%= content14 %>\n \n
\n <% } %>\n <% if (title15 || content15) { %>\n
\n \">\n >\n \n <%= title15 %>\n \n \"><%= content15 %>\n \n
\n <% } %>\n <% if (title16 || content16) { %>\n
\n \">\n >\n \n <%= title16 %>\n \n \"><%= content16 %>\n \n
\n <% } %>\n <% if (title17 || content17) { %>\n
\n \">\n >\n \n <%= title17 %>\n \n \"><%= content17 %>\n \n
\n <% } %>\n <% if (title18 || content18) { %>\n
\n \">\n >\n \n <%= title18 %>\n \n \"><%= content18 %>\n \n
\n <% } %>\n
\n
\n <% if (contentLinkTitle || contentLinkDescription) { %>\n
\n
<%=contentLinkDescription%>
\n <% if (contentLink && contentLinkTitle) { %>\n
\n \" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>> <%= contentLinkTitle %> \n
\n <% } %>\n
\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#111", "collapseAll": true, "textSize": "fc-content-text", "title1": "주의사항", "content1": "\n* 상황에 따라 사전 공지 없이 할인이 조기 마감되거나 연장될 수 있습니다.
\n* 해당 강의는 사전 예약 판매 상품으로, 강의 영상이 순차적으로 업데이트될 예정입니다. \n\n\n

\n\n\n– 총 학습기간 : \n
정상 수강기간(유료 수강기간) 최초 1개월(30일), 무료 수강 기간은 31일차 이후로 무제한이며, 유료 수강기간과 무료 수강기간 모두 동일하게 시청 가능합니다.\n
\n본 패키지는 약 20시간 분량으로, 일 1시간 내외의 학습 시간을 통해 정상 수강 기간(=유료 수강 기간) 내에 모두 수강이 가능합니다.\n
\n– 수강시작일 : \n
수강 시작일은 결제일로부터 기간이 산정됩니다. (사전 예약 강의의 경우 1차 강의 오픈일)\n패스트캠퍼스의 사정으로 수강시작이 늦어진 경우에는해당 일정 만큼 수강 시작일이 연기됩니다.\n
\n* 천재지변, 폐업 등 서비스 중단이 불가피한 상황에는 서비스가 종료될 수 있습니다.
\n– 본 상품은 기수강생 할인, VIP CLUB 제도 (구 프리미엄 멤버십), 기타 할인이벤트 적용 불가 합니다.
\n– 콘텐츠는 향후 당사의 일정에 따라 추가 또는 업데이트 될 수 있습니다.
\n– 쿠폰 적용이나 프로모션 등으로 인해 5만원 이하의 금액으로 강의를 결제할 경우, 할부가 적용되지 않습니다.\n", "title2": "환불규정", "content2": "\n- 환불금액은 정가가 아닌 실제 결제금액을 기준으로 계산됩니다.
– 수강시작 후 7일 이내, 5강 미만 수강 시에는 100%환불 가능합니다.
\n– 수강시작 후 7일 초과, 5강 이상 수강시 수강기간인 1개월 (30일) 대비 잔여일에 대해 아래 환불규정에 따라 환불 가능합니다.
\n: 환불요청일시 기준 수강시작 후 7일 초과, 10일 이하 경과 시, 실 결제금액의 2/3에 해당하는 금액을 환불
\n: 환불요청일시 기준 수강시작 후 11일 초과, 15일 이하 경과 시, 실 결제금액의 1/2에 해당하는 금액을 환불
\n: 환불요청일시 기준 수강시작 후 15일 초과 시, 환불금액 없음\n", "title3": "패스트캠퍼스 아이디 공유 금지 정책 안내", "content3": "\n아이디 공유란?
1개의 아이디로 여러명이 공유하여 수강하는 형태를 말합니다.\n패스트캠퍼스의 모든 온라인 강의에서는 아이디 공유를 금지하고 있습니다.
동시접속에 대한 기록이 내부 시스템을 통해 자동으로 누적되며, 동시 접속 기록이 10회 이상 확인되는 경우 사전 안내없이 아이디가 차단될 수 있습니다.\n", "title4": "", "content4": "", "title5": "", "content5": "", "title6": "", "content6": "", "title7": "", "content7": "", "title8": "", "content8": "", "title9": "", "content9": "", "title10": "", "content10": "", "title11": "", "content11": "", "title12": "", "content12": "", "title13": "", "content13": "", "title14": "", "content14": "", "title15": "", "content15": "", "title16": "", "content16": "", "title17": "", "content17": "", "title18": "", "content18": "", "contentLinkTitle": "", "contentLinkDescription": "", "useNewTab": true, "contentLink": "" }, "uniqueId": "fc-block-16-i3styqtad", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-21-pxvc5t70n", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "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": "#111" }, "uniqueId": "fc-block-15-zibysln04", "isChecked": false, "hasSyntaxErrorTags": false } ]

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title4 %>

\">\n <%= title1 %>\n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\" transform=\"rotate(-180 16 16)\"/>\n \n \n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\"/>\n \n \n

\">\n <%= title2 %>\n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\" transform=\"rotate(-180 16 16)\"/>\n \n \n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\"/>\n \n \n

<%= title || '제목을 입력해주세요.' %>

COUPON

\n (자동)\n 한 번 구매로,\n 평생 소장하세요.\n

<%= title %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title4 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title4 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title1 %>

\"><%= title2 %>

\n (자동)\n 한 번 구매로,\n 평생 소장하세요.\n

<%= title %>

<%= title1 %>

<%= title2 %>

<%= title3 %>

<%= title %>

\">\n <%= title1 %>\n \n \n

\">\n <%= title2 %>\n \n \n

\n (자동)
\n 한 번 구매로,
\n 평생 소장하세요.\n

\n (자동)
\n 한 번 구매로,
\n 평생 소장하세요.\n

Neo Academy Clip Studio for Beginners - Drawing Faces with Tokkyu

Class Details

(US) Neo Academy Clip Studio for Beginners - Drawing Faces with Tokkyu ( 6/17 ~) Details