214

[ { "id": "fc-block-2-fhce2yswt", "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

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" }, "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "#ffcc00", "useTextCenter": false, "textSize1": "fc-h6-text", "textColor1": "#000000", "text1": "▼ 디자인 요청 사항 01.", "textSize2": "fc-content-text", "textColor2": "#000000", "text2": "to 혜주님\n
페이지 전달드립니다.\n
\n요 강의는 컴포저 작업이 조금 많아서 우선적으로 디자인 요청드릴 부분만 넣어두고 나머지는 좀 약식으로 넣어뒀습니다. 참고 부탁드립니다.\n\n

\n디자인 요청드릴 부분 정리\n
\n메인이미지 / 메인 하단 꺾은선그래프 영역 / 댓글영역 / 리본으로 된 제목 영역 / 가장 하단 비교섹션(표로 구성)\n

\n활성화이미지 텍스트\n
\n#평생소장 #캐릭터드로잉 #일러스트레이터 #15만팔로워
\nstar741과 함께!\n캐주얼 일러스트 드로잉\n올인원 패키지 Online.\n
\n썸네일 텍스트\n
\n#15만팔로워 #star741
\n#캐릭터드로잉\n

\n으로 부탁드립니다." }, "uniqueId": "fc-block-1-4a3bl27gs", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-iojeulyg0", "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

fc-text-align-center<% } %>\">\n

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

\n" }, "values": { "paddingTop": "10", "paddingBottom": "10", "backgroundColor": "#ed234b", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#fff", "text": "\n▼ 여기서 부터 페이지가 시작됩니다. (해당 레이어는 오픈시 삭제해주세요.)\n" }, "uniqueId": "fc-block-3-wods3iqwx", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-4-o7hccstun", "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

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" }, "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "#ffcc00", "useTextCenter": false, "textSize1": "fc-h6-text", "textColor1": "#000000", "text1": "▼ 디자인 요청 사항 02.", "textSize2": "fc-content-text", "textColor2": "#000000", "text2": "메인!\n
\n전달받은 메인 링크\nhttps://drive.google.com/drive/folders/1iRIafhnq5I8I1qzmms7I37mUjrUgonvT?usp=sharing\n
\n메인 위 텍스트는 컴포저로 넣어도 괜찮을 거 같지만\n이미지로 넣어도 괜찮습니다 혜주님이 편하신 대로 작업해주세요 (텍스트 수정 여지 있음)" }, "uniqueId": "fc-block-2-5dz5euh5g", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-20-e11neddbp", "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": "0", "paddingBottom": "0", "backgroundColor": "", "useTextLeft": false, "backgroundColorOpacity": "0", "backgroundImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202105/071125-236/star741-main-c2.png", "mobileBackgroundImageUrl": "", "textColor": "#000000", "textSize1": "fc-h1-text", "text1": "

", "textSize2": "fc-content-text", "text2": "" }, "uniqueId": "fc-block-1-9b1228j0n", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-5-wp7i9tnnl", "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": "#282828" }, "uniqueId": "fc-block-1-ybx2vo0gx", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-6-ig6zlj5h2", "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": "#282828", "collapsed": false, "cardBackgroundColor": "#282828", "borderColor": "#282828", "arrowBtnColor": "#6e6e73", "textColor": "#ffffff", "title1": "기본 정보", "content1": "· 11개 대주제, 60개 강의 클립 (16시간 42분 분량)
\n· 입문 - 실전 ", "imageUrl1": "", "title2": "강의 특징", "content2": "· 수강료 1회 결제로 평생 소장
\n· 학습에 필요한 PSD, PDF, 추가 자료 제공", "imageUrl2": "" }, "uniqueId": "fc-block-2-5w8qzw9p3", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-3-otp9a7429", "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": "#282828" }, "uniqueId": "fc-block-3-38s1ggy61", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-1-e2mzt1c06", "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": "#ff0000", "useImageLeft": false, "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202112/193226-533/개별상단-배너-1순위--15.png", "mobileImageUrl": "", "imageWidth": "800", "alt": "", "useNewTab": true, "link": "https://fastcampus.co.kr/impact_all_illust" }, "uniqueId": "fc-block-1-pwdqni6xo", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-wvfvkg34k", "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" }, "values": { "backgroundColor": "#000", "cardType": "row", "borderColor": "#000", "borderSize": 1, "cardWidth": "480", "useCardLeft": false, "cardBackgroundColor": "#000", "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202004/172626-11/alarm-checked-3x-w.png", "imageSize": "20", "fontSize": "fc-content-text", "fontColor": "#fff", "content": "

\n\n\n런칭 기념 최저가 혜택이 곧 마감됩니다.\n\n\n

" }, "uniqueId": "fc-block-1-ud6am6b4m", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-5p5jbdzsi", "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-xtqe4alaa", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-2-56pvwod62", "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": "#c4201c", "useImageLeft": false, "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202206/025332-344/메인최하단.png", "mobileImageUrl": "", "imageWidth": "800", "alt": "", "useNewTab": false, "link": "" }, "uniqueId": "fc-block-1-e6gz2l7wt", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-7-grvluz4cn", "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": "⏰7/1(금) 가격 인상까지 남은 시간⏰ ", "targetTime": "2022-06-30T23:59", "backgroundColor": "#000", "textColor": "black" }, "uniqueId": "fc-block-3-88c7b7ncn", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-6-p1subyg6k", "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": "15", "backgroundColor": "#000" }, "uniqueId": "fc-block-1-ynff8eq05", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-7-e5x862uhx", "layout": { "id": "909", "description": "월 금액 강조 (동적 요소-2)", "icon": "\n", "params": [ { "name": "pointColor", "type": "text", "description": "포인트 컬러" }, { "name": "labelColor", "type": "text", "description": "라벨 컬러" }, { "name": "labels", "type": "list", "description": "라벨 리스트", "maxLength": 20, "params": [ { "name": "labelText", "type": "text", "description": "라벨 내용" } ] }, { "name": "title", "type": "text", "description": "layout head title" }, { "name": "title2", "type": "text", "description": "자동구성을 사용하고 싶지 않으시면 작성해주세요." }, { "name": "content", "type": "text", "description": "내용" }, { "name": "monthlyInstallment", "type": "number", "description": "입력한 값이 할부 개월 수로 적용됩니다." } ], "values": { "pointColor": "#ed2040", "labelColor": "#f9858d", "labels": [ { "labelText": "한번 구매로, 평생 소장하세요." }, { "labelText": "평생소장" }, { "labelText": "최저가" } ], "title": "한번 구매로, 평생 소장하세요.", "title2": "", "content": "조만간 가격이 인상될 예정입니다.
지금 구매하세요!", "monthlyInstallment": 5 }, "template": "

\">\n

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

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

<%= content %>

\n 정상가\n (자동 구성)\n
\n 할인 금액\n (자동 구성)\n
\n 최종 금액\n (자동 구성)\n
\n ;\"><%= monthlyInstallment %>개월 할부 시\n ;\">\n 월 (자동 구성)원\n \n

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

;\">

\n" }, "values": { "pointColor": "#ed2040", "labelColor": "#f9858d", "labels": [ { "labelText": "할인특가" }, { "labelText": "한정판매" }, { "labelText": "평생소장" } ], "title": "7월 1일부터 수강료가 인상됩니다.", "title2": "상반기 최저가로 시작하세요!", "content": "지금 구매하면 평생소장 혜택까지!", "monthlyInstallment": "12" }, "uniqueId": "fc-block-2-zrhr8yrfl", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-0gyry2buo", "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": "15", "backgroundColor": "#000" }, "uniqueId": "fc-block-2-gc08ofxi4", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-1paudqcx3", "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": false, "title": "제목을 입력해주세요.", "content": "(자동)", "buttonLabel": "최저가로 수강신청", "상품 설정 컴포저입니다.": "매칭된 상품의 상세페이지에서 설정해주세요." }, "uniqueId": "fc-block-1-28po02ub4", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-h7mxh861o", "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": "#210057" }, "uniqueId": "fc-block-1-wwu78i8bi", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-858gqslk2", "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": "#210057", "useImageLeft": false, "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202111/165332-236/일러스트최강자전-블프-1.png", "mobileImageUrl": "", "imageWidth": "650", "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-2-1msrsxvv6", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-4-wm44yrebr", "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": "30", "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#210057", "colorTheme": "theme-dark-mono", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202111/171432-236/일러스트최강자전-블프-2-1.png", "text1": "
*리마의 웹소설 일러스트 기준
", "text2": "" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202111/172924-236/일러스트최강자전-블프-2-2.png", "text1": "
자세히 보기
", "text2": "" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202111/171440-236/일러스트최강자전-블프-2-3.png", "text1": "
자세히 보기
", "text2": "" } ] }, "uniqueId": "fc-block-3-mrbegvg7k", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-6-e0p7unijf", "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": "#a385f1" }, "uniqueId": "fc-block-4-00ghloz8e", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-7-xpg7nogm7", "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
\">\n
<%=title%>
\n
\n 0일\n 0시간\n 0분\n 0초\n\n <% if (targetTime) { %>\n <%=targetTime %>\n <% } %>\n
\n
\n
\n" }, "values": { "title": "블랙 프라이데이 혜택 마감까지 남은 시간", "targetTime": "2021-11-30T23:59", "backgroundColor": "#a385f1", "textColor": "white" }, "uniqueId": "fc-block-5-z8dkw72ef", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-2ft3bafdj", "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": "#a385f1" }, "uniqueId": "fc-block-6-rtrmymna7", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-39-u5x4li2lp", "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": "#ff7450", "useTextLeft": false, "backgroundColorOpacity": "100", "backgroundImageUrl": "", "mobileBackgroundImageUrl": "", "textColor": "#000000", "textSize1": "fc-h5-text", "text1": "\n제목 텍스트 (모바일 뷰 기준 1줄 이내)\n", "textSize2": "fc-content-text", "text2": "서브 텍스트 (모바일뷰 기준으로 2줄 이내 작성)\n
\n배경 컬러는 카테고리 키컬러로 변경 - 마케팅 : #8ba7f2 / 파이낸스 : #c9b954 / 프로그래밍 : #6ed5bf / 디자인 : #f79986 / 비즈 : #a4c481 / 데이터사이언스 : #b193e8" }, "uniqueId": "fc-block-2-gnhgc5bm1", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-9segrq20p", "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": 10, "paddingBottom": 10, "backgroundColor": "#ffcc00", "useTextCenter": false, "textSize1": "fc-h6-text", "textColor1": "#000000", "text1": "▼ 디자인 요청 사항 03.", "textSize2": "fc-content-text", "textColor2": "#000000", "text2": "메인 하단 꺾은선 그래프 영역\n
\n강사님의 팔로워 상승을 잘 보여줄 수 있으면 좋겠습니다.\n
\n하단 텍스트도 마찬가지로 컴포저로 넣으셔도 무방합니다 편하신 대로 해주세요.\n
\n(여기 텍스트 톤다운 예정이오나 우선 작업해주세요)" }, "uniqueId": "fc-block-4-itcpsdb1t", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-wx72nb5w2", "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": "#FF74BC", "useImageLeft": false, "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202406/093925-347/2-main.png", "mobileImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202406/093927-347/2-main-1.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-1-ignu2vm2h", "isChecked": false, "hidden": true }, { "id": "fc-block-2-fct1t47n3", "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
\">\n
<%=title%>
\n
\n 0일\n 0시간\n 0분\n 0초\n\n <% if (targetTime) { %>\n <%=targetTime %>\n <% } %>\n
\n
\n
\n" }, "values": { "title": "⚠ ローンチスペシャルオファーが終了する ⚠", "targetTime": "2024-06-30T23:59", "backgroundColor": "#FF5BB0", "textColor": "white" }, "uniqueId": "fc-block-2-b4v8xkbko", "isChecked": false, "hidden": true }, { "id": "fc-block-17-315hfo8ty", "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": "0", "backgroundImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202105/072409-236/star741-c2-bg.png", "mobileBackgroundImageUrl": "", "textColor": "#000000", "textSize1": "fc-h5-text", "text1": " \n\n
\n20年1月比でなんと20倍のフォロワー急増！
\n国内外で注目されているイラストレーターの講座を
\nついにファストキャンパスでご紹介します！\n", "textSize2": "fc-content-text", "text2": "" }, "uniqueId": "fc-block-2-vgzz75wqj", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-7-kuhu4y716", "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": 10, "paddingBottom": 10, "backgroundColor": "#ffcc00", "useTextCenter": false, "textSize1": "fc-h6-text", "textColor1": "#000000", "text1": "▼ 디자인 요청 사항 04.", "textSize2": "fc-content-text", "textColor2": "#000000", "text2": "댓글영역
\n강사님의 호들갑 포인트를 강조하는 섹션으로
\n전달드렸던 압축파일에 아래 사용한 이미지 넣어뒀습니다.\n
\n이미지의 RT랑 하트 수 강조해주시고 주변부로 호들갑 떠는 댓글 넣어주세요.\n
\n댓글링크 : https://docs.google.com/spreadsheets/d/1nZ-roMUocRdkM0jS5zEAutnnzCBmjA2KIv8LRFHr76o/edit#gid=0" }, "uniqueId": "fc-block-6-2ehh0kqqb", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-c679pnhz2", "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": "#e8e8e8" }, "uniqueId": "fc-block-1-f3m0rekn3", "isChecked": false }, { "id": "fc-block-8-t6o2tf3ok", "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": "#e8e8e8", "useImageLeft": false, "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202406/120402-1423/untitled-4.webp", "mobileImageUrl": "", "imageWidth": "800", "alt": "트위터 인기 일러스트레이터", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-7-tg04kismh", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-ebi77ei8f", "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": "#e8e8e8" }, "uniqueId": "fc-block-2-95tcxdntd", "isChecked": false }, { "id": "fc-block-9-cukd59dxa", "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": 10, "paddingBottom": 10, "backgroundColor": "#ffcc00", "useTextCenter": false, "textSize1": "fc-h6-text", "textColor1": "#000000", "text1": "▼ 디자인 요청 사항 05.", "textSize2": "fc-content-text", "textColor2": "#000000", "text2": "여기는 좌우 컴포저를 활용할 예정이며\n
\n우측의 이미지를 쓸 예정인데 옆에 트위터 150K를 넣어서 부탁드립니다.\n
\n해당 이미지 또한 압축파일에 넣어뒀습니다.\n
\n좌측 텍스트는 새로 전달받았습니다. 참고차 넣어둡니다.\n

\n안녕하세요. 캐주얼 캐릭터 일러스트레이터 star741입니다.\n 주로 트위터와 픽시브에 그림을 올리고, 최근엔 트위치에서 그림방송도 하며.\n 정말 감사하게도 여러 곳에서 과분한 사랑을 받으며 활동 하고 있습니다.\n 처음에는 제 그림을 봐주는 사람도 많이 없고, 그림을 계속해야 하나 고민하던 떄 도 있었는데, \n 지금은 게임, 출판, 방송 등의 분야에서 그림 작업을 이어가고 있습니다 \n 이번에는 이렇게 온라인 캐릭터 드로잉 강의도 진행할 수 있게 되었습니다.\n 그동안 그림을 시작하는 학생분들이 가장 어려워하셨던 중요 포인트들, 실력을 빠르고 효율적으로 올리는 법, \n 그리고 열심히 그린 그림을 잘 홍보할 수 있는 방법까지 전부 이 강의에 담았으니까, 전문 일러스트레이터를 꿈꾸는 많은 분들에게 좋은 강의가 되길 희망합니다." }, "uniqueId": "fc-block-8-spunf3pdr", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-21-ghce54tfi", "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": "80", "paddingBottom": "80", "backgroundColor": "", "backgroundColorOpacity": 50, "backgroundImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202105/075812-236/star741-c2-bg.png", "mobileBackgroundImageUrl": "", "textColor": "#000000", "textSize1": "fc-content-text", "text1": " \nこんにちは。
\nカジュアルキャラクターイラストレーターの
「star741」です。

\n 主にTwitterやピクシブに絵を投稿し、最近ではTwitchでも配信しています。
\n本当にありがたいことに過分な愛をいただきながら活動しています。

\n \n最初は私の絵を見てくれる人も少なく、
\n絵をやめるべきか悩んでいた時期もありました、
\n今はゲーム、出版、放送などの分野でイラストの仕事を続けています。
\nさらに、今回、このようにキャラクターのドローイング講座も開く機会もいただきました。

\n \nドローイングの講座を進めながら、これから絵を始める方にとって
\n一番大変だと思われる重要なポイント、素早く効率よく実力を上げる方法、
\nそして、頑張って描いた絵をうまくアピールする方法まで
\n全てこの講座でお伝えしたいと思います。

\n \nプロのイラストレーターを目指す多くの方にとって、良い講座になるよう願っております。\n", "textSize2": "fc-content-text", "text2": "" }, "uniqueId": "fc-block-3-c7m65ofzx", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-13-u12aph2rz", "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": 10, "paddingBottom": 10, "backgroundColor": "#ffcc00", "useTextCenter": false, "textSize1": "fc-h6-text", "textColor1": "#000000", "text1": "▼ 디자인 요청 사항 06.", "textSize2": "fc-content-text", "textColor2": "#000000", "text2": "리본영역 1\n
\n미팅때 말씀드린대로 소금툰에서 쓴 리본제목을 가져다 쓸 예정입니다.\n
\n제목 밑으로 나오는 이미지들은 컴포저로 추가해두었습니다." }, "uniqueId": "fc-block-10-17v7l0kuz", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-obygjorp6", "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": "#ffffff" }, "uniqueId": "fc-block-1-6y0oko2ws", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-yzsnsj8hz", "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": "#ffffff", "useImageLeft": false, "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202406/120439-1423/title1.webp", "mobileImageUrl": "", "imageWidth": "600", "alt": "5단계 일러스트 진행법", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-1-9waltnhgb", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-6-jsr0twolc", "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": "50", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-2-d0u54o78f", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-4-lz09q24uv", "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": true, "useColumnInMobile": false, "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "imageUrl1": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202105/173415-15/1.jpg", "title1": "1.スケッチ", "content1": "イラストの流れを考えながら
\nポーズや構図を決めてスケッチします。
\n髪の毛や服を通して
\nスケッチに活気を吹き込みます。", "useNewTab1": true, "buttonLabel1": "", "buttonLink1": "", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202105/173424-15/2.jpg", "title2": "2.下色", "content2": "配色に注意しながら下色を塗ります。
\nイラスト全体の雰囲気を考えながら
\n色味を決めます。", "useNewTab2": true, "buttonLabel2": "", "buttonLink2": "", "imageUrl3": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202105/173433-15/3--1-.jpg", "title3": "3.明暗描写", "content3": "光の位置に合わせて明暗を付けます。
\n服のシワや模様も
\nラフに描写します。", "useNewTab3": true, "buttonLabel3": "", "buttonLink3": "", "imageUrl4": "", "title4": "", "content4": "", "useNewTab4": true, "buttonLabel4": "", "buttonLink4": "" }, "uniqueId": "fc-block-3-34b064vh7", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-7-aby0j5bc7", "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": "50", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-4-jyy1211qn", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-1bbmtycd9", "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": true, "useColumnInMobile": false, "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "imageUrl1": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202105/173458-15/4--1-.jpg", "title1": "4.着彩の仕上げ", "content1": "下色に合わせて明度を計算しながら
\n着彩を完成させます。
\n肌や布などの質感を表現して、
\n線画も整えて完成度を高めます。", "useNewTab1": true, "buttonLabel1": "", "buttonLink1": "", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202105/173510-15/5.jpg", "title2": "5.補正", "content2": "明るくする部分と暗く押さえる部分を
\n区別して補正します。\nもう一度イラストの魅力を最大限に引き出します。", "useNewTab2": true, "buttonLabel2": "", "buttonLink2": "", "imageUrl3": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202105/174132-15/ezgif.com-gif-maker.gif", "title3": "完成！", "content3": "以上のような方法で
\nキャラクタードローイングを学びましょう！", "useNewTab3": true, "buttonLabel3": "", "buttonLink3": "", "imageUrl4": "", "title4": "", "content4": "", "useNewTab4": true, "buttonLabel4": "", "buttonLink4": "" }, "uniqueId": "fc-block-5-zwbrb7h5p", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-kj14l8snm", "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": "#ffffff" }, "uniqueId": "fc-block-3-isu5w28ez", "isChecked": false }, { "id": "fc-block-12-lkie6ltms", "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": 10, "paddingBottom": 10, "backgroundColor": "#ffcc00", "useTextCenter": false, "textSize1": "fc-h6-text", "textColor1": "#000000", "text1": "▼ 디자인 요청 사항 07.", "textSize2": "fc-content-text", "textColor2": "#000000", "text2": "추가로 리본영역은 3개 더 있습니다.\n

\nstar741작가의 5단계 일러스트 진행법\n

\n아무 것도 모른다고요?
\n그림의 기본기도 놓치지 않아요!\n

\n패스트캠퍼스가 준비한
\n추가 구성품까지!\n\n작업 부탁드립니다." }, "uniqueId": "fc-block-11-egxvgbh64", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-z9rsck5fz", "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": "#ffffff" }, "uniqueId": "fc-block-6-vvpbjntps", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-14-cdej2w0g5", "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": "#ffffff", "useImageLeft": false, "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202406/120449-1423/title2.png", "mobileImageUrl": "", "imageWidth": "600", "alt": "포트폴리오 캐릭터드로잉 일러스트", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-12-ya898bjkn", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-11-4wpzemj9v", "layout": { "id": "202", "description": "1~4단 이미지", "icon": "\n", "params": [ { "name": "columnCount", "type": "number", "description": "maximum 4" }, { "name": "columnMargin", "type": "number", "description": "column margin" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "imageUrl1", "type": "image", "description": "image1 url" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link url" }, { "name": "imageUrl2", "type": "image", "description": "image2 url" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link url" }, { "name": "imageUrl3", "type": "image", "description": "image3 url" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link url" }, { "name": "imageUrl4", "type": "image", "description": "image4 url" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "link4", "type": "text", "description": "link url" }, { "name": "imageUrl5", "type": "image", "description": "image5 url" }, { "name": "useNewTab5", "type": "checkbox", "description": "" }, { "name": "link5", "type": "text", "description": "link url" }, { "name": "imageUrl6", "type": "image", "description": "image6 url" }, { "name": "useNewTab6", "type": "checkbox", "description": "" }, { "name": "link6", "type": "text", "description": "link url" }, { "name": "imageUrl7", "type": "image", "description": "image7 url" }, { "name": "useNewTab7", "type": "checkbox", "description": "" }, { "name": "link7", "type": "text", "description": "link url" }, { "name": "imageUrl8", "type": "image", "description": "image8 url" }, { "name": "useNewTab8", "type": "checkbox", "description": "" }, { "name": "link8", "type": "text", "description": "link url" }, { "name": "imageUrl9", "type": "image", "description": "image9 url" }, { "name": "useNewTab9", "type": "checkbox", "description": "" }, { "name": "link9", "type": "text", "description": "link url" }, { "name": "imageUrl10", "type": "image", "description": "image10 url" }, { "name": "useNewTab10", "type": "checkbox", "description": "" }, { "name": "link10", "type": "text", "description": "link url" }, { "name": "imageUrl11", "type": "image", "description": "image11 url" }, { "name": "useNewTab11", "type": "checkbox", "description": "" }, { "name": "link11", "type": "text", "description": "link url" }, { "name": "imageUrl12", "type": "image", "description": "image12 url" }, { "name": "useNewTab12", "type": "checkbox", "description": "" }, { "name": "link12", "type": "text", "description": "link url" } ], "values": { "columnCount": 1, "columnMargin": 0, "paddingTop": 0, "paddingBottom": 0, "useColumnInMobile": false, "backgroundColor": "#ffffff", "imageUrl1": "", "useNewTab1": true, "link1": "", "imageUrl2": "", "useNewTab2": true, "link2": "", "imageUrl3": "", "useNewTab3": true, "link3": "", "imageUrl4": "", "useNewTab4": true, "link4": "", "imageUrl5": "", "useNewTab5": true, "link5": "", "imageUrl6": "", "useNewTab6": true, "link6": "", "imageUrl7": "", "useNewTab7": true, "link7": "", "imageUrl8": "", "useNewTab8": true, "link8": "", "imageUrl9": "", "useNewTab9": true, "link9": "", "imageUrl10": "", "useNewTab10": true, "link10": "", "imageUrl11": "", "useNewTab11": true, "link11": "", "imageUrl12": "", "useNewTab12": true, "link12": "" }, "template": "
; padding-top: <%=paddingTop/10 || 0 %>rem; padding-bottom: <%=paddingBottom/10 || 0 %>rem\">\n
\">\n <% if (link1 && imageUrl1) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link1 && imageUrl1) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link2 && imageUrl2) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link2 && imageUrl2) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link3 && imageUrl3) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link3 && imageUrl3) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link4 && imageUrl4) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab4) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link4 && imageUrl4) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link5 && imageUrl5) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab5) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link5 && imageUrl5) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link6 && imageUrl6) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab6) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link6 && imageUrl6) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link7 && imageUrl7) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab7) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link7 && imageUrl7) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link8 && imageUrl8) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab8) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link8 && imageUrl8) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link9 && imageUrl9) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab9) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link9 && imageUrl9) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link10 && imageUrl10) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab10) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link10 && imageUrl10) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link11 && imageUrl11) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab11) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link11 && imageUrl11) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link12 && imageUrl12) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab12) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link12 && imageUrl12) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n
\n
\n" }, "values": { "columnCount": "2", "columnMargin": "20", "paddingTop": "30", "paddingBottom": "50", "useColumnInMobile": true, "backgroundColor": "#ffffff", "imageUrl1": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202406/224446-1423/포폴1.webp", "useNewTab1": true, "link1": "", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202406/224451-1423/포폴2.webp", "useNewTab2": true, "link2": "", "imageUrl3": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202406/224455-1423/포폴3.webp", "useNewTab3": true, "link3": "", "imageUrl4": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202406/224500-1423/포폴4.webp", "useNewTab4": true, "link4": "", "imageUrl5": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202406/224507-1423/포폴5.webp", "useNewTab5": true, "link5": "", "imageUrl6": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202406/224510-1423/포폴6.webp", "useNewTab6": true, "link6": "", "imageUrl7": "", "useNewTab7": true, "link7": "", "imageUrl8": "", "useNewTab8": true, "link8": "", "imageUrl9": "", "useNewTab9": true, "link9": "", "imageUrl10": "", "useNewTab10": true, "link10": "", "imageUrl11": "", "useNewTab11": true, "link11": "", "imageUrl12": "", "useNewTab12": true, "link12": "" }, "uniqueId": "fc-block-13-yftz6avw7", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-13-14yp1ja8i", "layout": { "id": "601", "description": "사각 버튼", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "buttonBackgroundColor", "type": "text", "description": "btn color" }, { "name": "minButtonWidth", "type": "number", "description": "min button width" }, { "name": "buttonLabel", "type": "text", "description": "button label" }, { "name": "buttonLabelColor", "type": "text", "description": "button label color" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "", "buttonBackgroundColor": "#ed234b", "minButtonWidth": 380, "buttonLabel": "상세 커리큘럼 다운 받기 및 개인별 상담 문의", "buttonLabelColor": "#ffffff", "useNewTab": true, "link": "http://fastcampus.co.kr" }, "template": "
background-color: <%=backgroundColor%><% } %>\">\n
\n <% if(link) { %>\n \" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"<% if(buttonBackgroundColor) { %>background-color: <%= buttonBackgroundColor %>;<% } %> <% if(buttonLabelColor) { %>color: <%= buttonLabelColor %>;<% } %> min-width: <%= minButtonWidth/10 %>rem\">\n <%= buttonLabel %>\n \n <% } else { %>\n <% if (buttonLabel) { %>\n background-color: <%= buttonBackgroundColor %>;<% } %><% if(buttonLabelColor) { %>color: <%= buttonLabelColor %>;<% } %> min-width: <%= minButtonWidth/10 %>rem;\"><%= buttonLabel %>\n <% } %>\n <% }%>\n
\n
\n" }, "values": { "backgroundColor": "", "buttonBackgroundColor": "#f5f0e5", "minButtonWidth": 380, "buttonLabel": "その他のポートフォリオを見る(ツイッター)", "buttonLabelColor": "#8e7465", "useNewTab": true, "link": "https://twitter.com/hoshina_yoi/media" }, "uniqueId": "fc-block-7-fqaq9h0pm", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-14-o9tutwmh6", "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": 10, "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-8-5k6d4ycwo", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-12-06vqfgq0w", "layout": { "id": "601", "description": "사각 버튼", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "buttonBackgroundColor", "type": "text", "description": "btn color" }, { "name": "minButtonWidth", "type": "number", "description": "min button width" }, { "name": "buttonLabel", "type": "text", "description": "button label" }, { "name": "buttonLabelColor", "type": "text", "description": "button label color" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "", "buttonBackgroundColor": "#ed234b", "minButtonWidth": 380, "buttonLabel": "상세 커리큘럼 다운 받기 및 개인별 상담 문의", "buttonLabelColor": "#ffffff", "useNewTab": true, "link": "http://fastcampus.co.kr" }, "template": "
background-color: <%=backgroundColor%><% } %>\">\n
\n <% if(link) { %>\n \" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"<% if(buttonBackgroundColor) { %>background-color: <%= buttonBackgroundColor %>;<% } %> <% if(buttonLabelColor) { %>color: <%= buttonLabelColor %>;<% } %> min-width: <%= minButtonWidth/10 %>rem\">\n <%= buttonLabel %>\n \n <% } else { %>\n <% if (buttonLabel) { %>\n background-color: <%= buttonBackgroundColor %>;<% } %><% if(buttonLabelColor) { %>color: <%= buttonLabelColor %>;<% } %> min-width: <%= minButtonWidth/10 %>rem;\"><%= buttonLabel %>\n <% } %>\n <% }%>\n
\n
\n" }, "values": { "backgroundColor": "", "buttonBackgroundColor": "#f5f0e5", "minButtonWidth": 380, "buttonLabel": "その他のポートフォリオを見る(ピクシブ)", "buttonLabelColor": "#8e7465", "useNewTab": true, "link": "https://www.pixiv.net/users/5851220" }, "uniqueId": "fc-block-9-9gwfpof3d", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-15-3tuv25dqh", "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": "#ffffff" }, "uniqueId": "fc-block-10-wedxfy4s5", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-16-hnb7m06ba", "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": "#ffffff", "useImageLeft": false, "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202406/120458-1423/title3.webp", "mobileImageUrl": "", "imageWidth": "600", "alt": "드로잉 기본기", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-11-3whf3j6fg", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-10-1mpl67t05", "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": "50", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-1-saraatbwj", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-11-uw610g6nk", "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": true, "useColumnInMobile": true, "titleSize": "fc-h6-text", "contentSize": "fc-content-text", "imageUrl1": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202105/174932-15/ezgif.com-gif-maker--1-.gif", "title1": "魅力的なキャラクターの顔", "content1": "", "useNewTab1": true, "buttonLabel1": "", "buttonLink1": "", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202105/175103-15/ezgif.com-gif-maker--2-.gif", "title2": "自然なデフォルメ", "content2": "", "useNewTab2": true, "buttonLabel2": "", "buttonLink2": "", "imageUrl3": "", "title3": "", "content3": "", "useNewTab3": true, "buttonLabel3": "", "buttonLink3": "", "imageUrl4": "", "title4": "", "content4": "", "useNewTab4": true, "buttonLabel4": "", "buttonLink4": "" }, "uniqueId": "fc-block-12-65nhd21d5", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-46-8ujizo9tb", "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": "#ffffff" }, "uniqueId": "fc-block-13-duchpmt91", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-44-77qmrnhyl", "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": true, "useColumnInMobile": true, "titleSize": "fc-h6-text", "contentSize": "fc-content-text", "imageUrl1": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202105/191720-15/ezgif.com-gif-maker--6-.gif", "title1": "さらさらと流れる髪", "content1": "", "useNewTab1": true, "buttonLabel1": "", "buttonLink1": "", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202105/192528-15/ezgif.com-gif-maker--7-.gif", "title2": "素材ごとの質感描写", "content2": "", "useNewTab2": true, "buttonLabel2": "", "buttonLink2": "", "imageUrl3": "", "title3": "", "content3": "", "useNewTab3": true, "buttonLabel3": "", "buttonLink3": "", "imageUrl4": "", "title4": "", "content4": "", "useNewTab4": true, "buttonLabel4": "", "buttonLink4": "" }, "uniqueId": "fc-block-14-b2rqasfao", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-47-9750rk1v3", "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": "#ffffff" }, "uniqueId": "fc-block-15-d378uurx4", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-9-hexebkt84", "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": true, "useColumnInMobile": true, "titleSize": "fc-h6-text", "contentSize": "fc-content-text", "imageUrl1": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202105/180107-15/ezgif.com-gif-maker--5-.gif", "title1": "ソフトで温かみのある光と色", "content1": "", "useNewTab1": true, "buttonLabel1": "", "buttonLink1": "", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202105/192700-15/ezgif.com-gif-maker--8-.gif", "title2": "目を惹く強烈なカラー", "content2": "", "useNewTab2": true, "buttonLabel2": "", "buttonLink2": "", "imageUrl3": "", "title3": "", "content3": "", "useNewTab3": true, "buttonLabel3": "", "buttonLink3": "", "imageUrl4": "", "title4": "", "content4": "", "useNewTab4": true, "buttonLabel4": "", "buttonLink4": "" }, "uniqueId": "fc-block-16-vfxtjpq9a", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-48-xij951n7m", "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": "#ffffff" }, "uniqueId": "fc-block-17-vgxlpp57r", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-10-02rp7t10s", "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": true, "useColumnInMobile": true, "titleSize": "fc-h6-text", "contentSize": "fc-content-text", "imageUrl1": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202105/175227-15/ezgif.com-gif-maker--3-.gif", "title1": "簡単に学べる手の描き方", "content1": "", "useNewTab1": true, "buttonLabel1": "", "buttonLink1": "", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202105/141200-15/ezgif.com-gif-maker--9-.gif", "title2": "キラキラで生き生きとした目", "content2": "", "useNewTab2": true, "buttonLabel2": "", "buttonLink2": "", "imageUrl3": "", "title3": "", "content3": "", "useNewTab3": true, "buttonLabel3": "", "buttonLink3": "", "imageUrl4": "", "title4": "", "content4": "", "useNewTab4": true, "buttonLabel4": "", "buttonLink4": "" }, "uniqueId": "fc-block-18-wqze4uw9p", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-11-730oaazyu", "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": "#ffffff" }, "uniqueId": "fc-block-4-19fquxopw", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-10-lqkcov8hv", "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": "#ffffff", "useImageLeft": false, "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202406/120504-1423/title4.webp", "mobileImageUrl": "", "imageWidth": "600", "alt": "드로잉 추가구성 4가지", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-5-dalznekw8", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-11-ffad34ll5", "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": "50", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-2-9hbswmtch", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-13-rmyajgaol", "layout": { "id": "303", "description": "1단, 2단 카드형 동영상과 텍스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "fontColor", "type": "text", "description": "font color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h4-text", "fc-h5-text", "fc-h6-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "videoPlatformType1", "type": "select", "description": "videoPlatformType1", "options": [ "Youtube", "Vimeo" ] }, { "name": "video1", "type": "video", "description": "video1" }, { "name": "title1", "type": "textarea", "description": "title1 text" }, { "name": "content1", "type": "textarea", "description": "content text" }, { "name": "videoPlatformType2", "type": "select", "description": "videoPlatformType2", "options": [ "Youtube", "Vimeo" ] }, { "name": "video2", "type": "video", "description": "video2" }, { "name": "title2", "type": "textarea", "description": "title2 text" }, { "name": "content2", "type": "textarea", "description": "content text" }, { "name": "videoPlatformType3", "type": "select", "description": "videoPlatformType3", "options": [ "Youtube", "Vimeo" ] }, { "name": "video3", "type": "video", "description": "video3" }, { "name": "title3", "type": "textarea", "description": "title3 text" }, { "name": "content3", "type": "textarea", "description": "content text" } ], "values": { "backgroundColor": "", "fontColor": "#000000", "titleSize": "fc-h4-text", "contentSize": "fc-h6-text", "videoPlatformType1": "Youtube", "video1": "", "title1": "", "content1": "", "videoPlatformType2": "Youtube", "video2": "", "title2": "", "content2": "", "videoPlatformType3": "Youtube", "video3": "", "title3": "", "content3": "" }, "template": "
background-color: <%= backgroundColor %><% } %>\">\n
\">\n
vbox <% } else { %> hbox <% } %>fc-cards\">\n <% if (video1 || title1 || content1) { %>\n
\n <% if (video1) { %>\n
\n <% if (videoPlatformType1 === 'Youtube') { %>\n \" frameborder=\"0\">\n <% } else { %>\n \" frameborder=\"0\">\n <% } %>\n
\n <% } %>\n <% if (title1 || content1) { %>\n
\n
\"><%= title1 %>
\n
\"><%= content1 %>
\n
\n <% } %>\n
\n <% } %>\n <% if ((video2 || title2 || content2) && (!video3 && !title3 && !content3)) { %>\n
\n <% if (video2) { %>\n
\n <% if (videoPlatformType2 === 'Youtube') { %>\n \" frameborder=\"0\">\n <% } else { %>\n \" frameborder=\"0\">\n <% } %>\n
\n <% } %>\n <% if (title2 || content2) { %>\n
\n
\"><%= title2 %>
\n
\"><%= content2 %>
\n
\n <% } %>\n
\n <% } %>\n <% if (video3 || title3 || content3) { %>\n
\n
\n <% if (video2) { %>\n
\n <% if (videoPlatformType2 === 'Youtube') { %>\n \" frameborder=\"0\">\n <% } else { %>\n \" frameborder=\"0\">\n <% } %>\n
\n <% } %>\n <% if (title2 || content2) { %>\n
\n
\"><%= title2 %>
\n
\"><%= content2 %>
\n
\n <% } %>\n
\n
\n <% if (video3) { %>\n
\n <% if (videoPlatformType3 === 'Youtube') { %>\n \" frameborder=\"0\">\n <% } else { %>\n \" frameborder=\"0\">\n <% } %>\n
\n <% } %>\n <% if (title3 || content3) { %>\n
\n
\"><%= title3 %>
\n
\"><%= content3 %>
\n
\n <% } %>\n
\n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "", "fontColor": "#000000", "titleSize": "fc-h6-text", "contentSize": "fc-content-text", "videoPlatformType1": "Youtube", "video1": "-ZmGxp9_zsc", "title1": "キラキラで生き生きとした目の描き方", "content1": "", "videoPlatformType2": "Youtube", "video2": "RGugIdso0sI", "title2": "目の着彩の描き方と注意点", "content2": "", "videoPlatformType3": "Youtube", "video3": "", "title3": "", "content3": "" }, "uniqueId": "fc-block-6-xmmbjiztm", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-15-xiie2n1gg", "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-7-x2fkykgdm", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-12-0teox6pvr", "layout": { "id": "303", "description": "1단, 2단 카드형 동영상과 텍스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "fontColor", "type": "text", "description": "font color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h4-text", "fc-h5-text", "fc-h6-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "videoPlatformType1", "type": "select", "description": "videoPlatformType1", "options": [ "Youtube", "Vimeo" ] }, { "name": "video1", "type": "video", "description": "video1" }, { "name": "title1", "type": "textarea", "description": "title1 text" }, { "name": "content1", "type": "textarea", "description": "content text" }, { "name": "videoPlatformType2", "type": "select", "description": "videoPlatformType2", "options": [ "Youtube", "Vimeo" ] }, { "name": "video2", "type": "video", "description": "video2" }, { "name": "title2", "type": "textarea", "description": "title2 text" }, { "name": "content2", "type": "textarea", "description": "content text" }, { "name": "videoPlatformType3", "type": "select", "description": "videoPlatformType3", "options": [ "Youtube", "Vimeo" ] }, { "name": "video3", "type": "video", "description": "video3" }, { "name": "title3", "type": "textarea", "description": "title3 text" }, { "name": "content3", "type": "textarea", "description": "content text" } ], "values": { "backgroundColor": "", "fontColor": "#000000", "titleSize": "fc-h4-text", "contentSize": "fc-h6-text", "videoPlatformType1": "Youtube", "video1": "", "title1": "", "content1": "", "videoPlatformType2": "Youtube", "video2": "", "title2": "", "content2": "", "videoPlatformType3": "Youtube", "video3": "", "title3": "", "content3": "" }, "template": "
background-color: <%= backgroundColor %><% } %>\">\n
\">\n
vbox <% } else { %> hbox <% } %>fc-cards\">\n <% if (video1 || title1 || content1) { %>\n
\n <% if (video1) { %>\n
\n <% if (videoPlatformType1 === 'Youtube') { %>\n \" frameborder=\"0\">\n <% } else { %>\n \" frameborder=\"0\">\n <% } %>\n
\n <% } %>\n <% if (title1 || content1) { %>\n
\n
\"><%= title1 %>
\n
\"><%= content1 %>
\n
\n <% } %>\n
\n <% } %>\n <% if ((video2 || title2 || content2) && (!video3 && !title3 && !content3)) { %>\n
\n <% if (video2) { %>\n
\n <% if (videoPlatformType2 === 'Youtube') { %>\n \" frameborder=\"0\">\n <% } else { %>\n \" frameborder=\"0\">\n <% } %>\n
\n <% } %>\n <% if (title2 || content2) { %>\n
\n
\"><%= title2 %>
\n
\"><%= content2 %>
\n
\n <% } %>\n
\n <% } %>\n <% if (video3 || title3 || content3) { %>\n
\n
\n <% if (video2) { %>\n
\n <% if (videoPlatformType2 === 'Youtube') { %>\n \" frameborder=\"0\">\n <% } else { %>\n \" frameborder=\"0\">\n <% } %>\n
\n <% } %>\n <% if (title2 || content2) { %>\n
\n
\"><%= title2 %>
\n
\"><%= content2 %>
\n
\n <% } %>\n
\n
\n <% if (video3) { %>\n
\n <% if (videoPlatformType3 === 'Youtube') { %>\n \" frameborder=\"0\">\n <% } else { %>\n \" frameborder=\"0\">\n <% } %>\n
\n <% } %>\n <% if (title3 || content3) { %>\n
\n
\"><%= title3 %>
\n
\"><%= content3 %>
\n
\n <% } %>\n
\n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "", "fontColor": "#000000", "titleSize": "fc-h6-text", "contentSize": "fc-content-text", "videoPlatformType1": "Youtube", "video1": "llstEzMoDQ8", "title1": "様々な髪色を表現する", "content1": "", "videoPlatformType2": "Youtube", "video2": "bYLCsEPgl8o", "title2": "イラスト補正のデモンストレーション\n ", "content2": "", "videoPlatformType3": "Youtube", "video3": "", "title3": "", "content3": "" }, "uniqueId": "fc-block-8-moz6xfdmz", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-45-uos5zsf5a", "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": "#ffffff" }, "uniqueId": "fc-block-19-ysb1hdh95", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-8-o9dfpssio", "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": "#ffffff", "useImageLeft": false, "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202406/120613-1423/title5.webp", "mobileImageUrl": "", "imageWidth": "600", "alt": "드로잉 추가구성 4가지", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-20-0b20s8c2n", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-19-guy478ere", "layout": { "id": "402", "description": "가로형 카드(1~2단)", "icon": "\n", "params": [ { "name": "layoutType", "type": "select", "description": "layout-type", "options": [ "column1", "column2" ] }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h4-text", "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": "image1 url" }, { "name": "imageSize1", "type": "number", "description": "image size1" }, { "name": "title1", "type": "textarea", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl2", "type": "image", "description": "image2 url" }, { "name": "imageSize2", "type": "number", "description": "image size2" }, { "name": "title2", "type": "textarea", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" } ], "values": { "layoutType": "column1", "titleSize": "fc-h4-text", "contentSize": "fc-h6-text", "imageUrl1": "", "imageSize1": 445, "title1": "", "content1": "", "imageUrl2": "", "imageSize2": 195, "title2": "", "content2": "" }, "template": "
\n
\">\n <% if (imageUrl1 || title1 || content1) { %>\n
\n <% if (imageUrl1) { %>\n
\n \" alt=\"\" loading=\"lazy\" style=\"width: <%= imageSize1/10 %>rem;\"/>\n
\n <% } %>\n
\n
\"><%= title1 %>
\n
\"><%= content1 %>
\n
\n
\n <% } %>\n <% if (imageUrl2 || title2 || content2) { %>\n
\n <% if (imageUrl2) { %>\n
\n \" alt=\"\" loading=\"lazy\" style=\"width: <%= imageSize2/10 %>rem;\"/>\n
\n <% } %>\n
\n
\"><%= title2 %>
\n
\"><%= content2 %>
\n
\n
\n <% } %>\n
\n
\n" }, "values": { "layoutType": "column1", "titleSize": "fc-h6-text", "contentSize": "fc-content-text", "imageUrl1": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202009/114415-11/n-1.png", "imageSize1": "30", "title1": "star741がすすめるキャラのポーズ", "content1": " \nPinterestにあふれる資料。これも良さそう、あれも良さそうと…
\n絵を描く時間より資料を見る時間の方が長くなる日があったのでは？
\nstar741がすすめる資料と、自分に必要な資料だけを正確に活用する方法まで一緒にお伝えします。\n", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202009/114423-11/n-2.png", "imageSize2": "30", "title2": "クリップスタジオのおすすめ素材", "content2": " \nクリップスタジオの便利な機能、素材！知らずにいちいち描くと手首が痛くなりますよ。
\nstar741がすすめる素材リストと、自分のイラストに自然に取り入れる方法までお伝えします。\n" }, "uniqueId": "fc-block-21-138bxo9iw", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-4-njpixchv4", "layout": { "id": "402", "description": "가로형 카드(1~2단)", "icon": "\n", "params": [ { "name": "layoutType", "type": "select", "description": "layout-type", "options": [ "column1", "column2" ] }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h4-text", "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": "image1 url" }, { "name": "imageSize1", "type": "number", "description": "image size1" }, { "name": "title1", "type": "textarea", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl2", "type": "image", "description": "image2 url" }, { "name": "imageSize2", "type": "number", "description": "image size2" }, { "name": "title2", "type": "textarea", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" } ], "values": { "layoutType": "column1", "titleSize": "fc-h4-text", "contentSize": "fc-h6-text", "imageUrl1": "", "imageSize1": 445, "title1": "", "content1": "", "imageUrl2": "", "imageSize2": 195, "title2": "", "content2": "" }, "template": "
\n
\">\n <% if (imageUrl1 || title1 || content1) { %>\n
\n <% if (imageUrl1) { %>\n
\n \" alt=\"\" loading=\"lazy\" style=\"width: <%= imageSize1/10 %>rem;\"/>\n
\n <% } %>\n
\n
\"><%= title1 %>
\n
\"><%= content1 %>
\n
\n
\n <% } %>\n <% if (imageUrl2 || title2 || content2) { %>\n
\n <% if (imageUrl2) { %>\n
\n \" alt=\"\" loading=\"lazy\" style=\"width: <%= imageSize2/10 %>rem;\"/>\n
\n <% } %>\n
\n
\"><%= title2 %>
\n
\"><%= content2 %>
\n
\n
\n <% } %>\n
\n
\n" }, "values": { "layoutType": "column1", "titleSize": "fc-h6-text", "contentSize": "fc-content-text", "imageUrl1": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202009/114430-11/n-3.png", "imageSize1": "30", "title1": "イラストの色の組み合わせのおすすめ", "content1": " \n色を塗れば塗るほど濁ったり、くすんだりしていませんか？自分には感覚がない、とがっかりしていませんか？
\nそこで、線画まで描いて完成！と言っていませんか？
\nstar741のカラーキューブを使って、あなたのイラストに美しい光と色を加えましょう。\n\n", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202009/114443-11/n-4.png", "imageSize2": "30", "title2": "イラストのオリジナルファイルを共有", "content2": " \nstar741が直接提供する人気イラストのオリジナルPSDを手に入れましょう。
\nオリジナルPSDで、線画の整え方、色付け方法、光の表現方法、レイヤーの整理方法まで身に付けることができます。\n" }, "uniqueId": "fc-block-2-ifpwohpjq", "isChecked": false, "hidden": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-20-apo6dxae6", "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": "70", "paddingBottom": "40", "backgroundColor": "", "useTextCenter": true, "textSize": "fc-h5-text", "textColor": "#000000", "text": " \nフォロワーに認められるキャラクターイラストの秘訣！
\n永久保存できるオンライン講座を今すぐ手に入れましょう！\n" }, "uniqueId": "fc-block-22-97zdpzhyd", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-4-qx6qkyi6x", "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": "#ffffff" }, "uniqueId": "fc-block-4-ygbhujxmd", "isChecked": false }, { "id": "fc-block-2-khjmayy54", "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-2-xgi7de1l4", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-2-8jmcjttt6", "layout": { "id": "899", "description": "직접 편집", "icon": "\n", "params": [ { "name": "html", "type": "textarea", "description": "html" } ], "values": { "html": "
hello world!!
" }, "template": "
\n <%= html %>\n
\n\n" }, "values": { "html": "
\t" }, "uniqueId": "fc-block-4-ctvwku88r", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-10-ypx7vsdfw", "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": "#c4201c", "useImageLeft": false, "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202206/025332-344/메인최하단.png", "mobileImageUrl": "", "imageWidth": "800", "alt": "", "useNewTab": false, "link": "" }, "uniqueId": "fc-block-4-kg8jcq83h", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-12-kesn8ijud", "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
\">\n
<%=title%>
\n
\n 0일\n 0시간\n 0분\n 0초\n\n <% if (targetTime) { %>\n <%=targetTime %>\n <% } %>\n
\n
\n
\n" }, "values": { "title": "⏰7/1(금) 가격 인상까지 남은 시간⏰ ", "targetTime": "2022-06-30T23:59", "backgroundColor": "#000", "textColor": "black" }, "uniqueId": "fc-block-6-a15mdg7tc", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-10-u4ct5xgw6", "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": "45", "paddingBottom": "10", "backgroundColor": "#282828", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#fff", "text": "Option 1 : 이 강의 포함 패키지 구매시 선착순 AirPods Pro 드림!" }, "uniqueId": "fc-block-5-4wg5jrd4a", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-9-ipkrb8gn7", "layout": { "id": "906", "description": "현물 번들 상품 전용 이벤트 카드", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top", "value": { "default": 30 } }, { "name": "paddingBottom", "type": "number", "description": "padding bottom", "value": { "default": 30 } }, { "name": "mode", "type": "select", "description": "", "options": [ "Light", "Dark" ], "value": { "default": "Light" } }, { "name": "backgroundColor", "type": "text", "description": "background color", "value": { "default": "#D4D6FF" } }, { "name": "productID", "type": "text", "description": "product id", "isRequired": true, "value": { "default": "" } }, { "name": "coverImageUrl", "type": "image", "description": "cover image url", "isRequired": true, "value": { "default": "" } }, { "name": "subImageUrl", "type": "image", "description": "sub image url", "value": { "default": "" } }, { "name": "pointColor", "type": "text", "description": "point color", "value": { "default": "#555BDF" } }, { "name": "titleColor", "type": "text", "description": "title color", "value": { "default": "#222222" } }, { "name": "subTitleColor", "type": "text", "description": "sub title color", "value": { "default": "#222222" } }, { "name": "title", "type": "text", "description": "", "value": { "default": "" } }, { "name": "subtitle", "type": "text", "description": "", "value": { "default": "" } }, { "name": "content", "type": "text", "description": "content", "isRequired": true, "value": { "default": "" } }, { "name": "buttonLabel", "type": "text", "description": "button label", "value": { "default": "구매 하기" } }, { "name": "buttonColor", "type": "text", "description": "button color", "value": { "default": "#ED234B" } }, { "name": "buttonLabelColor", "type": "text", "description": "button lable color", "value": { "default": "#FFFFFF" } } ], "values": { "paddingTop": 30, "paddingBottom": 30, "mode": "Light", "backgroundColor": "#D4D6FF", "productID": "", "coverImageUrl": "", "subImageUrl": "", "pointColor": "#555BDF", "titleColor": "#222222", "subTitleColor": "#222222", "title": "", "subtitle": "", "content": "", "buttonLabel": "구매 하기", "buttonColor": "#ED234B", "buttonLabelColor": "#FFFFFF" }, "template": "\"\n style=\"\n padding-top: <%= paddingTop/10 || 0 %>rem;\n padding-bottom: <%= paddingBottom/10 || 0 %>rem;\n background-color: <%= backgroundColor %>;\n \"\n>\n \"\n data-padding-bottom=\"<%= paddingBottom %>\"\n data-background-color=\"<%= backgroundColor %>\"\n data-mode=\"<%= mode %>\"\n data-cover-img-url=\"<%= coverImageUrl %>\"\n data-title=\"<%= title %>\"\n data-title-color=\"<%= titleColor %>\"\n data-sub-title=\"<%= subtitle %>\"\n data-sub-title-color=\"<%= subTitleColor %>\"\n data-product-id=\"<%= productID %>\"\n data-point-color=\"<%= pointColor %>\"\n data-content=\"<%= content %>\"\n data-sub-img-url=\"<%= subImageUrl %>\"\n data-button-label=\"<%= buttonLabel %>\"\n data-button-label-color=\"<%= buttonLabelColor %>\"\n data-button-color=\"<%= buttonColor %>\"\n >\n
\n \n \n
\n \n
\n
\n \"\n alt=\"번들강의이미지\"\n loading=\"lazy\"\n style=\"width: 100%\"\n />\n
\n
\n <% if (subtitle !== '') { %>\n
\"><%= subtitle %>
\n
; -webkit-line-clamp: 1\"><%= title %>
\n <% } else { %>\n
; -webkit-line-clamp: 2\"><%= title %>
\n <% } %>\n
\n
\n \n
\n
\n
)\">
\n
\n
\n
\n 총 10과목\n
\n
\n
\n \n
\n <% if (content !== '') { %>\n
<%= content %>
\n <% } %>\n
\n \"\n alt=\"\"\n loading=\"lazy\"\n style=\"width: 100%\"\n />\n
\n
\n
\n 정가\n 0원\n
\n
\n 할인 판매가\n \n 0% 할인\n 0원\n \n
\n
\n 12개월 할부\n 월 0원\n
\n
\n
\n ; background-color: <%= buttonColor %>\"\n >\n <%= buttonLabel %>\n \n
\n
\n
\n\n" }, "values": { "paddingTop": 30, "paddingBottom": 30, "mode": "Light", "backgroundColor": "#282828", "productID": "78483", "coverImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/2022-05-10T07:57:14Z/2022-05-10T07:57:14Z-678/캐릭터-일러스트-드로잉-906.png", "subImageUrl": " ", "pointColor": "#555BDF", "titleColor": "#222222", "subTitleColor": "#222222", "title": "", "subtitle": "", "content": "단언컨대 어디에서도 볼 수 없는 압도적인 혜택의 '아이패드 드로잉' 강의 패키지! 기초부터 작가처럼 쓱싹쓱싹 그리는 법까지! 지금 바로 혜택받고 구매하세요!", "buttonLabel": "구매 하기", "buttonColor": "#ED234B", "buttonLabelColor": "#FFFFFF" }, "uniqueId": "fc-block-6-ndjg0q62h", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-wkanleplz", "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": "25", "paddingBottom": "0", "backgroundColor": "#282828", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#fff", "text": "Option 2 : 이 강의만 구매 시" }, "uniqueId": "fc-block-6-68udtlr6r", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-lbuonzyll", "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": "15", "backgroundColor": "#000" }, "uniqueId": "fc-block-1-y9p4tum1i", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-11-ph7ng9ln9", "layout": { "id": "909", "description": "월 금액 강조 (동적 요소-2)", "icon": "\n", "params": [ { "name": "pointColor", "type": "text", "description": "포인트 컬러" }, { "name": "labelColor", "type": "text", "description": "라벨 컬러" }, { "name": "labels", "type": "list", "description": "라벨 리스트", "maxLength": 20, "params": [ { "name": "labelText", "type": "text", "description": "라벨 내용" } ] }, { "name": "title", "type": "text", "description": "layout head title" }, { "name": "title2", "type": "text", "description": "자동구성을 사용하고 싶지 않으시면 작성해주세요." }, { "name": "content", "type": "text", "description": "내용" }, { "name": "monthlyInstallment", "type": "number", "description": "입력한 값이 할부 개월 수로 적용됩니다." } ], "values": { "pointColor": "#ed2040", "labelColor": "#f9858d", "labels": [ { "labelText": "한번 구매로, 평생 소장하세요." }, { "labelText": "평생소장" }, { "labelText": "최저가" } ], "title": "한번 구매로, 평생 소장하세요.", "title2": "", "content": "조만간 가격이 인상될 예정입니다.
지금 구매하세요!", "monthlyInstallment": 5 }, "template": "
\">\n
\n
\n
\n <% labels.length && labels.forEach(({ labelText }) => { %>\n
; border: 0.1rem solid <%= labelColor%>;\"><%= labelText %>
\n <% }) %>\n
\n
\n <%= title %>
\n <% if (title2.trim().length !== 0) { %>\n <%= title2 %>
\n <% } else { %>\n (자동 구성) 가격이 인상됩니다. \n <% } %> \n
\n
<%= content %>
\n
\n
\n
\n
\n 정상가\n (자동 구성)\n
\n
\n 할인 금액\n (자동 구성)\n
\n
\n 최종 금액\n (자동 구성)\n
\n
\n ;\"><%= monthlyInstallment %>개월 할부 시\n ;\">\n 월 (자동 구성)원\n \n
\n
\n
\n
\n
; border-color: <%= pointColor %>;\">오늘이 최저가!
\n
;\">
\n
\n
\n
\n
\n
\n
\n" }, "values": { "pointColor": "#ed2040", "labelColor": "#f9858d", "labels": [ { "labelText": "할인특가" }, { "labelText": "한정판매" }, { "labelText": "평생소장" } ], "title": "7월 1일부터 수강료가 인상됩니다.", "title2": "상반기 최저가로 시작하세요!", "content": "지금 구매하면 평생소장 혜택까지!", "monthlyInstallment": "12" }, "uniqueId": "fc-block-5-lgrqf4x1t", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-8-x2vbmq5wh", "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": "15", "backgroundColor": "#000" }, "uniqueId": "fc-block-3-9s9i65iv4", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-43-f4fs0q9pv", "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": false, "title": "제목을 입력해주세요.", "content": "(자동)", "buttonLabel": "최저가로 수강신청\t", "상품 설정 컴포저입니다.": "매칭된 상품의 상세페이지에서 설정해주세요." }, "uniqueId": "fc-block-25-dxbth8o8g", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-6-u2o6ru3po", "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": "#000" }, "uniqueId": "fc-block-1-e08kfmwgf", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-7-4jx1y4b5b", "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": "#000" }, "uniqueId": "fc-block-3-7jaenaxb7", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-35-wqv7dktsr", "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": "#ffffff", "paddingTop": "80", "paddingBottom": "", "borderColor": "#e6e8eb", "borderSize": "1" }, "uniqueId": "fc-block-4-g8d127q3a", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-21-al01eossn", "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": "45", "paddingBottom": "30", "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h4-text", "textColor": "#000000", "text": "\n「star741」に学ぶ
\nドローイングのカリキュラム\n \n" }, "uniqueId": "fc-block-26-k80h3eee4", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-23-rhjl0yc4r", "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--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "540", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202406/222835-1423/img1.webp" } ], "title": "簡単に学んでも上手に描けます", "contents": [ { "content": "こんにちは、star741です" }, { "content": "なぜ絵を描きますか？" }, { "content": "自分の好みに合わせて描いてみよう" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-27-vz6ebkjiw", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-34-sfzf12y1t", "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": "#ffffff" }, "uniqueId": "fc-block-28-b472ltv5v", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-24-nr94k2868", "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--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "540", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202406/222810-1423/img2.webp" } ], "title": "初心者の絵描きから脱却する", "contents": [ { "content": "早く効果的に成長するための道" }, { "content": "修行が足りない初心者の絵描きで分かる3つの特徴" }, { "content": "TIP．私が使っているブラシを紹介します" }, { "content": "よく使うショートカットキーを設定する" }, { "content": "すっきり、汚い線画から解放される" }, { "content": "立体と線の練習を一挙に解決" }, { "content": "あふれる資料を賢く使う方法" }, { "content": "クロッキー描画、自分にぴったりな方法は" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-29-lgbukri3s", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-35-7a8ho51v9", "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": "#ffffff" }, "uniqueId": "fc-block-30-q1wk1q5nf", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-25-riaua6ag7", "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--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "540", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202406/222857-1423/img3.webp" } ], "title": "魅力的なキャラクターの顔を描く", "contents": [ { "content": "調和のとれた顔のプロポーションを理解する" }, { "content": "キラキラで生き生きとした目を描く" }, { "content": "バランスの良い鼻と口を描く" }, { "content": "自然な耳の描き方" }, { "content": "様々な角度で顔を動かしてみよう" }, { "content": "髪の毛の流れを理解しよう" }, { "content": "さらさらと流れる髪を簡単に作る" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-31-qlz8tsszh", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-36-eqjem89ru", "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": "#ffffff" }, "uniqueId": "fc-block-32-y442k6nda", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-26-wrsu1tcur", "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--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "540", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202406/222904-1423/img4.webp" } ], "title": "自然なデフォルメの人体を描く", "contents": [ { "content": "人体のプロポーションを簡単に合わせる方法" }, { "content": "ディテールUP！鎖骨と肩の描き方" }, { "content": "魅力的な体型を描く" }, { "content": "よく間違える腕と脚の正しい描き方" }, { "content": "必ず守るべき手の描き方" }, { "content": "足をきれいに描くには" }, { "content": "複雑なシワを効率よく描く" }, { "content": "自然な人体の描き方" }, { "content": "より上手に描くための人体勉強法" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-33-6n7a4gxkq", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-37-tyo5mv0nx", "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": "#ffffff" }, "uniqueId": "fc-block-34-yd2iw5qoc", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-27-twgj381bk", "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--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "540", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202406/222910-1423/img5.webp" } ], "title": "BONUS 最初から最後まで！
丁寧なラフのデモンストレーション", "contents": [ { "content": "描く前に行うウォーミングアップ" }, { "content": "キャラクターイラストの構想" }, { "content": "顔から頭までラフを描き始める" }, { "content": "全体シルエットとディテールラフを完成" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-35-41t8ozbyf", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-38-cdpa9wvm6", "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": "#ffffff" }, "uniqueId": "fc-block-36-dl9evggdl", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-28-kxibradm6", "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--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "540", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202406/222914-1423/img6.webp" } ], "title": "プロイラレの光と色を真似する", "contents": [ { "content": "自分の好みに合った色味を見つけよう" }, { "content": "着彩に必要な光の基礎知識を身につけよう" }, { "content": "下色だけできれいな配色を作る" }, { "content": "雰囲気を加える照明の設定" }, { "content": "イラストの部分ごとの明度の計算方法" }, { "content": "様々な髪色を表現する" }, { "content": "肌の描写法と注意点" }, { "content": "髪の毛の着彩法と注意点" }, { "content": "目の着彩の描写と注意点" }, { "content": "布素材の描写と注意点" }, { "content": "革素材の描写と注意点" }, { "content": "金属素材の描写と注意点" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-37-iu6rirwk6", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-mz0bl922i", "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": "#ffffff" }, "uniqueId": "fc-block-1-puizs7u83", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-g0mxehyr8", "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--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "540", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202406/222938-1423/img7.webp" } ], "title": "BONUS 最初から最後まで！
丁寧なイラストのデモンストレーション", "contents": [ { "content": "頭部まで完成デモ" }, { "content": "衣装まで完成デモ" }, { "content": "イラストのラフ完成デモ" }, { "content": "イラストのディテール完成デモ" }, { "content": "イラストの補正デモ" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-2-at5fk6hcx", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-39-58mkgaub6", "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": "#ffffff" }, "uniqueId": "fc-block-38-sggrizfu4", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-30-1le20fb1n", "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--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "540", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202406/222944-1423/img8.webp" } ], "title": "BONUS 知っておくと時間2倍短縮！
クリップスタジオTIP", "contents": [ { "content": "知っておくと便利なブラシのまとめ" }, { "content": "知っておくと便利な素材のまとめ" }, { "content": "作業時間を短縮するレイヤー整理法" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-39-uhx9s9s6z", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-40-rotjmjjdx", "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": "#ffffff" }, "uniqueId": "fc-block-40-uipn6ep72", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-31-2rwb1lj58", "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--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "540", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202406/222950-1423/img9.webp" } ], "title": "完成度を上げる最後のスキル、補正", "contents": [ { "content": "補正する目的を知っておこう" }, { "content": "絵から彩度を落とすと見えてくること" }, { "content": "自然に目を惹くような補正方法" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-41-0so2b4eoh", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-41-p4dn0rdt7", "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": "#ffffff" }, "uniqueId": "fc-block-42-p0sbl9s72", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-32-s4ze2hwz2", "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--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "540", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202406/223045-1423/img10-1.webp" } ], "title": "BONUSフォロワーに愛
されるイラストを分析する", "contents": [ { "content": "フォロワーの視線を予測したイラスト" }, { "content": "ストーリー性のあるイラスト" }, { "content": "フィードバックを分析したイラスト" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-43-lgbod3073", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-42-5czy69w8n", "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": "#ffffff" }, "uniqueId": "fc-block-44-ewgaljn9w", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-22-dmne2sihd", "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--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "540", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202406/223004-1423/img10.webp" } ], "title": "人気イラストレーターになりたい方へ", "contents": [ { "content": "イラストレーターを目指す方へ" }, { "content": "自分自身も満足できる絵を描きたい？" }, { "content": "趣味から始めてプロデビューまでつなげます" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-45-j5t3endft", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-33-86z8r7b0h", "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": "#ffffff" }, "uniqueId": "fc-block-46-qxm3l33qx", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-17-8hma0lbij", "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": "30", "spacingBottom": "80", "useTextCenter": true, "backgroundColor": "#ffffff", "textColor": "#000000", "buttonColor": "#1b1b1b", "buttonTextColor": "#fff", "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "cardColor1": "#ff7450", "title1": "상세 커리큘럼.", "content1": "자세한 커리큘럼 및 내용은 여기서 확인하세요!\n", "useNewTab1": true, "link1": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202109/222448-53/[%ED%8C%A8%EC%8A%A4%ED%8A%B8%EC%BA%A0%ED%8D%BC%EC%8A%A4]-%EA%B5%90%EC%9C%A1%EA%B3%BC%EC%A0%95%EC%86%8C%EA%B0%9C%EC%84%9C-%EC%98%AC%EC%9D%B8%EC%9B%90-%ED%8C%A8%ED%82%A4%EC%A7%80---star741%EA%B3%BC-%ED%95%A8%EA%BB%98-%EC%BA%90%EC%A3%BC%EC%96%BC-%EC%9D%BC%EB%9F%AC%EC%8A%A4%ED%8A%B8-%EB%93%9C%EB%A1%9C%EC%9E%89.pdf", "buttonLabel1": "자세히 보기 »", "cardColor2": "#ff947a", "title2": "", "content2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#ff947a", "title3": "", "content3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "" }, "hidden": true, "uniqueId": "fc-block-4-nz0h6kv4g", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-0aoau0qqp", "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": "15", "backgroundColor": "#bac9ef", "useTextCenter": true, "textSize": "fc-h5-text", "textColor": "#000", "text": "\n팔로워 23만 일러스트레이터 star741의
\n기초 강의와 심화 강의를 한 번에!\n" }, "uniqueId": "fc-block-1-5ujqeic13", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-3-baxpyb87v", "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": "15", "columnCount": "2", "backgroundColor": "#bac9ef", "colorTheme": "theme-light-red", "text1Size": "fc-content-text", "text2Size": "fc-content-text", "cards": [ { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": " ", "text2": "" } ] }, "uniqueId": "fc-block-2-pgv1rt35a", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-1-8u1fi3i2l", "layout": { "id": "906", "description": "현물 번들 상품 전용 이벤트 카드", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top", "value": { "default": 30 } }, { "name": "paddingBottom", "type": "number", "description": "padding bottom", "value": { "default": 30 } }, { "name": "mode", "type": "select", "description": "", "options": [ "Light", "Dark" ], "value": { "default": "Light" } }, { "name": "backgroundColor", "type": "text", "description": "background color", "value": { "default": "#D4D6FF" } }, { "name": "productID", "type": "text", "description": "product id", "isRequired": true, "value": { "default": "" } }, { "name": "coverImageUrl", "type": "image", "description": "cover image url", "isRequired": true, "value": { "default": "" } }, { "name": "subImageUrl", "type": "image", "description": "sub image url", "value": { "default": "" } }, { "name": "pointColor", "type": "text", "description": "point color", "value": { "default": "#555BDF" } }, { "name": "titleColor", "type": "text", "description": "title color", "value": { "default": "#222222" } }, { "name": "subTitleColor", "type": "text", "description": "sub title color", "value": { "default": "#222222" } }, { "name": "title", "type": "text", "description": "", "value": { "default": "" } }, { "name": "subtitle", "type": "text", "description": "", "value": { "default": "" } }, { "name": "content", "type": "text", "description": "content", "isRequired": true, "value": { "default": "" } }, { "name": "buttonLabel", "type": "text", "description": "button label", "value": { "default": "구매 하기" } }, { "name": "buttonColor", "type": "text", "description": "button color", "value": { "default": "#ED234B" } }, { "name": "buttonLabelColor", "type": "text", "description": "button lable color", "value": { "default": "#FFFFFF" } } ], "values": { "paddingTop": 30, "paddingBottom": 30, "mode": "Light", "backgroundColor": "#D4D6FF", "productID": "", "coverImageUrl": "", "subImageUrl": "", "pointColor": "#555BDF", "titleColor": "#222222", "subTitleColor": "#222222", "title": "", "subtitle": "", "content": "", "buttonLabel": "구매 하기", "buttonColor": "#ED234B", "buttonLabelColor": "#FFFFFF" }, "template": "\"\n style=\"\n padding-top: <%= paddingTop/10 || 0 %>rem;\n padding-bottom: <%= paddingBottom/10 || 0 %>rem;\n background-color: <%= backgroundColor %>;\n \"\n>\n \"\n data-padding-bottom=\"<%= paddingBottom %>\"\n data-background-color=\"<%= backgroundColor %>\"\n data-mode=\"<%= mode %>\"\n data-cover-img-url=\"<%= coverImageUrl %>\"\n data-title=\"<%= title %>\"\n data-title-color=\"<%= titleColor %>\"\n data-sub-title=\"<%= subtitle %>\"\n data-sub-title-color=\"<%= subTitleColor %>\"\n data-product-id=\"<%= productID %>\"\n data-point-color=\"<%= pointColor %>\"\n data-content=\"<%= content %>\"\n data-sub-img-url=\"<%= subImageUrl %>\"\n data-button-label=\"<%= buttonLabel %>\"\n data-button-label-color=\"<%= buttonLabelColor %>\"\n data-button-color=\"<%= buttonColor %>\"\n >\n
\n \n \n
\n \n
\n
\n \"\n alt=\"번들강의이미지\"\n loading=\"lazy\"\n style=\"width: 100%\"\n />\n
\n
\n <% if (subtitle !== '') { %>\n
\"><%= subtitle %>
\n
; -webkit-line-clamp: 1\"><%= title %>
\n <% } else { %>\n
; -webkit-line-clamp: 2\"><%= title %>
\n <% } %>\n
\n
\n \n
\n
\n
)\">
\n
\n
\n
\n 총 10과목\n
\n
\n
\n \n
\n <% if (content !== '') { %>\n
<%= content %>
\n <% } %>\n
\n \"\n alt=\"\"\n loading=\"lazy\"\n style=\"width: 100%\"\n />\n
\n
\n
\n 정가\n 0원\n
\n
\n 할인 판매가\n \n 0% 할인\n 0원\n \n
\n
\n 12개월 할부\n 월 0원\n
\n
\n
\n ; background-color: <%= buttonColor %>\"\n >\n <%= buttonLabel %>\n \n
\n
\n
\n\n" }, "values": { "paddingTop": "40", "paddingBottom": "40", "mode": "Light", "backgroundColor": "#bac9ef", "productID": "81592", "coverImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202203/113555-474/star741-cover.png", "subImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202203/110340-626/제목-없음-1.png", "pointColor": "#191A1F", "titleColor": "#222222", "subTitleColor": "#222222", "title": "", "subtitle": "", "content": "그림에 처음 입문할때 배워야 하는 기초와 얼굴 묘사 & 인체 데포르메부터 그림을 고퀄리티로 완성하기 위해 알아야하는 star741만의 채색&묘사 스킬까지! 할인가로 한번에 구매하고 평생 소장하세요!", "buttonLabel": "구매하기", "buttonColor": "#BAC9EF", "buttonLabelColor": "#000" }, "uniqueId": "fc-block-2-3dcphqank", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-3-ltbg1w8ui", "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": "15", "backgroundColor": "#292929", "useTextCenter": true, "textSize": "fc-h5-text", "textColor": "#fff", "text": "\nstar741의 캐릭터 디자인을
\n3D 캐릭터로 만들고 싶다면?\n" }, "uniqueId": "fc-block-3-wfc6p8yh5", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-1-scw3528r0", "layout": { "id": "906", "description": "현물 번들 상품 전용 이벤트 카드", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top", "value": { "default": 30 } }, { "name": "paddingBottom", "type": "number", "description": "padding bottom", "value": { "default": 30 } }, { "name": "mode", "type": "select", "description": "", "options": [ "Light", "Dark" ], "value": { "default": "Light" } }, { "name": "backgroundColor", "type": "text", "description": "background color", "value": { "default": "#D4D6FF" } }, { "name": "productID", "type": "text", "description": "product id", "isRequired": true, "value": { "default": "" } }, { "name": "coverImageUrl", "type": "image", "description": "cover image url", "isRequired": true, "value": { "default": "" } }, { "name": "subImageUrl", "type": "image", "description": "sub image url", "value": { "default": "" } }, { "name": "pointColor", "type": "text", "description": "point color", "value": { "default": "#555BDF" } }, { "name": "titleColor", "type": "text", "description": "title color", "value": { "default": "#222222" } }, { "name": "subTitleColor", "type": "text", "description": "sub title color", "value": { "default": "#222222" } }, { "name": "title", "type": "text", "description": "", "value": { "default": "" } }, { "name": "subtitle", "type": "text", "description": "", "value": { "default": "" } }, { "name": "content", "type": "text", "description": "content", "isRequired": true, "value": { "default": "" } }, { "name": "buttonLabel", "type": "text", "description": "button label", "value": { "default": "구매 하기" } }, { "name": "buttonColor", "type": "text", "description": "button color", "value": { "default": "#ED234B" } }, { "name": "buttonLabelColor", "type": "text", "description": "button lable color", "value": { "default": "#FFFFFF" } } ], "values": { "paddingTop": 30, "paddingBottom": 30, "mode": "Light", "backgroundColor": "#D4D6FF", "productID": "", "coverImageUrl": "", "subImageUrl": "", "pointColor": "#555BDF", "titleColor": "#222222", "subTitleColor": "#222222", "title": "", "subtitle": "", "content": "", "buttonLabel": "구매 하기", "buttonColor": "#ED234B", "buttonLabelColor": "#FFFFFF" }, "template": "\"\n style=\"\n padding-top: <%= paddingTop/10 || 0 %>rem;\n padding-bottom: <%= paddingBottom/10 || 0 %>rem;\n background-color: <%= backgroundColor %>;\n \"\n>\n \"\n data-padding-bottom=\"<%= paddingBottom %>\"\n data-background-color=\"<%= backgroundColor %>\"\n data-mode=\"<%= mode %>\"\n data-cover-img-url=\"<%= coverImageUrl %>\"\n data-title=\"<%= title %>\"\n data-title-color=\"<%= titleColor %>\"\n data-sub-title=\"<%= subtitle %>\"\n data-sub-title-color=\"<%= subTitleColor %>\"\n data-product-id=\"<%= productID %>\"\n data-point-color=\"<%= pointColor %>\"\n data-content=\"<%= content %>\"\n data-sub-img-url=\"<%= subImageUrl %>\"\n data-button-label=\"<%= buttonLabel %>\"\n data-button-label-color=\"<%= buttonLabelColor %>\"\n data-button-color=\"<%= buttonColor %>\"\n >\n
\n \n \n
\n \n
\n
\n \"\n alt=\"번들강의이미지\"\n loading=\"lazy\"\n style=\"width: 100%\"\n />\n
\n
\n <% if (subtitle !== '') { %>\n
\"><%= subtitle %>
\n
; -webkit-line-clamp: 1\"><%= title %>
\n <% } else { %>\n
; -webkit-line-clamp: 2\"><%= title %>
\n <% } %>\n
\n
\n \n
\n
\n
)\">
\n
\n
\n
\n 총 10과목\n
\n
\n
\n \n
\n <% if (content !== '') { %>\n
<%= content %>
\n <% } %>\n
\n \"\n alt=\"\"\n loading=\"lazy\"\n style=\"width: 100%\"\n />\n
\n
\n
\n 정가\n 0원\n
\n
\n 할인 판매가\n \n 0% 할인\n 0원\n \n
\n
\n 12개월 할부\n 월 0원\n
\n
\n
\n ; background-color: <%= buttonColor %>\"\n >\n <%= buttonLabel %>\n \n
\n
\n
\n\n" }, "values": { "paddingTop": "40", "paddingBottom": "20", "mode": "Dark", "backgroundColor": "#292929", "productID": "115573", "coverImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202211/053351-712/star741-cover.webp", "subImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202203/111348-474/rectangle-1639.png", "pointColor": "#191A1F", "titleColor": "#222222", "subTitleColor": "#222222", "title": "", "subtitle": "", "content": "2D 일러스트부터 3D 모델링까지,
두 가지 모두를 배우고 응용해
나만의 매력적인 캐주얼 캐릭터를 완성해보세요.", "buttonLabel": "구매하기", "buttonColor": "#C4C4C4", "buttonLabelColor": "#000" }, "uniqueId": "fc-block-3-p0u5205h7", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-0srixxt0w", "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": "60", "backgroundColor": "#292929", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#fff", "text": "\n*해당 묶음 상품은 페이백/1+1등 별도의 프로모션 및 쿠폰이 적용되지 않습니다.\n" }, "uniqueId": "fc-block-1-e8pffb5cg", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-36-5eh5rf2jm", "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": "80", "paddingBottom": "30", "backgroundColor": "#F2F4F6", "useTextCenter": false, "textSize": "fc-h4-text", "textColor": "#000000", "text": "\n講座の目標\n" }, "uniqueId": "fc-block-5-ccenv1b9g", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-13-8mgxxsctk", "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": "#F2F4F6", "cardType": "row", "borderColor": "#e6e8eb", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "#ffffff", "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202009/114415-11/n-1.png", "imageSize": "30", "fontSize": "fc-content-text", "fontColor": "#000000", "content": " \n早く実力を向上させ、楽しみとやりがいを同時に実感しましょう。\n
\n\n間違った方法で練習していると、上達が遅くなってしまいます。
\n練習はしているのに伸びないので、すぐにイライラしてしまいます。
\n絵を描くのを難しくする癖を直して、もっと楽しく絵を描いてみましょう。\n\n\n\n" }, "uniqueId": "fc-block-1-0fsgx6c62", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-33-oafh68tmr", "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": 10, "backgroundColor": "#F2F4F6" }, "uniqueId": "fc-block-7-uydef1ehi", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-34-qg6lmgy9y", "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": "#F2F4F6", "cardType": "row", "borderColor": "#e6e8eb", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "#ffffff", "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202009/114423-11/n-2.png", "imageSize": "30", "fontSize": "fc-content-text", "fontColor": "#000000", "content": " \n魅力的なキャラクターの特徴について理解しましょう。\n
\n\n可愛くて人気のあるキャラクターを描くにはどうすればいいのでしょうか？
\n理想的なプロポーションを身につければ、自分のイラストやキャラクターにも応用できます。
\n顔や髪、手や足から全身まで、すべてお伝えします。\n\n\n" }, "uniqueId": "fc-block-8-iiwxq0jsv", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-15-wh77yrcir", "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": 10, "backgroundColor": "#F2F4F6" }, "uniqueId": "fc-block-2-wbz6s58p9", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-16-k8ktfbc7e", "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": "#F2F4F6", "cardType": "row", "borderColor": "#e6e8eb", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "#ffffff", "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202009/114430-11/n-3.png", "imageSize": "30", "fontSize": "fc-content-text", "fontColor": "#000000", "content": " \n鮮やかで生き生きとした光と色でイラストの雰囲気を活かしましょう。\n
\n\n\n良い色を使えば、下色だけでも綺麗になることを知っていましたか？
\nイラストのパーツごとに明度を計算する公式があることを知っていましたか？
\n自分が好きな色で、雰囲気を醸し出すイラストを描いてみましょう。\n\n\n" }, "uniqueId": "fc-block-3-j9da4mnvg", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-17-tsi3949ar", "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": "#F2F4F6" }, "uniqueId": "fc-block-4-167i6coop", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-40-3k0jtwr6z", "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": "80", "paddingBottom": "80", "backgroundColor": "#ffe0d9", "backgroundColorOpacity": "100", "backgroundImageUrl": "", "mobileBackgroundImageUrl": "", "textColor": "#000000", "textSize1": "fc-h4-text", "text1": "こんな方におすすめ ", "textSize2": "fc-content-text", "text2": "• カジュアルなキャラクターイラストを描きたい方
\n• 修行が足りないと思っている初心者の方
\n• プロイラストレーターの光と色を真似したい方
\n• 難しい人体について簡単に学び、描きたい方\n" }, "uniqueId": "fc-block-14-huvuumkxj", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-42-vr87k4qjj", "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": "80", "paddingBottom": "30", "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h4-text", "textColor": "#000000", "text": "\n講座のポイント\n" }, "uniqueId": "fc-block-11-dq4ow3o95", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-37-y387irztk", "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": true, "titleSize": "fc-h6-text", "contentSize": "fc-content-text", "imageUrl1": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202009/143814-11/point-1.png", "title1": "簡単！", "content1": " \n初心者の方でも心配は要らない！
\nどなたでもわかりやすくフォローできるように
\n丁寧な説明と実演を交えた講座\n", "useNewTab1": true, "buttonLabel1": "", "buttonLink1": "", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202009/143826-11/point-2.png", "title2": "満載！", "content2": " \nイラストのオリジナルPSDまで全て公開！
\nstar741先生の秘訣を全部詰め込んだ講座。\n", "useNewTab2": true, "buttonLabel2": "", "buttonLink2": "", "imageUrl3": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202009/143832-11/point-3.png", "title3": "魅力アップ！\n", "content3": " \n目を惹く、ずっと見ていたくなるイラストを
\n描くためのポイントを伝授する講座\n", "useNewTab3": true, "buttonLabel3": "", "buttonLink3": "", "imageUrl4": "", "title4": "", "content4": "", "useNewTab4": true, "buttonLabel4": "", "buttonLink4": "" }, "uniqueId": "fc-block-12-5w9vy9m43", "isChecked": false, "hidden": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-17-km3ndvedp", "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": "#ffffff", "paddingTop": "45", "paddingBottom": "", "borderColor": "#e6e8eb", "borderSize": "1" }, "isChecked": false, "uniqueId": "fc-block-26-afyof3p5v", "hasSyntaxErrorTags": false }, { "id": "fc-block-46-cop5nc0fp", "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": "45", "paddingBottom": "10", "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h4-text", "textColor": "#000000", "text": "講師紹介\n" }, "uniqueId": "fc-block-15-vn1juro1x", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-20-emuzdven9", "layout": { "id": "801", "description": "강사소개 + 말풍선", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "imageUrl", "type": "image", "description": "230 x 230" }, { "name": "nameSize", "type": "select", "description": "name size", "options": [ "fc-h4-text", "fc-h5-text" ] }, { "name": "name", "type": "text", "description": "name text" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "about", "type": "textarea", "description": "about text" }, { "name": "quote", "type": "textarea", "description": "quote text" } ], "values": { "backgroundColor": "", "imageUrl": "", "nameSize": "fc-h4-text", "name": "", "textSize": "fc-content-text", "about": "", "quote": "" }, "template": "
background-color: <%= backgroundColor %><% } %>\">\n
\n <% if (imageUrl) { %>\n
\n
\n \" alt='' loading=\"lazy\">\n
\n
\n <% if(name) { %>\n
\"><%= name %>
\n <% } %>\n <% if (about) { %>\n
\">\n <%= about %>\n
\n <% } %>\n <% if (quote) { %>\n
\">\n <%= quote %>\n
\n <% } %>\n
\n
\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "", "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202105/111835-15/741-profile.png", "nameSize": "fc-h5-text", "name": "star741", "textSize": "fc-content-text", "about": "実力とフォロワーをどんどん増やしている
\nカジュアルキャラクター・イラストレーター

\nゲーム、出版、放送などの分野でフリーランスとして活躍中\n", "quote": "" }, "uniqueId": "fc-block-7-lce8ghud1", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-21-pwi8ej4aq", "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": "" }, "uniqueId": "fc-block-7-7aeh5eu9d", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-55-emumj1xre", "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": "45", "paddingBottom": "10", "backgroundColor": "#f2f2f2", "useTextCenter": false, "textSize": "fc-h4-text", "textColor": "#000000", "text": "\n커리큘럼.\n" }, "uniqueId": "fc-block-17-5qstu70gk", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-21-tanl0zf9s", "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": "30", "backgroundColor": "#f2f2f2", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#222222", "text": "아래의 모든 강의를 올인원 패키지 하나로 모두 들을 수 있습니다. \n
\n지금 한 번만 결제하고 모든 강의를 평생 소장하세요!\n
\n\n(* 무료 공개 영상은 파트의 일부 강의 클립입니다.)\n" }, "uniqueId": "fc-block-10-g8l44r1kq", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-4-4dxfhzsrn", "layout": { "id": "512", "description": "커리큘럼형 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 100, "params": [ { "name": "title", "type": "text", "description": "title", "isRequired": true, "defaultValue": "강의 제목" }, { "name": "content", "type": "text", "description": "content", "defaultValue": "강의 설명" }, { "name": "timeText", "type": "text", "description": "time text", "defaultValue": "0시간 00분 ㅣ 00개 강의" }, { "name": "mediaType", "type": "select", "description": "mediaType", "options": [ "image", "youtube", "vimeo" ] }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "videoId", "type": "text", "description": "video id" } ] } ], "values": { "backgroundColor": "#ffffff", "textColor": "#000000", "cards": [] }, "template": "
\">\n
\n
\n <% cards.forEach(card => { %>\n
\n
\n
\n
\">\n <%= card.title %>\n <% if (card.mediaType === 'youtube' || card.mediaType === 'vimeo') { %>\n <%= card.videoId %>\" target=\"_blank\" rel=\"noopener noreferrer\">\n \n 무료 공개\n \n \n \n <% } %>\n
\n
\"><%= card.content %>
\n <% if (card.timeText) { %>\n
\n \n <%= card.timeText %>\n
\n <% } %>\n
\n
\n
\n <% if (card.mediaType === 'youtube') { %>\n ?rel=0\" frameborder=\"0\" allowfullscreen>\n <% } else if (card.mediaType === 'vimeo') { %>\n \" frameborder=\"0\" allowfullscreen>\n <% } else if (card.mediaType === 'image') { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n
\n
\n
\n
\n
\"><%= card.title %>
\n
\n <% if (card.mediaType === 'youtube') { %>\n \" frameborder=\"0\" allowfullscreen>\n <% } else if (card.mediaType === 'vimeo') { %>\n ?playsinline=0\" frameborder=\"0\" allowfullscreen>\n <% } else if (card.mediaType === 'image') { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n
\n
\n
\"><%= card.content %>
\n
\n <% if (card.timeText) { %>\n
\n \n <%= card.timeText %>\n
\n <% } %>\n <% if (card.mediaType === 'youtube' || card.mediaType === 'vimeo') { %>\n <%= card.videoId %>?playsinline=0\" target=\"_blank\" rel=\"noopener noreferrer\">\n \n 무료 공개\n \n \n \n <% } %>\n
\n
\n
\n
\n <% }); %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#f2f2f2", "textColor": "#000000", "cards": [ { "title": "강의 제목", "content": "강의 설명", "timeText": "0시간 00분 ㅣ 00개 강의", "mediaType": "image", "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202007/152222-11/artboard-2.png", "videoId": "" }, { "title": "강의 제목", "content": "강의 설명", "timeText": "0시간 00분 ㅣ 00개 강의", "mediaType": "youtube", "imageUrl": "", "videoId": "wnPYlAi5eSw" }, { "title": "강의 제목", "content": "강의 설명", "timeText": "0시간 00분 ㅣ 00개 강의", "mediaType": "youtube", "imageUrl": "", "videoId": "wnPYlAi5eSw" } ] }, "uniqueId": "fc-block-4-iev9huz5p", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-19-89vvkqb7p", "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": "30", "paddingBottom": "40", "backgroundColor": "", "useTextLeft": false, "backgroundColorOpacity": "0", "backgroundImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202105/080556-236/star741-c2-bg.png", "mobileBackgroundImageUrl": "", "textColor": "#000000", "textSize1": "fc-h1-text", "text1": "", "textSize2": "fc-content-text", "text2": "" }, "uniqueId": "fc-block-4-pa3wdksjb", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-6-7zul6dph3", "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": "#282828" }, "uniqueId": "fc-block-5-f2mtekmsj", "isChecked": false, "hidden": true }, { "id": "fc-block-3-fndc28hrx", "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-3-t1af3e1fs", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-7-f0ret1ewk", "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": "#282828" }, "uniqueId": "fc-block-6-jo8zoossw", "isChecked": false, "hidden": true }, { "id": "fc-block-9-xf6uh06zd", "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": "#c4201c", "useImageLeft": false, "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202206/025332-344/메인최하단.png", "mobileImageUrl": "", "imageWidth": "800", "alt": "", "useNewTab": false, "link": "" }, "uniqueId": "fc-block-7-tcb89413e", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-fforwkuzg", "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
\">\n
<%=title%>
\n
\n 0일\n 0시간\n 0분\n 0초\n\n <% if (targetTime) { %>\n <%=targetTime %>\n <% } %>\n
\n
\n
\n" }, "values": { "title": "⏰7/1(금) 가격 인상까지 남은 시간⏰ ", "targetTime": "2022-06-30T23:59", "backgroundColor": "#000", "textColor": "black" }, "uniqueId": "fc-block-2-k0kzlxgh0", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-6-md0g1vbcc", "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": "45", "paddingBottom": "10", "backgroundColor": "#282828", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#fff", "text": "Option 1 : 이 강의 포함 패키지 구매시 선착순 AirPods Pro 드림!" }, "uniqueId": "fc-block-4-nc0aydqhm", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-9-v4r0j2vrz", "layout": { "id": "906", "description": "현물 번들 상품 전용 이벤트 카드", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top", "value": { "default": 30 } }, { "name": "paddingBottom", "type": "number", "description": "padding bottom", "value": { "default": 30 } }, { "name": "mode", "type": "select", "description": "", "options": [ "Light", "Dark" ], "value": { "default": "Light" } }, { "name": "backgroundColor", "type": "text", "description": "background color", "value": { "default": "#D4D6FF" } }, { "name": "productID", "type": "text", "description": "product id", "isRequired": true, "value": { "default": "" } }, { "name": "coverImageUrl", "type": "image", "description": "cover image url", "isRequired": true, "value": { "default": "" } }, { "name": "subImageUrl", "type": "image", "description": "sub image url", "value": { "default": "" } }, { "name": "pointColor", "type": "text", "description": "point color", "value": { "default": "#555BDF" } }, { "name": "titleColor", "type": "text", "description": "title color", "value": { "default": "#222222" } }, { "name": "subTitleColor", "type": "text", "description": "sub title color", "value": { "default": "#222222" } }, { "name": "title", "type": "text", "description": "", "value": { "default": "" } }, { "name": "subtitle", "type": "text", "description": "", "value": { "default": "" } }, { "name": "content", "type": "text", "description": "content", "isRequired": true, "value": { "default": "" } }, { "name": "buttonLabel", "type": "text", "description": "button label", "value": { "default": "구매 하기" } }, { "name": "buttonColor", "type": "text", "description": "button color", "value": { "default": "#ED234B" } }, { "name": "buttonLabelColor", "type": "text", "description": "button lable color", "value": { "default": "#FFFFFF" } } ], "values": { "paddingTop": 30, "paddingBottom": 30, "mode": "Light", "backgroundColor": "#D4D6FF", "productID": "", "coverImageUrl": "", "subImageUrl": "", "pointColor": "#555BDF", "titleColor": "#222222", "subTitleColor": "#222222", "title": "", "subtitle": "", "content": "", "buttonLabel": "구매 하기", "buttonColor": "#ED234B", "buttonLabelColor": "#FFFFFF" }, "template": "\"\n style=\"\n padding-top: <%= paddingTop/10 || 0 %>rem;\n padding-bottom: <%= paddingBottom/10 || 0 %>rem;\n background-color: <%= backgroundColor %>;\n \"\n>\n \"\n data-padding-bottom=\"<%= paddingBottom %>\"\n data-background-color=\"<%= backgroundColor %>\"\n data-mode=\"<%= mode %>\"\n data-cover-img-url=\"<%= coverImageUrl %>\"\n data-title=\"<%= title %>\"\n data-title-color=\"<%= titleColor %>\"\n data-sub-title=\"<%= subtitle %>\"\n data-sub-title-color=\"<%= subTitleColor %>\"\n data-product-id=\"<%= productID %>\"\n data-point-color=\"<%= pointColor %>\"\n data-content=\"<%= content %>\"\n data-sub-img-url=\"<%= subImageUrl %>\"\n data-button-label=\"<%= buttonLabel %>\"\n data-button-label-color=\"<%= buttonLabelColor %>\"\n data-button-color=\"<%= buttonColor %>\"\n >\n
\n \n \n
\n \n
\n
\n \"\n alt=\"번들강의이미지\"\n loading=\"lazy\"\n style=\"width: 100%\"\n />\n
\n
\n <% if (subtitle !== '') { %>\n
\"><%= subtitle %>
\n
; -webkit-line-clamp: 1\"><%= title %>
\n <% } else { %>\n
; -webkit-line-clamp: 2\"><%= title %>
\n <% } %>\n
\n
\n \n
\n
\n
)\">
\n
\n
\n
\n 총 10과목\n
\n
\n
\n \n
\n <% if (content !== '') { %>\n
<%= content %>
\n <% } %>\n
\n \"\n alt=\"\"\n loading=\"lazy\"\n style=\"width: 100%\"\n />\n
\n
\n
\n 정가\n 0원\n
\n
\n 할인 판매가\n \n 0% 할인\n 0원\n \n
\n
\n 12개월 할부\n 월 0원\n
\n
\n
\n ; background-color: <%= buttonColor %>\"\n >\n <%= buttonLabel %>\n \n
\n
\n
\n\n" }, "values": { "paddingTop": 30, "paddingBottom": 30, "mode": "Light", "backgroundColor": "#282828", "productID": "78483", "coverImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/2022-05-10T07:57:14Z/2022-05-10T07:57:14Z-678/캐릭터-일러스트-드로잉-906.png", "subImageUrl": " ", "pointColor": "#555BDF", "titleColor": "#222222", "subTitleColor": "#222222", "title": "", "subtitle": "", "content": "단언컨대 어디에서도 볼 수 없는 압도적인 혜택의 '아이패드 드로잉' 강의 패키지! 기초부터 작가처럼 쓱싹쓱싹 그리는 법까지! 지금 바로 혜택받고 구매하세요!", "buttonLabel": "구매 하기", "buttonColor": "#ED234B", "buttonLabelColor": "#FFFFFF" }, "uniqueId": "fc-block-5-a0jcvbemx", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-e5wqggyu6", "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": "25", "paddingBottom": "0", "backgroundColor": "#282828", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#fff", "text": "Option 2 : 이 강의만 구매 시" }, "uniqueId": "fc-block-4-fzaen2gsa", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-4-4ls83x2jh", "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": "15", "backgroundColor": "#000" }, "uniqueId": "fc-block-4-h4twsgvjo", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-8-7ltt93c02", "layout": { "id": "909", "description": "월 금액 강조 (동적 요소-2)", "icon": "\n", "params": [ { "name": "pointColor", "type": "text", "description": "포인트 컬러" }, { "name": "labelColor", "type": "text", "description": "라벨 컬러" }, { "name": "labels", "type": "list", "description": "라벨 리스트", "maxLength": 20, "params": [ { "name": "labelText", "type": "text", "description": "라벨 내용" } ] }, { "name": "title", "type": "text", "description": "layout head title" }, { "name": "title2", "type": "text", "description": "자동구성을 사용하고 싶지 않으시면 작성해주세요." }, { "name": "content", "type": "text", "description": "내용" }, { "name": "monthlyInstallment", "type": "number", "description": "입력한 값이 할부 개월 수로 적용됩니다." } ], "values": { "pointColor": "#ed2040", "labelColor": "#f9858d", "labels": [ { "labelText": "한번 구매로, 평생 소장하세요." }, { "labelText": "평생소장" }, { "labelText": "최저가" } ], "title": "한번 구매로, 평생 소장하세요.", "title2": "", "content": "조만간 가격이 인상될 예정입니다.
지금 구매하세요!", "monthlyInstallment": 5 }, "template": "
\">\n
\n
\n
\n <% labels.length && labels.forEach(({ labelText }) => { %>\n
; border: 0.1rem solid <%= labelColor%>;\"><%= labelText %>
\n <% }) %>\n
\n
\n <%= title %>
\n <% if (title2.trim().length !== 0) { %>\n <%= title2 %>
\n <% } else { %>\n (자동 구성) 가격이 인상됩니다. \n <% } %> \n
\n
<%= content %>
\n
\n
\n
\n
\n 정상가\n (자동 구성)\n
\n
\n 할인 금액\n (자동 구성)\n
\n
\n 최종 금액\n (자동 구성)\n
\n
\n ;\"><%= monthlyInstallment %>개월 할부 시\n ;\">\n 월 (자동 구성)원\n \n
\n
\n
\n
\n
; border-color: <%= pointColor %>;\">오늘이 최저가!
\n
;\">
\n
\n
\n
\n
\n
\n
\n" }, "values": { "pointColor": "#ed2040", "labelColor": "#f9858d", "labels": [ { "labelText": "할인특가" }, { "labelText": "한정판매" }, { "labelText": "평생소장" } ], "title": "7월 1일부터 수강료가 인상됩니다.", "title2": "상반기 최저가로 시작하세요!", "content": "지금 구매하면 평생소장 혜택까지!", "monthlyInstallment": "12" }, "uniqueId": "fc-block-8-8q7fm7zil", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-9-o01pmqxro", "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": "15", "backgroundColor": "#000" }, "uniqueId": "fc-block-6-u1uyt9gwo", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-16-iatdnaxwe", "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": false, "title": "제목을 입력해주세요.", "content": "(자동)", "buttonLabel": "최저가로 수강신청\t", "상품 설정 컴포저입니다.": "매칭된 상품의 상세페이지에서 설정해주세요." }, "uniqueId": "fc-block-9-fjm213iy8", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-12-2d2818un6", "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": "45", "paddingBottom": "20", "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h4-text", "textColor": "#000000", "text": "\n\n구매 안내.\n" }, "uniqueId": "fc-block-1-isfxqu7kg", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-15-7xhuu11f7", "layout": { "id": "204", "description": "이미지와 텍스트 좌/우 스위치", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "imageUrl1", "type": "image", "description": "고정넓이 480, 높이 320 ~ 640" }, { "name": "title1", "type": "text", "description": "title text 1" }, { "name": "content1", "type": "textarea", "description": "content text 1" }, { "name": "imageUrl2", "type": "image", "description": "고정넓이 480, 높이 320 ~ 640" }, { "name": "title2", "type": "text", "description": "title text 2" }, { "name": "content2", "type": "textarea", "description": "content text 2" } ], "values": { "backgroundColor": "", "titleSize": "fc-h3-text", "contentSize": "fc-h5-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "", "title2": "", "content2": "" }, "template": "
;\">\n
\n
\n
\n <% if (imageUrl1 || title1 || content1) { %>\n
\n <% if (imageUrl1) { %>\n
\n \" alt=\"\" loading=\"lazy\" />\n
\n <% } %>\n
\n
\"><%= title1 %>
\n
\"><%= content1 %>
\n
\n
\n <% } %>\n <% if (imageUrl2 || title2 || content2) { %>\n
\n
\n
\"><%= title2 %>
\n
\"><%= content2 %>
\n
\n <% if (imageUrl2) { %>\n
\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n
\n <% } %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "", "titleSize": "fc-h6-text", "contentSize": "fc-content-text", "imageUrl1": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202009/181726-11/artboard-3.png", "title1": "결제 후, 언제 어디서나 수강 시작.", "content1": "• 홈페이지 회원가입 및 로그인\n
\n• 원하는 강의 결제하기\n
\n• 마이페이지에서 강의 시청하기", "imageUrl2": "", "title2": "", "content2": "" }, "uniqueId": "fc-block-9-kxcopsqg6", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-2-50pkjg3ld", "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": "#ffffff" }, "uniqueId": "fc-block-1-uiqk7u49a", "isChecked": false }, { "id": "fc-block-3-3mzym6yoi", "layout": { "id": "401", "description": "아이콘 세로형 카드 (1~4단)", "icon": "\n", "params": [ { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "imageUrl1", "type": "image", "description": "90 x 90" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl2", "type": "image", "description": "90 x 90" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl3", "type": "image", "description": "90 x 90" }, { "name": "title3", "type": "text", "description": "title3" }, { "name": "content3", "type": "textarea", "description": "content3" }, { "name": "imageUrl4", "type": "image", "description": "90 x 90" }, { "name": "title4", "type": "text", "description": "title4" }, { "name": "content4", "type": "textarea", "description": "content4" } ], "values": { "useTextCenter": false, "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "", "title2": "", "content2": "", "imageUrl3": "", "title3": "", "content3": "", "imageUrl4": "", "title4": "", "content4": "" }, "template": "
\n
\n
fc-text-align-center<% } %>\">\n <% if (imageUrl1 || title1 || content1) { %>\n
\n
\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\"><%= title1 %>
\n
\"><%= content1 %>
\n
\n
\n <% } %>\n <% if (imageUrl2 || title2 || content2) { %>\n
\n
\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\"><%= title2 %>
\n
\"><%= content2 %>
\n
\n
\n <% } %>\n <% if (imageUrl3 || title3 || content3) { %>\n
\n
\n <% if (imageUrl3) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\"><%= title3 %>
\n
\"><%= content3 %>
\n
\n
\n <% } %>\n <% if (imageUrl4 || title4 || content4) { %>\n
\n
\n <% if (imageUrl4) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\"><%= title4 %>
\n
\"><%= content4 %>
\n
\n
\n <% } %>\n
\n
\n
\n" }, "values": { "useTextCenter": true, "titleSize": "fc-h6-text", "contentSize": "fc-content-text", "imageUrl1": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202004/194338-11/alarm-checked-3x.png", "title1": "このコースは事前注文商品です。", "content1": "\n\n\n動画と講義資料は、\n以下のようにリリースされます。\n
\n\n\n（一度の購入後、すべての動画を永久保有できます。）\n

\n\n\n

\n\nリリース 2024年7月11日(木）\n

\n", "imageUrl2": "", "title2": "", "content2": "", "imageUrl3": "", "title3": "", "content3": "", "imageUrl4": "", "title4": "", "content4": "" }, "uniqueId": "fc-block-6-3nhi9dshq", "isChecked": false, "hidden": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-jh0cr6ajn", "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": "", "paddingTop": "35", "paddingBottom": "", "borderColor": "#e6e8eb", "borderSize": "1" }, "uniqueId": "fc-block-7-eu9xv6d8r", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": false }, { "id": "fc-block-1-1o6tzghwo", "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--dark", "useLoadMoreBtn": false, "loadMoreBtnText": "", "buttonColor": "#466eff", "useNewTab": false, "title": "推薦講義", "reverseOrder": false, "courseList": [ { "courseId": "238044", "imageBadge": "", "imageBadgeBackgroundColor": "#ffffff", "imageBadgeTextColor": "#ffffff", "id": 1 }, { "courseId": "238046", "imageBadge": "", "imageBadgeBackgroundColor": "#ffffff", "imageBadgeTextColor": "#ffffff", "id": 2 }, { "courseId": "239853", "imageBadge": "", "imageBadgeBackgroundColor": "#ffffff", "imageBadgeTextColor": "#ffffff", "id": 3 }, { "courseId": "239850 ", "imageBadge": "", "imageBadgeBackgroundColor": "#ffffff", "imageBadgeTextColor": "#ffffff", "id": 4 } ] }, "uniqueId": "fc-block-2-b6hg1k23i", "isChecked": false }, { "id": "fc-block-9-ckidpq1am", "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": "45", "paddingBottom": "20", "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h4-text", "textColor": "#000000", "text": "언제 어디서나\n
\n평생 소장.\n", "borderColor": "#f2f2f2", "content": "\n걸음마부터.\n\n
\n내용을 꼭 수정해주세요." }, "uniqueId": "fc-block-1-gx2ggv2iv", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-13-532o9y2ls", "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": "", "cardType": "row", "borderColor": "#e6e8eb", "borderSize": "2", "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "", "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202009/182604-11/rocket-3x.png", "imageSize": "30", "fontSize": "fc-content-text", "fontColor": "#000000", "content": "걸음마부터.\n
\n\n그림에 대한 기본기 없이도 재밌게 배울 수 있어요!\n\n" }, "uniqueId": "fc-block-2-x29mvqphv", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-14-xyfkm9wzo", "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": 10, "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-3-lddwtu9o0", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-15-m2ibtb2lx", "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": "", "cardType": "row", "borderColor": "#e6e8eb", "borderSize": "2", "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "", "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202009/182700-11/thumbs-up-3x.png", "imageSize": "30", "fontSize": "fc-content-text", "fontColor": "#000000", "content": "활용도 100%.\n
\n\n초보자부터 전문가까지 모두 활용할 수 있는 내용입니다.\n\n" }, "uniqueId": "fc-block-4-ea6elwh19", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-16-s15wuvad0", "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": 10, "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-5-7a331s152", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-8-x05j7tmzx", "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": "", "cardType": "row", "borderColor": "#e6e8eb", "borderSize": "2", "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "", "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202009/182745-11/pin-round-3x.png", "imageSize": "30", "fontSize": "fc-content-text", "fontColor": "#000000", "content": "원하는 장소 어디서나.\n
\n\n내가 마음먹은 곳 어디든 나만의 강의장이 됩니다.\n\n" }, "uniqueId": "fc-block-2-ifduzm4en", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-7-wef0we9e6", "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": 10, "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-3-jok0syx5b", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-17-21yyzqlok", "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": "", "cardType": "row", "borderColor": "#e6e8eb", "borderSize": "2", "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "", "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202009/182921-11/infinity-3x.png", "imageSize": "30", "fontSize": "fc-content-text", "fontColor": "#000000", "content": "무제한 반복 학습과 평생 소장.\n
\n\n이해가 잘 되지 않는 내용도 몇 번이고 반복 재생하여 학습할 수 있습니다.\n\n" }, "isChecked": false, "uniqueId": "fc-block-6-a0i9ksen8", "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-19-ukzfws7q9", "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": "#ffffff" }, "uniqueId": "fc-block-13-ekahmcslu", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-10-eya1dndbk", "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": "80", "paddingBottom": "20", "backgroundColor": "#f2f2f2", "useTextCenter": false, "textSize": "fc-h4-text", "textColor": "#000000", "text": " \nstar741先生と一緒に！
カジュアルキャラクタードローイング\n総まとめ講座の詳細\n\n" }, "uniqueId": "fc-block-2-c4olnn5b9", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-ixpcpy7td", "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
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \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
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#f2f2f2", "collapsed": false, "cardBackgroundColor": "#fff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "受講時間", "content1": "• 11の主要テーマ\n
\n• 約16時間", "imageUrl1": "", "title2": "レベル", "content2": "• 入門 - 実践", "imageUrl2": "" }, "isChecked": false, "uniqueId": "fc-block-3-otqol40xf", "hasSyntaxErrorTags": false }, { "id": "fc-block-6-j8w7tyofm", "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": "#f2f2f2" }, "uniqueId": "fc-block-4-5y1w1o4i8", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-4-zt6tuobkd", "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
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \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
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#f2f2f2", "collapsed": false, "cardBackgroundColor": "#fff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "プログラム", "content1": "• 本講座では「Clip Studio Paint Pro 1.10.6」を使用します。\n", "imageUrl1": "", "title2": "受講時の注意事項", "content2": " \nQ. iPadのClip Studioのユーザーも受講できますか？
\n先生はPC版のクリップスタジオで講座を撮影しています。iPad版Clip Studioの場合、\nPC版とインターフェースが一部異なるため、受講に支障をきたす可能性はあります。\n実際の講座に含まれる実習が一部できない場合もあります。

\n\nQ. iPhone、ギャラクシー、アンドロイドのクリップスタジオのユーザーも受講できますか？
\n先生はPC版のクリップスタジオで講座を撮影しています。モバイル版ClipStudioの場合、\nPC版とインターフェースが異なるため、受講に支障をきたす可能性はあります。\n実際の講座に含まれる実習が一部できない場合もあります。

\n\nQ. 男性キャラクターも描きますか？
\n光と色の講座のように、男性キャラクターにも同じように適用できるクリップもありますが、\nすべての講座のデモンストレーションは女性キャラクターで行います。\n\n", "imageUrl2": "" }, "uniqueId": "fc-block-3-s06dsmhmv", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-4-0kog1njn8", "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": "#f2f2f2" }, "uniqueId": "fc-block-5-t97ar670u", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-b0r530gvr", "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": "0", "backgroundColor": "#121212", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#ffffff", "text": " 이 강의도 추천해요. " }, "uniqueId": "fc-block-1-spah924jg", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-1-nbm7ux3cn", "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": "10", "paddingBottom": "24", "backgroundColor": "#121212", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#ffffff", "text": "[ 박담 작가와 함께 남자 캐릭터 드로잉 ] 강의는 클립스튜디오를 이용해 선화로 진행되는 강의로,
\n웹툰 스타일의 남자 캐릭터 일러스트를 그리고 싶으신 분들께 추천드리는 강의입니다.\n

\n[ 배곡파 작가의 웹소설 남자 캐릭터 일러스트 ] 강의는 입문 - 실전 난이도 강의로,
\n웹소설 스타일의 남자 캐릭터 일러스트를 그리고 싶으신 분들께 추천드리는 강의입니다.\n

\n[ 리마의 로맨스판타지 웹소설 일러스트 ] 강의는 실전 - 심화 난이도 강의로,
\n박담/배곡파 작가님의 강의를 완강하신 수강생 분이나 좀더 심화 내용을 원하시는 분들께 추천드리는 강의입니다.\n

\n[ 나만의 애정하는 인물 드로잉 ] 강의는 색연필, 크레파스, 연필 등
\n다양한 재료로 인물 드로잉을 해보고 싶으신 분들께 추천드리는 강의입니다." }, "uniqueId": "fc-block-2-9tkmifo8j", "isChecked": false, "hasSyntaxErrorTags": true, "hidden": true }, { "id": "fc-block-4-1vvxtytm6", "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": "", "paddingBottom": "60", "colorTheme": "theme--dark", "useLoadMoreBtn": false, "loadMoreBtnText": "", "buttonColor": "#466eff", "useNewTab": true, "title": "", "reverseOrder": false, "courseList": [ { "courseId": "206111", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 1 }, { "courseId": "209093", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 2 }, { "courseId": "206181", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 3 }, { "courseId": "207625", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 4 } ] }, "uniqueId": "fc-block-3-0ubj89p4t", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-30-0g5jlgzyu", "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", "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202404/174457-1378/introduction---trust.webp", "mobileImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202404/174502-1378/introduction---trust-mob-2.webp", "imageWidth": "980", "useNewTab": true, "link": "", "useImageLeft": "", "alt": "" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-110-gtbqxdpa5", "isChecked": false, "hidden": false }, { "id": "fc-block-4-1gjqm9mgr", "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": "45", "paddingBottom": "45", "backgroundColor": "#282828", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#fff", "text": "[이벤트 주의사항 및 환불규정 ]

이벤트 주의사항 및 환불규정 바로가기 ☞
\t" }, "uniqueId": "fc-block-4-lj2m0ncxx", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": true }, { "id": "fc-block-8-w79w867o6", "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": "#a385f1" }, "uniqueId": "fc-block-7-1tnx82alk", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-10-f7olh385a", "layout": { "id": "899", "description": "직접 편집", "icon": "\n", "params": [ { "name": "html", "type": "textarea", "description": "html" } ], "values": { "html": "
hello world!!
" }, "template": "
\n <%= html %>\n
\n\n" }, "values": { "html": "
" }, "uniqueId": "fc-block-8-volna3xil", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-11-yribou4ag", "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
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \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
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#a385f1", "collapsed": true, "cardBackgroundColor": "#210057", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#ffffff", "title1": "[할인쿠폰(~11/30 마감) 상세 안내]", "content1": "1. 이벤트 안내: 일러스트 강의 결제완료자 전원에게 디자인 카테고리 강의 30% 할인권 제공
– 11/22(월)~11/30(화) 23:59까지의 결제완료 건(이벤트 참여 강의는 아래 4번에서 확인하세요)
– 본 쿠폰은 ID당 1회 지급되며, 여러 개 강의를 구매하셔도 1번만 발급됩니다.
– 가상계좌(무통장입금) 결제 시에는 실제 입금까지 이벤트 기간 내 완료해 주셔야 참여가 가능합니다.
– 해당 상품은 현장 결제가 불가합니다.

2. 할인쿠폰 발송 일정: 12/1(수) 오후 6시 마이페이지 쿠폰내역에서 확인하실 수 있습니다.

3. 할인쿠폰 유효 기한: 12/1(수)~12/5(일) 23:59

4. 할인쿠폰 대상자: 11/22(월)~11/30(화) 23:59까지의 일러스트 강의 결제완료자 전원
\n – 해당 일정 기간 동안 일러스트 강의 구매 시 이벤트에 자동으로 응모됩니다.
(STAR741과 함께 캐주얼 일러스트 드로잉,
리마의 로맨스판타지 웹소설 일러스트,
세상의 모든 감성 아이패드 드로잉,
박담 작가와 함께 남자 캐릭터 드로잉,
세상의 모든 연필과 펜 드로잉,
소금툰과 함께 캐릭터 드로잉/굿즈/임티/컷툰,
나만의 애정하는 인물 드로잉,
아이패드로 그리는 수채화 소녀 일러스트,
나만의 특별한 일상과 여행 드로잉,
위 단과 강의를 포함한 묶음, 패키지 상품 포함)

5. 할인쿠폰 적용 가능 강의: 디자인 카테고리 강의
(STAR741과 함께 캐주얼 일러스트 드로잉,
리마의 로맨스판타지 웹소설 일러스트,
세상의 모든 감성 아이패드 드로잉,
박담 작가와 함께 남자 캐릭터 드로잉,
세상의 모든 연필과 펜 드로잉,
소금툰과 함께 캐릭터 드로잉/굿즈/임티/컷툰,
나만의 애정하는 인물 드로잉,
아이패드로 그리는 수채화 소녀 일러스트,
나만의 특별한 일상과 여행 드로잉,
디자인 기초 체력 다지기, 시각디자인 요소 활용,
시선을 사로잡는 브랜드 디자인,
한 번에 끝내는 일러스트레이터 활용,
디자인의 차이를 만드는 서체 활용법 by 산돌 서체 디자이너,
한 번에 끝내는 포토샵 활용,
확실하게 끝내는 포토샵&일러스트레이터,
한번에 끝내는 3D 디자인 툴,
완전정복 시각디자인 기초,
마디아의 UX/UI 포트폴리오,
한번에 끝내는 디자인 툴,
한번에 끝내는 UX/UI 디자인,
UX/UI 디자인 (2020),
디자이너 몰래 듣는 압축 포토샵,
성공적인 UX를 위한 유저 리서치 by 카카오페이 리서처,
Data Driven UX Design,
스케치&피그마를 활용한 모바일 UI 디자인,
사진 촬영 및 라이트룸 보정,
타이포그래피와 편집디자인)

\n6. 이벤트 주의사항
\n– 본 쿠폰은 12/1(수) 오후 6시 마이페이지 쿠폰내역에서 확인 가능합니다.
\n– 본 쿠폰은 디자인 카테고리 강의에서 사용 가능하며, 사용 가능 강의 결제창에서만 활성화됩니다. 사용 가능 강의는 5번 적용 가능 강의에서 확인하세요.
\n– 본 쿠폰은 ID당 1회 지급되며, 여러 개 강의를 구매하셔도 1번만 발급됩니다.
\n– 유효기간 내 미 사용 시 자동 소멸됩니다.
\n– 본 쿠폰은 다른 프로모션 및 쿠폰과 중복 적용 불가합니다.
\n– 본 쿠폰으로 구매한 강의의 환불 시 쿠폰은 복구되지 않습니다.", "imageUrl1": "", "title2": "[아이패드(~11/30 마감) 상세 안내]", "content2": "1. 이벤트 안내: 일러스트 강의 결제완료자 중 추첨을 통하여 총 5분에게 아이패드 제공
\n– 11/22(월)~11/30(화) 23:59까지의 결제완료 건(이벤트 참여 강의는 아래에서 확인하세요)
\n – 가상계좌(무통장입금) 결제 시에는 실제 입금까지 이벤트 기간 내 완료해 주셔야 참여가 가능합니다.
\n – 해당 상품은 현장 결제가 불가합니다.
\n2. 아이패드 당첨 안내: 12/3(금) 오후 5시 홈페이지 공지사항 통해 안내
\n3. 당첨자 선정 방식: 5명 무작위 추첨
\n4. 아이패드 발송 일정: 12/20(월) 이후 순차 발송

\n<블랙프라이데이 이벤트 참여 안내>\n

\n아이패드 이벤트 대상자: 11/22(월)~11/30(화) 23:59까지의 일러스트 강의 결제완료자 중 5명 추첨
– 해당 일정 기간 동안 일러스트 강의 구매 시 이벤트에 자동으로 응모됩니다.
\n(STAR741과 함께 캐주얼 일러스트 드로잉,
리마의 로맨스판타지 웹소설 일러스트,
세상의 모든 감성 아이패드 드로잉,
박담 작가와 함께 남자 캐릭터 드로잉,
세상의 모든 연필과 펜 드로잉,
소금툰과 함께 캐릭터 드로잉/굿즈/임티/컷툰,
나만의 애정하는 인물 드로잉,
아이패드로 그리는 수채화 소녀 일러스트,
나만의 특별한 일상과 여행 드로잉,
위 단과 강의를 포함한 묶음, 패키지 상품 포함)

\n – 이벤트 당첨자는 당첨 안내를 받은 후 제세공과금 22%에 해당하는 금액을 입금하셔야 합니다.
\n – 이벤트 당첨자에게 제세공과금, 입금 계좌 안내 및 주민등록증 사본과 발송 주소지를 전달 요청 드릴 예정입니다.
\n – 제세공과금을 정해진 기한까지 입금하지 않을 시, 이벤트 당첨에서 취소됩니다.
\n – 본 이벤트는 당사의 사정에 따라 별도 안내 없이 조기 종료될 수 있습니다.
\n – 본 강의 환불 시 이벤트 혜택은 취소되며, 제공된 상품은 회수됩니다.

\n<상품 안내>

\n – 이벤트 상품: iPad Pro 11형 3세대 (WIFI, 128GB, 스페이스 그레이)
\n – 본 이벤트는 일러스트 카테고리 강의 구매 후 추첨을 통해 iPad Pro 11형 3세대 (WIFI, 128GB, 스페이스 그레이) 가 제공되는 상품입니다.
\n – iPad Pro 본품 구성 외 별도의 액세서리(주변기기)는 제공되지 않습니다.
\n – 모델이나 색상은 변경하실 수 없습니다.
\n – [학습기기 사양] 아이패드 프로 사양 : https://support.apple.com/kb/SP843?viewlocale=ko_KR&locale=ko_KR

\n<배송 안내>

\n – iPad의 A/S는 APPLE Korea의 정책을 따릅니다.
\n – iPad 공급업체의 사정에 따라 배송이 최대 2주 정도 지연될 수 있습니다.
\n – APPLE 사의 규정에 따라 모델명만 제공해드릴 수 있으며, 각 기기의 구체적 사양을 원하실 경우 해당 모델명으로 APPLE 공식 홈페이지에서 직접 확인하셔야 합니다.
\n – 배송은 제세공과금 입금 후 배송 진행됩니다.
\n – 아이패드는 12월 20일(월)부터 순차 출고 예정입니다.
\n – 코로나 19 또는 택배사 사정 등으로 인해 출고 및 배송이 지연될 수 있으며, 지연 발생 시 별도로 안내드립니다.

\n<개인정보 취급업무 위탁 안내>

\n – 학습기기 제공을 위해 아래 개인정보가 제 3자에게 제공됩니다.
\n *개인정보 제공 받는 자: 퍼스트엠, 경동택배
\n *개인정보 제공 목적: iPad 배송
\n *개인정보 제공 항목: 성명, 휴대폰 번호, 주소
\n *개인정보 보유 및 이용 기간: iPad 제공 완료 후 6개월 후 파기
\n – 이벤트 당첨 발표 후 제세공과금 입금 동의 시 정보제공에 동의한 것으로 간주합니다.

\n<이벤트 유의사항>

\n – 온라인 강의의 취소/환불 규정은 각 강의 상세페이지에서 확인하실 수 있습니다.
\n – 본 이벤트 참여를 위해 구매하신 강의의 환불 시, 이벤트 혜택은 취소되며 상품은 배송되지 않습니다.

\n<당첨자 환불 및 주의사항>

\n – 온라인 강의의 취소/환불 규정은 각 강의 상세페이지에서 확인하실 수 있습니다.
\n – 온라인 강의의 취소/환불의 경우 온라인 강의 환불 규정에 따르며, 기기의 반품이 완료된 후 실제 환불이 가능합니다.
\n – 반품 상품 회수 후 검수를 통해 환불 여부가 결정되며, 아래 사유에 해당할 경우 환불이 불가합니다.
\n 1) 상품의 포장/씰을 개봉하여 상품 가치가 감소한 경우
\n 2) 상품 사용 또는 파손/훼손으로 인해 상품 가치가 감소한 경우
\n 3) 기타 사유로 상품의 회수 또는 재판매가 불가능할 경우
\n – 이벤트 당첨자분들께 발송되는 아이패드의 제품 불량 시 아래를 확인하여 주시기 바랍니다.
\n 1) 제품 불량으로 인한 교환 필요시 제조사의 공식 불량판정서를 동봉하여 보내주시기 바랍니다.
\n 2) 반품 주소 : 경기도 용인시 처인구 백봉로 37 로지비스 용인 2센터
\n – 기타 A/S 등은 제조사의 정책을 따르며, 기술지원 등 상세 문의는 Apple 고객센터로 문의 부탁드립니다.
\n * Apple 온라인 고객센터 : https://getsupport.apple.com/
\n * Apple 고객센터 전화 : 080-330-8877", "imageUrl2": "" }, "uniqueId": "fc-block-9-v3thwqykx", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-9-0r35elmr6", "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": "#a385f1" }, "uniqueId": "fc-block-10-kbmp6hmut", "isChecked": false, "hidden": true }, { "id": "fc-block-8-5ow14yh4a", "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": "#282828" }, "hidden": false, "isChecked": false, "uniqueId": "fc-block-15-7zltx3i18" }, { "id": "fc-block-10-8pwojpr88", "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": "#282828", "collapseAll": true, "textSize": "fc-content-text", "title1": "学習規定", "content1": " \n\n* 本商品は動画形式の講座を受講する商品です。\t\n
\n* 状況により、事前告知無しに割引が早期終了または延長される場合があります。\t\t\t\n
\n* 受講申し込みと決済を完了すると、マイページからすぐに受講できます。\t\t\t\n
\n*この講義は韓国語で進行され、日本語字幕が提供されます。\t\t\n\n\n

\n\n– 総学習期間: このコースは 23 時間のビデオ講義で構成されています。
\n– 受講開始日：受講開始日は決済日から期間が計算され、決済を完了すると、マイページからすぐに受講することができます。(事前予約の講座は1次講座オープン日)
\n– Fastcampusの都合で受講開始が遅れた場合は、該当日程分、受講開始日が延期されます。
\n", "title2": "ご注意", "content2": " \n\n– 状況により、事前告知無しに割引が早期終了または延長される場合があります。
\n– 天災地変、廃業などサービス中断が避けられない状況には、サービスが終了する場合があります。
\n– 本商品は、既受講生の割引、その他割引イベントの適用ができない場合があります。
\n– カリキュラムは制作過程で一部追加、削除および変更される場合があります。
\n", "title3": "返金規定", "content3": " \n\n払い戻しポリシーについてもっと知りたいですか？►リンクを確認してください。\n\n", "title4": "Fastcampusポリシーのご案内\t", "content4": " \n\n[Fastcampus ID共有禁止ポリシー］\t\n
\nFastcampusのすべてのオンライン講座では、1つのIDで複数の人が共有する形を禁止しています。\t\t\t\t\t\t\n
\n同時接続の記録は内部システムを通じて自動的に累積され、その後のサービス利用が制限される場合があります。\t\t\t\t\t\t\n

\n[著作権ポリシー］\n
\nFastcampusのすべての講座は、無断で配布・加工する行為、キャプチャと録画して共有する行為、無断で販売する行為など、一切の著作権侵害行為を禁止します。\t\t\t\t\t\t\n
不正使用が見つかった場合、著作権法違反による法的な制裁を受ける可能性があります。\t\t\t\t\t\n\n\n", "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-12-2upy23hlt", "isChecked": false }, { "id": "fc-block-5-me604vuxc", "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": "#282828" }, "uniqueId": "fc-block-7-upsp7ygqx", "isChecked": false }, { "id": "fc-block-10-8wh6b4drs", "layout": { "id": "899", "description": "직접 편집", "icon": "\n", "params": [ { "name": "html", "type": "textarea", "description": "html" } ], "values": { "html": "
hello world!!
" }, "template": "
\n <%= html %>\n
\n\n" }, "values": { "html": "
" }, "uniqueId": "fc-block-5-xwks194ty", "isChecked": false, "hidden": true }, { "id": "fc-block-4-asojobkd1", "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
\">\n
<%=title%>
\n
\n 0일\n 0시간\n 0분\n 0초\n\n <% if (targetTime) { %>\n <%=targetTime %>\n <% } %>\n
\n
\n
\n" }, "values": { "title": "⏰수강권 선택 이벤트가 곧 끝나요! ⏰ ~2/20(일) 23:59까지만", "targetTime": "2022-02-20T23:59", "backgroundColor": "#282828", "textColor": "black" }, "uniqueId": "fc-block-6-pf2nqinsv", "isChecked": false, "hidden": true }, { "id": "fc-block-9-6gtfw96dd", "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": "15", "paddingBottom": "0", "backgroundColor": "#282828", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#fff", "text": "👇🏻아래 두 가지 수강권 중 택1👇🏻" }, "uniqueId": "fc-block-7-m0oag0lmf", "isChecked": false, "hidden": true } ]

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

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

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

<%= title %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title4 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title4 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title4 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title4 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title4 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title4 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= subtitle %>

; -webkit-line-clamp: 1\"><%= title %>

; -webkit-line-clamp: 2\"><%= title %>

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

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

<%= title %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= subtitle %>

; -webkit-line-clamp: 1\"><%= title %>

; -webkit-line-clamp: 2\"><%= title %>

\"><%= subtitle %>

; -webkit-line-clamp: 1\"><%= title %>

; -webkit-line-clamp: 2\"><%= title %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title4 %>

\"><%= name %>

\"><%= subtitle %>

; -webkit-line-clamp: 1\"><%= title %>

; -webkit-line-clamp: 2\"><%= title %>

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

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

<%= title %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title4 %>

<%= title %>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

「star741」と一緒に！ カジュアルイラストドローイング

講座詳細

JP_올인원 패키지 : star741의 캐주얼 캐릭터 드로잉(6/17~) Details

「star741」と一緒に！カジュアルイラストドローイング