[ { "id": "fc-block-1-yp70e15xt", "layout": { "id": "899", "description": "직접 편집", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.af7249a2.svg", "params": [ { "name": "html", "type": "textarea", "description": "html" } ], "values": { "html": "

hello world!!

" }, "template": "

\n <%= html %>\n

\n\n" }, "values": { "html": "\t\t\t" }, "uniqueId": "fc-block-1-28shx9j4h", "isChecked": false }, { "id": "fc-block-1-autmeol09", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "40", "backgroundColor": "#121212" }, "uniqueId": "fc-block-1-ivo7d1tpz", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": false }, { "id": "fc-block-1-7ah8lrk2q", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.88a533e1.svg", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useWideMode", "type": "checkbox", "description": "use Wide mode" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "imageAlt", "type": "text", "description": "image alt" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "startDate": "", "endDate": "", "backgroundColor": "#ffffff", "useWideMode": false, "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "imageHeight": 0, "alt": "", "useNewTab": true, "link": "" }, "template": "

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

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

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#121212", "useImageLeft": false, "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202305/045814-636/230516-pdp-none-event-banner.png", "mobileImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202305/045816-636/m-230516-pdp-none-event-banner.png", "imageWidth": 980, "alt": "", "useNewTab": false, "link": "https://coloso.co.kr/event/202305rankingfestival?utm_source=coloso&utm_medium=singlepagebanner&utm_campaign=202305rankingfestival", "startDate": "", "endDate": "2023-05-24T23:59", "useWideMode": false, "imageAlt": "배너 이미지" }, "uniqueId": "fc-block-1-4rzoo7so9", "isChecked": false }, { "id": "fc-block-2-dnge9w7e8", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.88a533e1.svg", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useWideMode", "type": "checkbox", "description": "use Wide mode" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "imageAlt", "type": "text", "description": "image alt" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "startDate": "", "endDate": "", "backgroundColor": "#ffffff", "useWideMode": false, "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "imageHeight": 0, "alt": "", "useNewTab": true, "link": "" }, "template": "

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

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#121212", "useImageLeft": false, "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202211/161551-465/60lecture-casualillust-banner-dt.png", "mobileImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202211/161555-465/60lecture-casualillust-mob.png", "imageWidth": 980, "alt": "", "useNewTab": false, "link": "https://coloso.co.kr/products/60lecture-casualillust", "startDate": "", "endDate": "", "useWideMode": false, "imageAlt": "배너 이미지" }, "uniqueId": "fc-block-2-k5we3wiic", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-pd4k2xbem", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#121212" }, "uniqueId": "fc-block-3-y1cawz7c8", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-1-ky8tm4h6e", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.88a533e1.svg", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useWideMode", "type": "checkbox", "description": "use Wide mode" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "imageAlt", "type": "text", "description": "image alt" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "startDate": "", "endDate": "", "backgroundColor": "#ffffff", "useWideMode": false, "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "imageHeight": 0, "alt": "", "useNewTab": true, "link": "" }, "template": "

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

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#121212", "useImageLeft": false, "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202201/154810-568/banner-dt.png", "mobileImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202201/154813-568/banner-mob.png", "imageWidth": 980, "alt": "", "useNewTab": false, "link": "https://coloso.jp/event/welcomecoupon2022_jp", "startDate": "", "endDate": "", "useWideMode": false }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-1-rfdde2pj5", "isChecked": false, "hidden": true }, { "id": "fc-block-1-jag310kko", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.e3f4bda0.svg", "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": "46", "paddingBottom": "20", "backgroundColor": "#121212", "useTextCenter": true, "textSize": "fc-h5-text", "textColor": "#000000", "text": "\n소개 영상
\n\n스튜디오, 런드리오피스\n" }, "hidden": false, "uniqueId": "fc-block-1-lj5c87kdq", "isChecked": false }, { "id": "fc-block-2-puljbdw5w", "layout": { "id": "301", "description": "풀사이즈 동영상", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.d622318a.svg", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useVideoLeft", "type": "checkbox", "description": "use video center" }, { "name": "videoPlatformType", "type": "select", "description": "videoPlatformType", "options": [ "Youtube", "Vimeo" ] }, { "name": "videoWidth", "type": "number", "description": "video width" }, { "name": "video", "type": "video", "description": "video" } ], "values": { "backgroundColor": "", "useVideoLeft": false, "videoPlatformType": "Youtube", "videoWidth": 980, "video": "" }, "template": "

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

\">\n

;\">\n

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

\n" }, "values": { "backgroundColor": "#121212", "useVideoLeft": false, "videoPlatformType": "Youtube", "videoWidth": "720", "video": "Pek9jIjPc6c" }, "hidden": false, "uniqueId": "fc-block-2-nwymgv5kb", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-1r90frhe7", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.e3f4bda0.svg", "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": "20", "paddingBottom": "30", "backgroundColor": "#121212", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#A0A0A0", "text": "\n“누구도 알려주지 않았던
\nK-POP 비주얼 디렉팅의
\n진짜 실무 프로세스를
\n낱낱이 공개해 드리겠습니다.\"
\n" }, "hidden": false, "uniqueId": "fc-block-1-d9lp3thri", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-2ntj2106m", "layout": { "id": "003", "description": "문단 구분 선", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.995ce44b.svg", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "size", "options": [ "1", "2" ] } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "borderColor": "#c8c8d2", "borderSize": "1" }, "template": "

\">\n

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

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

\n" }, "values": { "backgroundColor": "#121212", "paddingTop": "30", "paddingBottom": "0", "borderColor": "#3a3a3a", "borderSize": "1" }, "hidden": false, "uniqueId": "fc-block-2-ru40n1uvj", "isChecked": false }, { "id": "fc-block-3-siai8xsjc", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.e3f4bda0.svg", "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": "52", "paddingBottom": "20", "backgroundColor": "#121212", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#A0A0A0", "text": "\n어디서도 보기 힘든
\n비주얼 디렉팅 풀 파이프라인!
\n컨셉 기획부터
\n디자인 프로젝트 완성까지!\n\n" }, "hidden": false, "uniqueId": "fc-block-3-p43cldknr", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-b9p5fc79u", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.88a533e1.svg", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useWideMode", "type": "checkbox", "description": "use Wide mode" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "imageAlt", "type": "text", "description": "image alt" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "startDate": "", "endDate": "", "backgroundColor": "#ffffff", "useWideMode": false, "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "imageHeight": 0, "alt": "", "useNewTab": true, "link": "" }, "template": "

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

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#121212", "useImageLeft": false, "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/060112-879/studio-laundryoffice-reason01.png", "mobileImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/060112-879/studio-laundryoffice-reason01.png", "imageWidth": "720", "alt": "", "useNewTab": true, "link": "", "startDate": "", "endDate": "", "imageAlt": "런드리오피스 그래픽 디자인 이미지", "useWideMode": false }, "uniqueId": "fc-block-1-mu009r0aq", "isChecked": false, "hidden": false }, { "id": "fc-block-7-lhqwxspiw", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.10ea6d95.svg", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "useNewTab", "type": "checkbox", "description": "카드 클릭 시 링크 열람 방식을 설정할 수 있습니다." }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현할 수 있습니다.", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "이미지 파일 업로드" }, { "name": "imageAlt", "type": "text", "description": "이미지 부가 설명" }, { "name": "text1", "type": "text", "description": "자유 입력" }, { "name": "text2", "type": "text", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "

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

\">\n

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

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

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

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

\">\n

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

\n" }, "values": { "paddingTop": "0", "paddingBottom": "0", "columnCount": "3", "backgroundColor": "#121212", "colorTheme": "theme-light-red", "text1Size": "fc-h6-text", "text2Size": "fc-content-text", "cards": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/005809-879/3.jpg", "text1": "", "text2": "", "imageAlt": "에키나 일러스트 포트폴리오" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/005813-879/4.jpg", "text1": "", "text2": "", "imageAlt": "에키나 일러스트 포트폴리오" } ], "useNewTab": true }, "hidden": true, "uniqueId": "fc-block-3-vslzlm4t8", "isChecked": false }, { "id": "fc-block-3-rcsmfs4iy", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.e3f4bda0.svg", "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": "20", "paddingBottom": "30", "backgroundColor": "#121212", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#A0A0A0", "text": "\n크리에이티브 디렉터가 되고 싶은데
\n어떤 수업을 들어야 하는지,
\n어떤 실무진에게 배워야 하는지
\n찾는 과정에서 막막함을 느끼진 않으셨나요?
\n
\nYG 출신, 워너 뮤직 코리아가 품은
\n스튜디오 런드리오피스의
\n대표 크리에이티브 디렉터 3인이
\n기획-브랜딩-촬영-디자인
\n디렉팅 실무 씬을 알려드립니다.\n\n\n\n" }, "uniqueId": "fc-block-4-uvwrm7jkp", "isChecked": false }, { "id": "fc-block-9-g1csi78w3", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.88a533e1.svg", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useWideMode", "type": "checkbox", "description": "use Wide mode" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "imageAlt", "type": "text", "description": "image alt" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "startDate": "", "endDate": "", "backgroundColor": "#ffffff", "useWideMode": false, "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "imageHeight": 0, "alt": "", "useNewTab": true, "link": "" }, "template": "

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

\n <% } %>\n

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

\n <% } %>\n

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

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

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

\">\n

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

\n" }, "values": { "paddingTop": "0", "paddingBottom": "0", "columnCount": "3", "backgroundColor": "#121212", "colorTheme": "theme-light-red", "text1Size": "fc-h6-text", "text2Size": "fc-content-text", "cards": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/005949-879/6.jpg", "text1": "", "text2": "", "imageAlt": "에키나 일러스트 포트폴리오" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/005954-879/7.jpg", "text1": "", "text2": "", "imageAlt": "에키나 일러스트 포트폴리오" } ], "useNewTab": true }, "hidden": true, "uniqueId": "fc-block-7-lcmo1tf6z", "isChecked": false }, { "id": "fc-block-1-ycbg6ud3p", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.e3f4bda0.svg", "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": "20", "paddingBottom": "54", "backgroundColor": "#121212", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#A0A0A0", "text": "\n이번 클래스에서는
\n실제 아티스트의 아이덴티티를
\n구축하기 위한 브랜딩부터
\n최종 디자인 비주얼 산출까지
\n폐쇄적인 비주얼 디렉팅의
\n교육 격차를 해소하기 위한
\n커리큘럼을 준비했습니다.
\n
\n촬영장과 인쇄소에서 어떤 업무를 하고,
\n어떻게 프로젝트가 진행되는 지
\n실무 과정을 그대로 담아낸
\n유일무이 온라인 클래스를
\n콜로소에서 만나보세요!\n\n\n\n" }, "uniqueId": "fc-block-2-ntnlr04o5", "isChecked": false, "hidden": false }, { "id": "fc-block-1-i8l6w5snc", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "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-qvj200vvw", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-mmzffd3cr", "layout": { "id": "401", "description": "아이콘 세로형 카드 (1~4단)", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.b20e67f7.svg", "params": [ { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "imageUrl1", "type": "image", "description": "90 x 90" }, { "name": "imageAlt1", "type": "text", "description": "image1 alt" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl2", "type": "image", "description": "90 x 90" }, { "name": "imageAlt2", "type": "text", "description": "image2 alt" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl3", "type": "image", "description": "90 x 90" }, { "name": "imageAlt3", "type": "text", "description": "image3 alt" }, { "name": "title3", "type": "text", "description": "title3" }, { "name": "content3", "type": "textarea", "description": "content3" }, { "name": "imageUrl4", "type": "image", "description": "90 x 90" }, { "name": "imageAlt4", "type": "text", "description": "image4 alt" }, { "name": "title4", "type": "text", "description": "title4" }, { "name": "content4", "type": "textarea", "description": "content4" } ], "values": { "useTextCenter": false, "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "", "title2": "", "content2": "", "imageUrl3": "", "title3": "", "content3": "", "imageUrl4": "", "title4": "", "content4": "" }, "template": "

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

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

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

\"><%= title1 %>

\"><%= content1 %>

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

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

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

\"><%= title2 %>

\"><%= content2 %>

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

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

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

\"><%= title3 %>

\"><%= content3 %>

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

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

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

\"><%= title4 %>

\"><%= content4 %>

\n <% } %>\n

\n" }, "values": { "useTextCenter": true, "titleSize": "fc-h6-text", "contentSize": "fc-content-text", "imageUrl1": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202110/164307-564/coloso-jp-icon-course.png", "title1": "클래스 정보", "content1": "영상 20회
\n강의 시간: 한 회차당
약 30분 내외
\n난이도: 초급-중급
", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202110/164313-564/coloso-jp-icon-program.png", "title2": "사용 프로그램", "content2": "- Adobe Photoshop
\n- Adobe Illustrator
\n- Adobe Indesign
\n- Adobe Bridge
\n
\n*phtoshop과 Illustrator 모두
2021 이전 버전을 사용해도 수강에는 지장이 없습니다.", "imageUrl3": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202110/164355-564/coloso-jp-icon-video.png", "title3": "동영상 정보", "content3": "온라인 VOD
\n오디오: 한국어
\n자막: 없음", "imageUrl4": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202110/164409-564/coloso-jp-icon-bonus.png", "title4": "클래스 혜택", "content4": "- 앨범 콘셉트 기획안 템플릿
\n- 촬영 콘셉트 기획안 템플릿
\n- 로고 디자인 파일 (PSD)
\n- 포스터&커버 디자인
파일 (PSD)
\n- 패키지 목업 파일 (PSD)
\n- 강의내용 pdf 자료", "imageAlt1": "아이콘", "imageAlt2": "아이콘", "imageAlt3": "아이콘", "imageAlt4": "아이콘" }, "uniqueId": "fc-block-2-mjw9snu9f", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-abt1d0s91", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "40", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-3-ygyvcbhij", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-xa82jn9nw", "layout": { "id": "003", "description": "문단 구분 선", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.995ce44b.svg", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "size", "options": [ "1", "2" ] } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "borderColor": "#c8c8d2", "borderSize": "1" }, "template": "

\">\n

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

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

\n" }, "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "borderColor": "#c8c8d2", "borderSize": "1" }, "uniqueId": "fc-block-1-2qyzz2lrl", "isChecked": false, "hidden": true }, { "id": "fc-block-3-56fqildqa", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.e3f4bda0.svg", "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": "20", "paddingBottom": "0", "backgroundColor": "#ffffff", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#000000", "text": "\nEVENT
\n\n선착순 100명 대상
\n얼리버드 할인 쿠폰 증정\n\n\n\n\n\n\n" }, "uniqueId": "fc-block-2-i3eivfv60", "isChecked": false, "hidden": true }, { "id": "fc-block-4-vbzoz24yx", "layout": { "id": "910", "description": "쿠폰 발급", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.667f6fec.svg", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "paddingTop", "type": "number", "description": "padding-top" }, { "name": "paddingBottom", "type": "number", "description": "padding-bottom" }, { "name": "colorTheme", "type": "select", "description": "bright or dark", "options": [ "bright", "dark" ] }, { "name": "couponColor", "type": "text", "description": "coupon color" }, { "name": "couponTextColor", "type": "text", "description": "coupon text color" }, { "name": "title", "type": "text", "description": "title" }, { "name": "content", "type": "text", "description": "content" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "showRemainingCoupons", "type": "checkbox", "description": "" }, { "name": "coupons", "type": "list", "description": "쿠폰 리스트", "maxLength": 20, "params": [ { "name": "couponTemplateCode", "type": "text", "description": "쿠폰 코드" } ] } ], "values": { "startDate": "", "endDate": "", "paddingTop": 0, "paddingBottom": 0, "colorTheme": "bright", "couponColor": "#121212", "couponTextColor": "#ffffff", "title": "제목을 입력해주세요.", "content": "본문을 입력해주세요.", "buttonText": "쿠폰 모두 받기", "showRemainingCoupons": true, "coupons": [ { "couponTemplateCode": "" } ] }, "template": "

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

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

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

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

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

(자동 구성)

\n <% } %>\n

\n \n

\n" }, "values": { "startDate": "2023-03-10T14:17", "endDate": "2023-03-17T23:59", "paddingTop": "10", "paddingBottom": 0, "colorTheme": "bright", "couponColor": "#121212", "couponTextColor": "#ffffff", "title": " ", "content": "* 발급 쿠폰 사용 기간: 3.17 23:59PM까지
* 사용 기간이 지나 소멸된 쿠폰은 재발급이 불가합니다.

", "buttonText": "쿠폰 바로 받기 ", "showRemainingCoupons": false, "coupons": [ { "couponTemplateCode": "CL668GEHD8W1" } ] }, "uniqueId": "fc-block-3-0zvajorlf", "isChecked": false, "hidden": true }, { "id": "fc-block-2-73z070cf2", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.e3f4bda0.svg", "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": "0", "paddingBottom": "0", "backgroundColor": "#ffffff", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#666", "text": "
\n
\n" }, "uniqueId": "fc-block-4-bodxnonbr", "isChecked": false, "hidden": true }, { "id": "fc-block-1-vytetmlz3", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.e3f4bda0.svg", "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": "52", "paddingBottom": "20", "backgroundColor": "#121212", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#ffffff", "text": "\n대형기획사의 러브콜이
\n끊이지 않는 디자인 스튜디오
\n런드리오피스의 포트폴리오\n" }, "uniqueId": "fc-block-1-umdzwpv4z", "isChecked": false }, { "id": "fc-block-5-ic9sxbrmo", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.10ea6d95.svg", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "useNewTab", "type": "checkbox", "description": "카드 클릭 시 링크 열람 방식을 설정할 수 있습니다." }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현할 수 있습니다.", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "이미지 파일 업로드" }, { "name": "imageAlt", "type": "text", "description": "이미지 부가 설명" }, { "name": "text1", "type": "text", "description": "자유 입력" }, { "name": "text2", "type": "text", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "

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

\">\n

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

블랙핑크 - 마지막처럼

", "text2": "", "imageAlt": "에키나 일러스트 포트폴리오" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/034844-879/studio-laundryoffice-portfolio-06.gif", "text1": "

블랙핑크 - 뚜두뚜두

", "text2": "", "imageAlt": "에키나 일러스트 포트폴리오" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/034826-879/studio-laundryoffice-portfolio-03.gif", "text1": "

블랙핑크 - Kill this love

", "text2": "", "imageAlt": "에키나 일러스트 포트폴리오" } ], "useNewTab": true }, "hidden": true, "uniqueId": "fc-block-2-i4nmzgid3", "isChecked": false }, { "id": "fc-block-7-dmttiujkp", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

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

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

\">\n

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

LISA

", "text2": "", "imageAlt": "런드리오피스 그래픽 디자인 포트폴리오" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/034826-879/studio-laundryoffice-portfolio-03.gif", "text1": "

BLACKPINK_KILL THIS LOVE

", "text2": "", "imageAlt": "런드리오피스 그래픽 디자인 포트폴리오" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/034822-879/studio-laundryoffice-portfolio-02.gif", "text1": "

BLACKPINK_DDUDUDDUDU

", "text2": "", "imageAlt": "런드리오피스 그래픽 디자인 포트폴리오" } ], "useNewTab": true }, "uniqueId": "fc-block-8-pxs7tbz3j", "isChecked": false }, { "id": "fc-block-6-l3e822pwg", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

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

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

\">\n

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

ITZY

", "text2": "", "imageAlt": "런드리오피스 그래픽 디자인 포트폴리오" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/022510-879/studio-laundryoffice-portfolio-asics.gif", "text1": "

ASICS

", "text2": "", "imageAlt": "런드리오피스 그래픽 디자인 포트폴리오" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/061043-879/studio-laundryoffice-portfolio-04.gif", "text1": "

", "text2": "", "imageAlt": "런드리오피스 그래픽 디자인 포트폴리오" } ], "useNewTab": true }, "uniqueId": "fc-block-1-jvpolazp7", "isChecked": false }, { "id": "fc-block-2-a9agczaig", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

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

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

\">\n

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

SKZ

", "text2": "", "imageAlt": "런드리오피스 그래픽 디자인 포트폴리오" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/061548-879/studio-laundryoffice-portfolio-08.gif", "text1": "

10cm

", "text2": "", "imageAlt": "런드리오피스 그래픽 디자인 포트폴리오" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/034905-879/studio-laundryoffice-portfolio-09.gif", "text1": "

MINO

", "text2": "", "imageAlt": "런드리오피스 그래픽 디자인 포트폴리오" } ], "useNewTab": true }, "uniqueId": "fc-block-2-8tg5q6wk5", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-d4uysk3jd", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.e3f4bda0.svg", "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": "40", "paddingBottom": "20", "backgroundColor": "#121212", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#666666", "text": "* 해당 포트폴리오를 활용하여 상업적인 용도로 가공 및 재배포할 경우 법적인 제재를 받을 수 있습니다. " }, "uniqueId": "fc-block-4-zv6oyla3b", "isChecked": false }, { "id": "fc-block-4-6s9ti4vr2", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.88a533e1.svg", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useWideMode", "type": "checkbox", "description": "use Wide mode" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "imageAlt", "type": "text", "description": "image alt" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "startDate": "", "endDate": "", "backgroundColor": "#ffffff", "useWideMode": false, "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "imageHeight": 0, "alt": "", "useNewTab": true, "link": "" }, "template": "

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

\n <% } %>\n

\n" }, "values": { "startDate": "", "endDate": "", "backgroundColor": "#121212", "useWideMode": false, "useImageLeft": false, "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/021353-879/moreportfolio-web.png", "mobileImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/021357-879/moreportfolio-mob.png", "imageWidth": 980, "imageHeight": 0, "alt": "", "useNewTab": true, "link": "https://www.instagram.com/laundry_office/", "imageAlt": "런드리오피스 그래픽 디자인 포트폴리오" }, "hidden": false, "uniqueId": "fc-block-5-2aa05j498", "isChecked": false }, { "id": "fc-block-5-5c4xexkvf", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "60", "backgroundColor": "#121212" }, "uniqueId": "fc-block-9-zrt01t0z4", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-14-kc07qu6a3", "layout": { "id": "103", "description": "배경이미지가 있는 1단 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.87f6611f.svg", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextLeft", "type": "checkbox", "description": "use text left" }, { "name": "backgroundColorOpacity", "type": "number", "description": "1~100" }, { "name": "backgroundImageUrl", "type": "image", "description": "1920 x auto" }, { "name": "backgroundImageAlt", "type": "text", "description": "background image alt" }, { "name": "mobileBackgroundImageUrl", "type": "image", "description": "mobile background image url" }, { "name": "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": "50", "paddingBottom": "50", "backgroundColor": "#000", "useTextLeft": false, "backgroundColorOpacity": "75", "backgroundImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/001551-879/studio-laundryoffice-why.png", "mobileBackgroundImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/002005-879/studio-laundryoffice-why-mob.png", "textColor": "#ffffff", "textSize1": "fc-h6-text", "text1": "\n스튜디오 런드리오피스의
\n클래스가 특별한 이유

\n\n\n\n실제 프로젝트와
\n싱크로율 90%!!
\n10개 이상의 예제로
\n배우는 디렉팅 실습\n\n", "textSize2": "fc-content-text", "text2": "
\n\n단순히 경험만 공유하는
\n다큐멘터리 같은 클래스가 아닙니다.
\n
\n아티스트, 앨범 로고
\n티져, 인물, 그래픽 포스터
\n온라인 커버 등
\n세부적인 디자인 실습은 물론
\n
\n피지컬 패키지(아웃박스, 포토북, 구성품) 외 인쇄 노하우 등
\n실무에 그대로 활용되는 패키징 제작 과정을
\n디테일하게 배워볼 수 있습니다.
\n
\n프로젝트의 가장 첫 단추부터
\n마지막 산출물 완성까지
\n비주얼 디렉팅 실무 스킬을
\n확실하게 내 것으로 만들 수 있는
\n다양한 케이스 스터디와
\n예제를 지금 바로 공개합니다.\n\n", "spacing": "60", "backgroundImageAlt": "배경 이미지" }, "uniqueId": "fc-block-6-86i61rlz7", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-bgb1t6kfv", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.e3f4bda0.svg", "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": "52", "paddingBottom": "20", "backgroundColor": "#ffffff", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#ffffff", "text": "\n런드리오피스의
\n파이프 라인을 따라
\n콜로소 아이돌을
\n디렉팅 해봅니다.
\n" }, "uniqueId": "fc-block-1-s26olxit2", "isChecked": false }, { "id": "fc-block-16-6956t5cqp", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.e3f4bda0.svg", "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": "0", "paddingBottom": "14", "backgroundColor": "#ffffff", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#000000", "text": "\nStep1. Branding & Album Concept\n\n
\n\n콜로소 아이돌을 위한 아티스트 아이덴디티 기획,
\n앨범 콘셉트 도출 등 프로젝트 기획안을 작성해봅니다." }, "uniqueId": "fc-block-1-1adkon5r1", "isChecked": false }, { "id": "fc-block-6-jppxjld12", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.10ea6d95.svg", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "useNewTab", "type": "checkbox", "description": "카드 클릭 시 링크 열람 방식을 설정할 수 있습니다." }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현할 수 있습니다.", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "이미지 파일 업로드" }, { "name": "imageAlt", "type": "text", "description": "이미지 부가 설명" }, { "name": "text1", "type": "text", "description": "자유 입력" }, { "name": "text2", "type": "text", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "

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

\">\n

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

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-4-8w17mocpn", "isChecked": false }, { "id": "fc-block-18-2d59hv2qn", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.e3f4bda0.svg", "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": "0", "paddingBottom": "14", "backgroundColor": "#ffffff", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#000000", "text": "\nStep2. Visualization : PHOTO\n\n
\n비주얼 디렉팅에 필요한 컨셉 키워드 도출, 래퍼런스 리서치,
\n헤어, 메이크업, 스타일링, 포토 촬영 등
\n최종 사진 선정과정을 위한 과정을 배워봅니다." }, "uniqueId": "fc-block-3-gqbg34px5", "isChecked": false }, { "id": "fc-block-4-ino7zp9is", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.10ea6d95.svg", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "useNewTab", "type": "checkbox", "description": "카드 클릭 시 링크 열람 방식을 설정할 수 있습니다." }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현할 수 있습니다.", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "이미지 파일 업로드" }, { "name": "imageAlt", "type": "text", "description": "이미지 부가 설명" }, { "name": "text1", "type": "text", "description": "자유 입력" }, { "name": "text2", "type": "text", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "

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

\">\n

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

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-1-mj7u76qcd", "isChecked": false }, { "id": "fc-block-15-t8jj3cwvf", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.e3f4bda0.svg", "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": "0", "paddingBottom": "14", "backgroundColor": "#ffffff", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#000000", "text": "\nStep3. Visualization : DESIGN\n
\n브랜딩, 촬영에서 선정한 기획과 사진을 토대로
\n아티스트 로고, 포스터, 온라인 커버, 앨범 패키지 디자인을 작업해봅니다.\n\n" }, "uniqueId": "fc-block-5-1s0snmdmk", "isChecked": false }, { "id": "fc-block-1-8gfyy4km6", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.10ea6d95.svg", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "useNewTab", "type": "checkbox", "description": "카드 클릭 시 링크 열람 방식을 설정할 수 있습니다." }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현할 수 있습니다.", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "이미지 파일 업로드" }, { "name": "imageAlt", "type": "text", "description": "이미지 부가 설명" }, { "name": "text1", "type": "text", "description": "자유 입력" }, { "name": "text2", "type": "text", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "

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

\">\n

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

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

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

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

\">\n

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

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

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

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

\">\n

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

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

\n" }, "values": { "spacing": "50", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-12-1qlie79p6", "isChecked": false }, { "id": "fc-block-16-g53k04uw6", "layout": { "id": "003", "description": "문단 구분 선", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.995ce44b.svg", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "size", "options": [ "1", "2" ] } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "borderColor": "#c8c8d2", "borderSize": "1" }, "template": "

\">\n

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

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

\n" }, "values": { "backgroundColor": "#ffffff", "paddingTop": "0", "paddingBottom": "0", "borderColor": "#c8c8d2", "borderSize": "1" }, "uniqueId": "fc-block-13-fqtzlz7zd", "isChecked": false }, { "id": "fc-block-2-cpkb8bxaf", "layout": { "id": "899", "description": "직접 편집", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.af7249a2.svg", "params": [ { "name": "html", "type": "textarea", "description": "html" } ], "values": { "html": "

hello world!!

" }, "template": "

\n <%= html %>\n

\n\n" }, "values": { "html": "\t\t\t" }, "uniqueId": "fc-block-2-6dm8egl40", "isChecked": false }, { "id": "fc-block-3-5kihzzifj", "layout": { "id": "103", "description": "배경이미지가 있는 1단 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.87f6611f.svg", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextLeft", "type": "checkbox", "description": "use text left" }, { "name": "backgroundColorOpacity", "type": "number", "description": "1~100" }, { "name": "backgroundImageUrl", "type": "image", "description": "1920 x auto" }, { "name": "backgroundImageAlt", "type": "text", "description": "background image alt" }, { "name": "mobileBackgroundImageUrl", "type": "image", "description": "mobile background image url" }, { "name": "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": "50", "paddingBottom": "50", "backgroundColor": "#000", "useTextLeft": false, "backgroundColorOpacity": "80", "backgroundImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/060218-879/studio-laundryoffice-about-web.png", "mobileBackgroundImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/060221-879/studio-laundryoffice-about-mob.png", "textColor": "#ffffff", "textSize1": "fc-h6-text", "text1": "\n런드리오피스\n\n
\n디자인 스튜디오\n\n\n ", "textSize2": "fc-content-text", "text2": "
\n\n\n안녕하세요.
\n그래픽 디자인을 기반으로
\n음악, 사진, 영상, 인터렉티브, 공간, 굿즈 등
\n분야 제한 없이 비주얼적으로 필요한
\n전반적인 부분을 창조해 내는
\n크리에이티브 디자인 스튜디오
\n런드리오피스 입니다.
\n
\n이번 클래스를 통해
\n크리에이티브 디렉팅의
\n현실적인 실무 과정과
\n다양한 경험으로 얻은 선례를
\n그대로 알려드리겠습니다.\n\n\n\n", "spacing": "60", "backgroundImageAlt": "배경 이미지" }, "uniqueId": "fc-block-3-vhpe4vng4", "isChecked": false }, { "id": "fc-block-1-4f1fobdjp", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.e3f4bda0.svg", "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": "46", "paddingBottom": "20", "backgroundColor": "#", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#000000", "text": "\n강사 소개
\n런드리오피스
\n연사 3인을 소개합니다.\n" }, "hidden": false, "uniqueId": "fc-block-1-6b9nepcky", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-21-7el9o8kl8", "layout": { "id": "802", "description": "강사소개 + 링크버튼", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.836d773e.svg", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "imageUrl", "type": "image", "description": "60 x 60" }, { "name": "imageAlt", "type": "text", "description": "image alt" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "url", "description": "link url" }, { "name": "linkLabel", "type": "text", "description": "link label" } ], "values": { "paddingTop": 0, "paddingBottom": 0, "backgroundColor": "", "imageUrl": "", "titleSize": "fc-h5-text", "title1": "", "title2": "강사님 한마디", "contentSize": "fc-content-text", "content1": "", "content2": "", "useNewTab": true, "link": "", "linkLabel": "강사님 인터뷰 보기" }, "template": "

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

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

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

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

\n <% } %>\n

\"><%= title1 %>

\"><%= content1 %>

\"><%= title2 %>

\"><%= content2 %>

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

\n <% } %>\n

\n" }, "values": { "backgroundColor": "", "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/040910-879/studio-laundryoffice-profile-01.png", "titleSize": "fc-h5-text", "title1": "크리에이티브 디렉터 김지연", "title2": "이력 더보기", "contentSize": "fc-content-text", "content1": "\n\" K-POP이 세계로 뻗어나감에 있어 \n저희가 하는 이 일도 함께 일조하고 있다는 것에\n 자부심을 느끼며 작업하고 있습니다.\"", "content2": "현) 런드리오피스 대표
\n전) YG ent 디자인 팀장
\n
\n[대표 참여 프로젝트]
\nasics - 2019 - 2022 AD
\nBTS - MAP OF THE SOUL ON:E CONCEPT Photobook\n
BTS - Special 8 Photo-Folio Photobook
\nLISA - LALISA Album
\nBLACKPINK - SQUARE TWO, 마지막처럼, SQUARE UP Album 외 Concet
\nBIGBANG - 10주년 Project 외 Concet
\nSTRAY KIDS - ODDINARY / NOEASY / IN生 Album
\nITZY - CHESHIRE / NOTSHY Album
\nWINNER - 데뷔, 2014 S/S, EXIT : E, EVERYD4Y Album 외 Concet

\n\n외 다수 SNS 참고
\n
\n[수상]
\nReddot Award 2015 WINNER Brand Design
\nIf Design Award 2016 WINNER Package Design
\nIf Design Award 2016 EPIK HIGHT Package Design

", "useNewTab": true, "link": "https://www.instagram.com/kr.yuni/ ", "linkLabel": "Instagram", "paddingTop": "40", "paddingBottom": "", "imageAlt": "크리에이티브 디렉터 김지연" }, "uniqueId": "fc-block-6-i8w5xl7rr", "isChecked": false }, { "id": "fc-block-20-g9317agpn", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "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-7-cgxx75ivw", "isChecked": false }, { "id": "fc-block-3-brc277ibn", "layout": { "id": "899", "description": "직접 편집", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.af7249a2.svg", "params": [ { "name": "html", "type": "textarea", "description": "html" } ], "values": { "html": "

hello world!!

" }, "template": "

\n <%= html %>\n

\n\n" }, "values": { "html": "\t\t\t" }, "uniqueId": "fc-block-3-7w6lf3iv5", "isChecked": false }, { "id": "fc-block-22-bscjhxxt1", "layout": { "id": "802", "description": "강사소개 + 링크버튼", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.836d773e.svg", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "imageUrl", "type": "image", "description": "60 x 60" }, { "name": "imageAlt", "type": "text", "description": "image alt" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "url", "description": "link url" }, { "name": "linkLabel", "type": "text", "description": "link label" } ], "values": { "paddingTop": 0, "paddingBottom": 0, "backgroundColor": "", "imageUrl": "", "titleSize": "fc-h5-text", "title1": "", "title2": "강사님 한마디", "contentSize": "fc-content-text", "content1": "", "content2": "", "useNewTab": true, "link": "", "linkLabel": "강사님 인터뷰 보기" }, "template": "

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

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

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

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

\n <% } %>\n

\"><%= title1 %>

\"><%= content1 %>

\"><%= title2 %>

\"><%= content2 %>

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

\n <% } %>\n

\n" }, "values": { "backgroundColor": "", "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/040918-879/studio-laundryoffice-profile-02.png", "titleSize": "fc-h5-text", "title1": "크리에이티브 디렉터 문호연", "title2": "이력 더보기", "contentSize": "fc-content-text", "content1": "\" 그래픽 디자이너와 크레이티브 디렉터로 \n빠르게 성장할 수 있는 핵심과 \n도움이 될 수 있는 강의를 준비했습니다. \"", "content2": "현) 런드리오피스 크리에이티브 디렉터
\n전) 하이어뮤직 디자이너 및 아트 디렉터
\n전) YG ent. 디자이너
\n
\n[대표 참여 프로젝트]
\nCL - ALPHA Album
\nJAY PARK - EVOLUTION Album
\nBIGBANG - 2017 LAST DANCE Concert
\nFANCY CHILD - Album & Concert
\nBLACKPINK - 마지막처럼 Album
\nZICO - THINKING Album
\nSIK K - 2016 ~ 2023 Design & Directing
\nPh-1 - 1st / 2nd Album & Concert
\nH1GHRMUSIC - COMPILATION Album
\n외 다수 SNS 참고
\n
\n[인터뷰]
\nEsquire 2020.05 인터뷰및 촬영
\nSPEEKER INSPIRED 2021 인터뷰및 촬영

", "useNewTab": true, "link": "https://www.instagram.com/klassemoon", "linkLabel": "Instagram", "paddingTop": "0", "paddingBottom": "0", "imageAlt": "크리에이티브 디렉터 문호연" }, "uniqueId": "fc-block-8-61h4oigvk", "isChecked": false }, { "id": "fc-block-23-kv7qv1rei", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "50", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-9-qee2rrk70", "isChecked": false }, { "id": "fc-block-13-7ye7llq34", "layout": { "id": "802", "description": "강사소개 + 링크버튼", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.836d773e.svg", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "imageUrl", "type": "image", "description": "60 x 60" }, { "name": "imageAlt", "type": "text", "description": "image alt" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "url", "description": "link url" }, { "name": "linkLabel", "type": "text", "description": "link label" } ], "values": { "paddingTop": 0, "paddingBottom": 0, "backgroundColor": "", "imageUrl": "", "titleSize": "fc-h5-text", "title1": "", "title2": "강사님 한마디", "contentSize": "fc-content-text", "content1": "", "content2": "", "useNewTab": true, "link": "", "linkLabel": "강사님 인터뷰 보기" }, "template": "

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

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

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

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

\n <% } %>\n

\"><%= title1 %>

\"><%= content1 %>

\"><%= title2 %>

\"><%= content2 %>

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

\n <% } %>\n

\n" }, "values": { "backgroundColor": "", "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/040924-879/studio-laundryoffice-profile-03.png", "titleSize": "fc-h5-text", "title1": "크리에이티브 디렉터 박소영", "title2": "이력 더보기", "contentSize": "fc-content-text", "content1": "\" 새로운 프로젝트를 맡을 때마다 \n다르게 구상하고 우리만의 색으로 \n프로젝트를 물들이는 과정에서 \n이 업의 가장 큰 매력을 느낍니다. \"", "content2": "현) 런드리오피스 크리에이티브 디렉터
\n전) YG Ent. 디자이너
\n
\n[대표 참여 프로젝트]
\nLISA - LALISA Album
\nBLACKPINK - KILL THIS LOVE Album
\nBTS - MAP OF THE SOUL ON:E CONCEPT Photobook
\nBTS - Special 8 Photo-Folio Photobook
\nITZY - CHESHIRE / NOTSHY Album
\nSTRAY KIDS - ODDINARY / NOEASY / IN生 Album
\nCL - ALPHA Album
\nZICO - THINKING Album 외 다수 SNS 참고
\n10CM - 서잣못밤 / GRADATION Album 외 Concert
\nHIPHOPPLAYA FESTIVAL 2022\n", "useNewTab": true, "link": "", "linkLabel": "", "paddingTop": "0", "paddingBottom": "60", "imageAlt": "크리에이티브 디렉터 박소영" }, "uniqueId": "fc-block-13-8kk4p3fbo", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-64-8afl6t9lw", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "40", "backgroundColor": "#121212" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-2-qmkatryew", "isChecked": false }, { "id": "fc-block-25-bpfkla2nx", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.e3f4bda0.svg", "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": "0", "paddingBottom": "0", "backgroundColor": "#121212", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#000000", "text": "\n클래스 특징" }, "uniqueId": "fc-block-8-72j0cazqk", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-1sx5zfwoz", "layout": { "id": "204", "description": "이미지와 텍스트 좌/우 스위치", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.68e56ad7.svg", "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": "imageAlt1", "type": "text", "description": "image1 alt" }, { "name": "title1", "type": "text", "description": "title text 1" }, { "name": "content1", "type": "textarea", "description": "content text 1" }, { "name": "imageUrl2", "type": "image", "description": "고정넓이 480, 높이 320 ~ 640" }, { "name": "imageAlt2", "type": "text", "description": "image2 alt" }, { "name": "title2", "type": "text", "description": "title text 2" }, { "name": "content2", "type": "textarea", "description": "content text 2" } ], "values": { "backgroundColor": "", "titleSize": "fc-h3-text", "contentSize": "fc-h5-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "", "title2": "", "content2": "" }, "template": "

;\">\n

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

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

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

\n <% } %>\n

\"><%= title1 %>

\"><%= content1 %>

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

\"><%= title2 %>

\"><%= content2 %>

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

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

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#121212", "titleSize": "fc-h5-text", "contentSize": "fc-content-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/040938-879/studio-laundryoffice-sellingpoint-01.png", "title2": "세계 3대 엔터테인먼트 음반 레이블이
인정한 디자인 팀의 노하우 최초 공개! ", "content2": "\n국내외 할 것 없이 지속해 성장하고 있으나 정작 비주얼 디렉팅 실무 씬에 대한 노출은 폐쇄적인 성격을 띠고 있는 K-POP 문화! BTS, BLACKPINK, BIGBANG, 위너, ITZY 등 수많은 아티스트와 프로젝트를 진행한 스튜디오 런드오피스의 노하우를 온라인 단독 공개합니다.", "imageAlt1": "", "imageAlt2": "콜로소 런드리오피스 강의 소개" }, "uniqueId": "fc-block-2-ct8hek7pv", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-34-mfeggk99c", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "40", "backgroundColor": "#121212" }, "uniqueId": "fc-block-17-26p8j3y7d", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-33-n9ff9nkg1", "layout": { "id": "204", "description": "이미지와 텍스트 좌/우 스위치", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.68e56ad7.svg", "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": "imageAlt1", "type": "text", "description": "image1 alt" }, { "name": "title1", "type": "text", "description": "title text 1" }, { "name": "content1", "type": "textarea", "description": "content text 1" }, { "name": "imageUrl2", "type": "image", "description": "고정넓이 480, 높이 320 ~ 640" }, { "name": "imageAlt2", "type": "text", "description": "image2 alt" }, { "name": "title2", "type": "text", "description": "title text 2" }, { "name": "content2", "type": "textarea", "description": "content text 2" } ], "values": { "backgroundColor": "", "titleSize": "fc-h3-text", "contentSize": "fc-h5-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "", "title2": "", "content2": "" }, "template": "

;\">\n

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

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

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

\n <% } %>\n

\"><%= title1 %>

\"><%= content1 %>

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

\"><%= title2 %>

\"><%= content2 %>

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

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

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#121212", "titleSize": "fc-h5-text", "contentSize": "fc-content-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/040942-879/studio-laundryoffice-sellingpoint-02.png", "title2": "입문자를 위한 가상의
비주얼 디렉팅 프로젝트 A to Z 실습", "content2": "\n비주얼 디렉팅이 생소한 입문자분들이라도 걱정 마세요! 앨범 콘셉트 기획안, 촬영 콘셉트 기획안 템플릿은 물론 로고 디자인, 포스터&커버 디자인, 패키지 PSD 파일까지 다양한 강의 자료 제공을 통해 가상의 콜로소 프로젝트를 단계별로 차근차근 진행해봅니다.\n", "imageAlt1": "콜로소 에키나 강의 소개", "imageAlt2": "콜로소 런드리오피스 강의 소개" }, "uniqueId": "fc-block-18-xwwm0gp08", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-35-g5e1ow1sy", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "40", "backgroundColor": "#121212" }, "uniqueId": "fc-block-19-2xuvinjxq", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-18-hct2u9efg", "layout": { "id": "204", "description": "이미지와 텍스트 좌/우 스위치", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.68e56ad7.svg", "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": "imageAlt1", "type": "text", "description": "image1 alt" }, { "name": "title1", "type": "text", "description": "title text 1" }, { "name": "content1", "type": "textarea", "description": "content text 1" }, { "name": "imageUrl2", "type": "image", "description": "고정넓이 480, 높이 320 ~ 640" }, { "name": "imageAlt2", "type": "text", "description": "image2 alt" }, { "name": "title2", "type": "text", "description": "title text 2" }, { "name": "content2", "type": "textarea", "description": "content text 2" } ], "values": { "backgroundColor": "", "titleSize": "fc-h3-text", "contentSize": "fc-h5-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "", "title2": "", "content2": "" }, "template": "

;\">\n

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

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

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

\n <% } %>\n

\"><%= title1 %>

\"><%= content1 %>

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

\"><%= title2 %>

\"><%= content2 %>

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

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

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#121212", "titleSize": "fc-h5-text", "contentSize": "fc-content-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/040946-879/studio-laundryoffice-sellingpoint-03.png", "title2": "연사가 직접 발로 뛰며 담아낸
현장감 있는 실무 비주얼 디렉팅", "content2": "\n\n컴퓨터 앞에 앉아 모든 걸 진행하는 여타 엔터테인먼트 클래스와는 프로젝트의 입체감과 규모가 다릅니다. 실제 실무 현장인 촬영장과 인쇄소에서 일관성 있고 유기적으로 시너지를 보여주는 진짜 비주얼 디렉팅의 풀 파이프라인을 경험해보세요!", "imageAlt1": "콜로소 에키나 강의 소개", "imageAlt2": "콜로소 런드리오피스 강의 소개" }, "uniqueId": "fc-block-3-5zgi3ye1b", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-c7e4faccf", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "40", "backgroundColor": "#121212" }, "uniqueId": "fc-block-1-bq6glqyup", "isChecked": false }, { "id": "fc-block-3-x6p095fqs", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "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": "#070707" }, "uniqueId": "fc-block-2-xz164y5o7", "isChecked": false, "hidden": true }, { "id": "fc-block-2-2hygjyxtk", "layout": { "id": "204", "description": "이미지와 텍스트 좌/우 스위치", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.68e56ad7.svg", "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": "imageAlt1", "type": "text", "description": "image1 alt" }, { "name": "title1", "type": "text", "description": "title text 1" }, { "name": "content1", "type": "textarea", "description": "content text 1" }, { "name": "imageUrl2", "type": "image", "description": "고정넓이 480, 높이 320 ~ 640" }, { "name": "imageAlt2", "type": "text", "description": "image2 alt" }, { "name": "title2", "type": "text", "description": "title text 2" }, { "name": "content2", "type": "textarea", "description": "content text 2" } ], "values": { "backgroundColor": "", "titleSize": "fc-h3-text", "contentSize": "fc-h5-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "", "title2": "", "content2": "" }, "template": "

;\">\n

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

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

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

\n <% } %>\n

\"><%= title1 %>

\"><%= content1 %>

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

\"><%= title2 %>

\"><%= content2 %>

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

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

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#070707", "titleSize": "fc-h5-text", "contentSize": "fc-content-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202011/131916-84/parksungwoo-yangsujin-coaching.png", "title2": " 나의 부족함을 채워주는
연사의 1:1 코칭", "content2": "개인 프로젝트에 대한 평가와 QnA를\n동시에 진행함으로써,
나의 실력을 몇 단계 이상\n업그레이드할 수 있습니다.

\n\n– 코칭권 구매 후 메일로 “피드백 요청 양식 (10장 이내, 100mb 이내 /
PDF 파일) ”을 반영한 포트폴리오를 첨부하여 전달해주시면, 연사님께서 직접 피드백을 해 드립니다.
\n– 질문 접수일 기준 2주 1회, 순차적으로 답변됩니다.\n최대 영업일 기준 21일 정도 소요될 수 있으니\n참고하시기 바랍니다.\n\n
\n
\n\n\n* 1:1 코칭권은 클래스 + 코칭권 패키지를 구매한 분들에 한해 적용됩니다.\n
\n", "imageAlt2": "콜로소 피드백권" }, "uniqueId": "fc-block-3-iig6sln29", "isChecked": false, "hidden": true }, { "id": "fc-block-32-fu2ygpxs4", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "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": "#070707" }, "uniqueId": "fc-block-20-bas8y7ywl", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-15-mxq5qi0rf", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.e3f4bda0.svg", "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": "46", "paddingBottom": "20", "backgroundColor": "", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#000000", "text": "\n클래스 구성
\n이런 것을 배웁니다\n" }, "uniqueId": "fc-block-14-foeptluq6", "isChecked": false }, { "id": "fc-block-14-77w1i2rad", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.10ea6d95.svg", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "useNewTab", "type": "checkbox", "description": "카드 클릭 시 링크 열람 방식을 설정할 수 있습니다." }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현할 수 있습니다.", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "이미지 파일 업로드" }, { "name": "imageAlt", "type": "text", "description": "이미지 부가 설명" }, { "name": "text1", "type": "text", "description": "자유 입력" }, { "name": "text2", "type": "text", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "useNewTab": true, "cards": [ { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" }, { "link": "", "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "

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

\">\n

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

\n" }, "values": { "paddingTop": "0", "paddingBottom": "0", "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h6-text", "text2Size": "fc-content-text", "cards": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/040958-879/studio-laundryoffice-detail-01.png", "text1": "크리에이티브 디렉팅 직무 및
업무 프로세스 소개", "text2": "크리에이티브 디렉터란 어떤 직무이고 주로 하는 일은 무엇인지, 본 강의의 내용을 실무에서 어떻게 활용할 수 있을지 살펴보며 업무 프로세스를 익힌 뒤 90% 실제 프로젝트와 같은 가상의 프로젝트를 함께 진행해봅니다.", "imageAlt": "콜로소 그래픽 디자인 클래스 구성" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/041002-879/studio-laundryoffice-detail-02.gif", "text1": "아티스트 브랜딩 기획과
전략을 통한 앨범 콘셉트 도출", "text2": "\"콜로소에서 아이돌이 데뷔한다면?\"을 주제로 기획안을 작성해보며 아이덴티티를 확립하기 위한 아티스트 브랜딩 기획과 전략을 세우고, 앨범 콘셉트 도출을 통해 자세한 업무 내용과 커뮤니케이션 과정을 알아봅니다.", "imageAlt": "콜로소 그래픽 디자인 클래스 구성" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/041007-879/studio-laundryoffice-detail-03.gif", "text1": "실제 촬영장으로 배우는
앨범 콘셉트 촬영 프로세스", "text2": "8년간 쌓아온 문호연 연사의 풍부한 리서치 및 콘셉트 도출 방법을 토대로 대중들에게 이야기하고 싶은 스토리와 보여주고 싶은 이미지를 결과물에 담아내는 촬영 노하우와 각종 스킬을 학습해봅니다.", "imageAlt": "콜로소 그래픽 디자인 클래스 구성" } ], "useNewTab": true }, "uniqueId": "fc-block-4-0d5wtnvcr", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-b6wn5m0l9", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

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

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

\">\n

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

\n" }, "values": { "paddingTop": "0", "paddingBottom": "0", "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h6-text", "text2Size": "fc-content-text", "cards": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/041015-879/studio-laundryoffice-detail-04.png", "text1": "헤어&메이크업 스타일링과
사진 촬영 비주얼 디렉팅", "text2": "촬영 기획안 작성부터 헤어, 메이크업, 스타일링, 사진 리뷰 및 분류까지 앨범 아이덴티티를 구체화하는 과정에서 일관성 있는 비주얼 디렉팅을 위한 런드리오피스의 작업 스킬과 노하우를 익혀봅니다.", "imageAlt": "콜로소 그래픽 디자인 클래스 구성" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/041019-879/studio-laundryoffice-detail-05.gif", "text1": "로고부터 포스터, 온라인 커버,
패키지 디자인, 인쇄 발주까지", "text2": "앨범의 콘셉트를 밀도 높고 임팩트 있게 시각화하기 위한 김지연&박소영 연사의 노하우를 바탕으로 일관성 있는 로고, 포스터, 앨범 커버를 디자인해 보며 대중들의 시선을 사로잡는 매력적인 이미지를 만들어 봅니다.", "imageAlt": "콜로소 그래픽 디자인 클래스 구성" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/041022-879/studio-laundryoffice-detail-06.png", "text1": "'콜로소 프로젝트' 리뷰 및
포트폴리오/면접 노하우", "text2": "콜로소 프로젝트를 마무리하며 중요한 부분을 다시 한번 리뷰해보는 시간을 가지고, 런드리오피스에서 작업했던 프로젝트 작업 과정을 살펴보며 엔터테인먼트 분야의 포트폴리오 특징과 면접 노하우를 학습합니다.", "imageAlt": "콜로소 그래픽 디자인 클래스 구성" } ], "useNewTab": true }, "uniqueId": "fc-block-5-phd318kfg", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-qk8qjl6s7", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.e3f4bda0.svg", "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": "40", "paddingBottom": "0", "backgroundColor": "", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#999", "text": "* 해당 이미지는 클래스의 이해를 돕기위한 예시 이미지입니다." }, "uniqueId": "fc-block-1-9qlwr3s3n", "isChecked": false, "hidden": true }, { "id": "fc-block-4-z0jmcpxer", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "60", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-4-ieryovyit", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-4-5t5tm0vzm", "layout": { "id": "909", "description": "월 금액 강조 (동적 요소-2)", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.667f6fec.svg", "params": [ { "name": "paddingTop", "type": "number", "description": "padding-top" }, { "name": "paddingBottom", "type": "number", "description": "padding-bottom" }, { "name": "pointColor", "type": "text", "description": "포인트 컬러" }, { "name": "labelColor", "type": "text", "description": "라벨 컬러" }, { "name": "labels", "type": "list", "description": "라벨 리스트", "maxLength": 20, "params": [ { "name": "labelText", "type": "text", "description": "라벨 내용" } ] }, { "name": "title", "type": "text", "description": "layout head title" }, { "name": "title2", "type": "text", "description": "자동구성을 사용하고 싶지 않으시면 작성해주세요." }, { "name": "content", "type": "text", "description": "내용" } ], "values": { "paddingTop": 60, "paddingBottom": 60, "pointColor": "#ed2040", "labelColor": "#f9858d", "labels": [ { "labelText": "" }, { "labelText": "" } ], "title": "", "title2": "", "content": "" }, "template": "

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

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

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

<%= content %>

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

;\">

\n" }, "values": { "paddingTop": 60, "paddingBottom": 60, "pointColor": "#ed2040", "labelColor": "#f9858d", "labels": [ { "labelText": "평생시청" }, { "labelText": "최저가" } ], "title": "한번 구매로, 평생 시청하세요.", "title2": "", "content": "조만간 가격이 인상될 예정입니다.
지금 구매하세요!" }, "uniqueId": "fc-block-4-po709s1hl", "isChecked": false, "hidden": true }, { "id": "fc-block-4-r2ocvbcbv", "layout": { "id": "899", "description": "직접 편집", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.af7249a2.svg", "params": [ { "name": "html", "type": "textarea", "description": "html" } ], "values": { "html": "

hello world!!

" }, "template": "

\n <%= html %>\n

\n\n" }, "values": { "html": "\t\t\t" }, "uniqueId": "fc-block-4-947gm7e3h", "isChecked": false }, { "id": "fc-block-27-b76sd9gwk", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.e3f4bda0.svg", "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": "40", "paddingBottom": "20", "backgroundColor": "#ffffff", "useTextCenter": true, "textSize": "fc-h5-text", "textColor": "#000000", "text": "\n커리큘럼
\n커리큘럼을 보여드려요" }, "uniqueId": "fc-block-19-j8z5etggc", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-24-bkf5et23e", "layout": { "id": "002", "description": "컴포넌트 라벨", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.d4028806.svg", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "labelText", "type": "text", "description": "label text" }, { "name": "layoutType", "type": "select", "description": "type", "options": [ "fc-label-type1", "fc-label-type2" ] }, { "name": "labelColor", "type": "text", "description": "label color" } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "", "layoutType": "fc-label-type1", "labelColor": "#000000" }, "template": "

\">\n

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

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

\n" }, "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "Section 01. Introduction ", "layoutType": "fc-label-type2", "labelColor": "#333333" }, "uniqueId": "fc-block-10-ki8spodcc", "isChecked": false }, { "id": "fc-block-1-ij6yga6ai", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.4d6eac4a.svg", "params": [ { "name": "colorTheme", "type": "select", "description": "theme", "options": [ "theme--bright", "theme--dark" ] }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "text--h6", "text--content1" ] }, { "name": "aspectRatio", "type": "select", "description": "이미지의 비율을 선택할 수 있습니다.", "options": [ "16:9", "4:3" ] }, { "name": "imageWidth", "type": "number", "description": "이미지 넓이는 최대 720까지 설정할 수 있습니다." }, { "name": "images", "type": "list", "description": "2개 이상의 이미지를 업로드 시, 슬라이드로 보여집니다.", "maxLength": 100, "params": [ { "name": "imageUrl", "type": "image", "description": "image url" } ] }, { "name": "title", "type": "text", "description": "title", "defaultValue": "강의 제목" }, { "name": "contents", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 100, "params": [ { "name": "content", "type": "text", "description": "contents" } ] }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonLink", "type": "link", "description": "button text link" }, { "name": "useBullet", "type": "checkbox", "description": "체크 시, content 앞에 숫자 bullet이 자동 생성됩니다." }, { "name": "autoSlide", "type": "checkbox", "description": "체크 시, 이미지가 자동으로 슬라이드 됩니다." } ], "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "" } ], "title": "", "contents": [ { "content": "" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "template": "

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

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

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

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

\n <% } else { %>\n

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

\n <% } %>\n

\"><%= title %>

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

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

\n" }, "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/041036-879/studio-laundryoffice-curriculum-1.png" } ], "title": "01. Introduction", "contents": [ { "content": "스튜디오 및 강사 소개" }, { "content": "강의 진행 방식 소개" }, { "content": "필요한 준비물 소개" }, { "content": "크리에이티브 디렉터란? " }, { "content": "크리에이티브 디렉터가 하는 업무 " }, { "content": "업무 프로세스 소개 " }, { "content": "업무별 특징 및 예시 소개" } ], "buttonColor": "#ED2040", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-1-2t0ywfrij", "isChecked": false }, { "id": "fc-block-33-qz4mji8cu", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-24-gki3uocrr", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-22-9ox7dijlb", "layout": { "id": "002", "description": "컴포넌트 라벨", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.d4028806.svg", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "labelText", "type": "text", "description": "label text" }, { "name": "layoutType", "type": "select", "description": "type", "options": [ "fc-label-type1", "fc-label-type2" ] }, { "name": "labelColor", "type": "text", "description": "label color" } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "", "layoutType": "fc-label-type1", "labelColor": "#000000" }, "template": "

\">\n

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

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

\n" }, "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "Section 02. Branding", "layoutType": "fc-label-type2", "labelColor": "#333333" }, "uniqueId": "fc-block-8-bj0se8ju0", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-23-udzj9p6v4", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.4d6eac4a.svg", "params": [ { "name": "colorTheme", "type": "select", "description": "theme", "options": [ "theme--bright", "theme--dark" ] }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "text--h6", "text--content1" ] }, { "name": "aspectRatio", "type": "select", "description": "이미지의 비율을 선택할 수 있습니다.", "options": [ "16:9", "4:3" ] }, { "name": "imageWidth", "type": "number", "description": "이미지 넓이는 최대 720까지 설정할 수 있습니다." }, { "name": "images", "type": "list", "description": "2개 이상의 이미지를 업로드 시, 슬라이드로 보여집니다.", "maxLength": 100, "params": [ { "name": "imageUrl", "type": "image", "description": "image url" } ] }, { "name": "title", "type": "text", "description": "title", "defaultValue": "강의 제목" }, { "name": "contents", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 100, "params": [ { "name": "content", "type": "text", "description": "contents" } ] }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonLink", "type": "link", "description": "button text link" }, { "name": "useBullet", "type": "checkbox", "description": "체크 시, content 앞에 숫자 bullet이 자동 생성됩니다." }, { "name": "autoSlide", "type": "checkbox", "description": "체크 시, 이미지가 자동으로 슬라이드 됩니다." } ], "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "" } ], "title": "", "contents": [ { "content": "" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "template": "

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

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

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

\n <% } else { %>\n

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

\n <% } %>\n

\"><%= title %>

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

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

\n" }, "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/041041-879/studio-laundryoffice-curriculum-2.png" } ], "title": "02. 아티스트 브랜딩 / 기획", "contents": [ { "content": "아티스트 브랜딩 전략 및 과정 소개 " } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-9-jnr5ptcm4", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-31-j02v7ojd2", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-22-s3kmjmd9w", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-83eaqu921", "layout": { "id": "002", "description": "컴포넌트 라벨", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.d4028806.svg", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "labelText", "type": "text", "description": "label text" }, { "name": "layoutType", "type": "select", "description": "type", "options": [ "fc-label-type1", "fc-label-type2" ] }, { "name": "labelColor", "type": "text", "description": "label color" } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "", "layoutType": "fc-label-type1", "labelColor": "#000000" }, "template": "

\">\n

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

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

\n" }, "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "Section 03. Album Concept ", "layoutType": "fc-label-type2", "labelColor": "#333333" }, "uniqueId": "fc-block-1-38159un1x", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-25-4ghd5ghp9", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.4d6eac4a.svg", "params": [ { "name": "colorTheme", "type": "select", "description": "theme", "options": [ "theme--bright", "theme--dark" ] }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "text--h6", "text--content1" ] }, { "name": "aspectRatio", "type": "select", "description": "이미지의 비율을 선택할 수 있습니다.", "options": [ "16:9", "4:3" ] }, { "name": "imageWidth", "type": "number", "description": "이미지 넓이는 최대 720까지 설정할 수 있습니다." }, { "name": "images", "type": "list", "description": "2개 이상의 이미지를 업로드 시, 슬라이드로 보여집니다.", "maxLength": 100, "params": [ { "name": "imageUrl", "type": "image", "description": "image url" } ] }, { "name": "title", "type": "text", "description": "title", "defaultValue": "강의 제목" }, { "name": "contents", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 100, "params": [ { "name": "content", "type": "text", "description": "contents" } ] }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonLink", "type": "link", "description": "button text link" }, { "name": "useBullet", "type": "checkbox", "description": "체크 시, content 앞에 숫자 bullet이 자동 생성됩니다." }, { "name": "autoSlide", "type": "checkbox", "description": "체크 시, 이미지가 자동으로 슬라이드 됩니다." } ], "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "" } ], "title": "", "contents": [ { "content": "" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "template": "

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

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

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

\n <% } else { %>\n

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

\n <% } %>\n

\"><%= title %>

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

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

\n" }, "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/041047-879/studio-laundryoffice-curriculum-3.gif" } ], "title": "03. 앨범 콘셉트 / 기획", "contents": [ { "content": "앨범 콘셉트 도출 및 기획안 제작 실습" }, { "content": "엔터테인먼트 업무별 커뮤니케이션 과정 및 방법" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-11-q7x92m3tj", "isChecked": false }, { "id": "fc-block-26-4fgbjiev0", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-12-qq2alca5w", "isChecked": false }, { "id": "fc-block-28-vqu8w0m3k", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.4d6eac4a.svg", "params": [ { "name": "colorTheme", "type": "select", "description": "theme", "options": [ "theme--bright", "theme--dark" ] }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "text--h6", "text--content1" ] }, { "name": "aspectRatio", "type": "select", "description": "이미지의 비율을 선택할 수 있습니다.", "options": [ "16:9", "4:3" ] }, { "name": "imageWidth", "type": "number", "description": "이미지 넓이는 최대 720까지 설정할 수 있습니다." }, { "name": "images", "type": "list", "description": "2개 이상의 이미지를 업로드 시, 슬라이드로 보여집니다.", "maxLength": 100, "params": [ { "name": "imageUrl", "type": "image", "description": "image url" } ] }, { "name": "title", "type": "text", "description": "title", "defaultValue": "강의 제목" }, { "name": "contents", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 100, "params": [ { "name": "content", "type": "text", "description": "contents" } ] }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonLink", "type": "link", "description": "button text link" }, { "name": "useBullet", "type": "checkbox", "description": "체크 시, content 앞에 숫자 bullet이 자동 생성됩니다." }, { "name": "autoSlide", "type": "checkbox", "description": "체크 시, 이미지가 자동으로 슬라이드 됩니다." } ], "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "" } ], "title": "", "contents": [ { "content": "" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "template": "

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

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

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

\n <% } else { %>\n

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

\n <% } %>\n

\"><%= title %>

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

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

\n" }, "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/041052-879/studio-laundryoffice-curriculum-4.png" } ], "title": "04. 앨범 콘셉트 / 리뷰", "contents": [ { "content": "실제 예시 자료를 통하여 과정 실습 및 강조" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-11-quxs1us4x", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-25-7dhxuyrxw", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-12-cwbe7tgtb", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-gc89yf9uq", "layout": { "id": "002", "description": "컴포넌트 라벨", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.d4028806.svg", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "labelText", "type": "text", "description": "label text" }, { "name": "layoutType", "type": "select", "description": "type", "options": [ "fc-label-type1", "fc-label-type2" ] }, { "name": "labelColor", "type": "text", "description": "label color" } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "", "layoutType": "fc-label-type1", "labelColor": "#000000" }, "template": "

\">\n

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

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

\n" }, "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "Section 04. Visualization / PHOTO", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-2-xp40qtd9m", "isChecked": false }, { "id": "fc-block-3-jwjgs5u27", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.4d6eac4a.svg", "params": [ { "name": "colorTheme", "type": "select", "description": "theme", "options": [ "theme--bright", "theme--dark" ] }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "text--h6", "text--content1" ] }, { "name": "aspectRatio", "type": "select", "description": "이미지의 비율을 선택할 수 있습니다.", "options": [ "16:9", "4:3" ] }, { "name": "imageWidth", "type": "number", "description": "이미지 넓이는 최대 720까지 설정할 수 있습니다." }, { "name": "images", "type": "list", "description": "2개 이상의 이미지를 업로드 시, 슬라이드로 보여집니다.", "maxLength": 100, "params": [ { "name": "imageUrl", "type": "image", "description": "image url" } ] }, { "name": "title", "type": "text", "description": "title", "defaultValue": "강의 제목" }, { "name": "contents", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 100, "params": [ { "name": "content", "type": "text", "description": "contents" } ] }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonLink", "type": "link", "description": "button text link" }, { "name": "useBullet", "type": "checkbox", "description": "체크 시, content 앞에 숫자 bullet이 자동 생성됩니다." }, { "name": "autoSlide", "type": "checkbox", "description": "체크 시, 이미지가 자동으로 슬라이드 됩니다." } ], "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "" } ], "title": "", "contents": [ { "content": "" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "template": "

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

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

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

\n <% } else { %>\n

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

\n <% } %>\n

\"><%= title %>

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

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

\n" }, "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/041057-879/studio-laundryoffice-curriculum-5.png" } ], "title": "05. 콘셉트 비주얼화", "contents": [ { "content": "키워드 도출 방법" }, { "content": "레퍼런스 리서치 노하우" }, { "content": "촬영 콘셉트 기획

* 촬영장 현장 영상" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-2-2hqjg3azp", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-11-4ybdgqfl4", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-3-n3ih533qh", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-1h8r2ejg2", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.4d6eac4a.svg", "params": [ { "name": "colorTheme", "type": "select", "description": "theme", "options": [ "theme--bright", "theme--dark" ] }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "text--h6", "text--content1" ] }, { "name": "aspectRatio", "type": "select", "description": "이미지의 비율을 선택할 수 있습니다.", "options": [ "16:9", "4:3" ] }, { "name": "imageWidth", "type": "number", "description": "이미지 넓이는 최대 720까지 설정할 수 있습니다." }, { "name": "images", "type": "list", "description": "2개 이상의 이미지를 업로드 시, 슬라이드로 보여집니다.", "maxLength": 100, "params": [ { "name": "imageUrl", "type": "image", "description": "image url" } ] }, { "name": "title", "type": "text", "description": "title", "defaultValue": "강의 제목" }, { "name": "contents", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 100, "params": [ { "name": "content", "type": "text", "description": "contents" } ] }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonLink", "type": "link", "description": "button text link" }, { "name": "useBullet", "type": "checkbox", "description": "체크 시, content 앞에 숫자 bullet이 자동 생성됩니다." }, { "name": "autoSlide", "type": "checkbox", "description": "체크 시, 이미지가 자동으로 슬라이드 됩니다." } ], "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "" } ], "title": "", "contents": [ { "content": "" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "template": "

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

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

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

\n <% } else { %>\n

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

\n <% } %>\n

\"><%= title %>

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

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

\n" }, "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/041102-879/studio-laundryoffice-curriculum-6.png" } ], "title": "06. 촬영 기획", "contents": [ { "content": "레퍼런스 리서치 및 세분화 과정 소개" }, { "content": "촬영 기획안 제작 과정 소개

* 촬영장 현장 영상" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-4-ledhiibqf", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-28-ng5ar1qtk", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-13-u65qu2ben", "isChecked": false }, { "id": "fc-block-27-l480ygrif", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.4d6eac4a.svg", "params": [ { "name": "colorTheme", "type": "select", "description": "theme", "options": [ "theme--bright", "theme--dark" ] }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "text--h6", "text--content1" ] }, { "name": "aspectRatio", "type": "select", "description": "이미지의 비율을 선택할 수 있습니다.", "options": [ "16:9", "4:3" ] }, { "name": "imageWidth", "type": "number", "description": "이미지 넓이는 최대 720까지 설정할 수 있습니다." }, { "name": "images", "type": "list", "description": "2개 이상의 이미지를 업로드 시, 슬라이드로 보여집니다.", "maxLength": 100, "params": [ { "name": "imageUrl", "type": "image", "description": "image url" } ] }, { "name": "title", "type": "text", "description": "title", "defaultValue": "강의 제목" }, { "name": "contents", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 100, "params": [ { "name": "content", "type": "text", "description": "contents" } ] }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonLink", "type": "link", "description": "button text link" }, { "name": "useBullet", "type": "checkbox", "description": "체크 시, content 앞에 숫자 bullet이 자동 생성됩니다." }, { "name": "autoSlide", "type": "checkbox", "description": "체크 시, 이미지가 자동으로 슬라이드 됩니다." } ], "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "" } ], "title": "", "contents": [ { "content": "" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "template": "

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

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

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

\n <% } else { %>\n

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

\n <% } %>\n

\"><%= title %>

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

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

\n" }, "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/041107-879/studio-laundryoffice-curriculum-7.png" } ], "title": "07. 촬영 현장 및 사진 정리", "contents": [ { "content": "헤어 / 메이크업 / 스타일링 리서치 및 세분화 과정 소개" }, { "content": "촬영 기획안 제작 마무리

* 촬영장 현장 영상" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-14-zu1c01l0t", "isChecked": false }, { "id": "fc-block-26-245vqjo4s", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-13-z82a6s4dq", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-6-36lb8goc9", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.4d6eac4a.svg", "params": [ { "name": "colorTheme", "type": "select", "description": "theme", "options": [ "theme--bright", "theme--dark" ] }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "text--h6", "text--content1" ] }, { "name": "aspectRatio", "type": "select", "description": "이미지의 비율을 선택할 수 있습니다.", "options": [ "16:9", "4:3" ] }, { "name": "imageWidth", "type": "number", "description": "이미지 넓이는 최대 720까지 설정할 수 있습니다." }, { "name": "images", "type": "list", "description": "2개 이상의 이미지를 업로드 시, 슬라이드로 보여집니다.", "maxLength": 100, "params": [ { "name": "imageUrl", "type": "image", "description": "image url" } ] }, { "name": "title", "type": "text", "description": "title", "defaultValue": "강의 제목" }, { "name": "contents", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 100, "params": [ { "name": "content", "type": "text", "description": "contents" } ] }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonLink", "type": "link", "description": "button text link" }, { "name": "useBullet", "type": "checkbox", "description": "체크 시, content 앞에 숫자 bullet이 자동 생성됩니다." }, { "name": "autoSlide", "type": "checkbox", "description": "체크 시, 이미지가 자동으로 슬라이드 됩니다." } ], "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "" } ], "title": "", "contents": [ { "content": "" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "template": "

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

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

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

\n <% } else { %>\n

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

\n <% } %>\n

\"><%= title %>

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

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

\n" }, "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/041113-879/studio-laundryoffice-curriculum-8.png" } ], "title": "08. 타 촬영 기획안 리뷰", "contents": [ { "content": "촬영 현장 리뷰 및 설명 " }, { "content": "사진 리뷰 및 분류 작업 소개

* 촬영장 현장 영상" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-5-8944wms7b", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-13-mr9wycjvq", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-6-csq5g9omh", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-n95v1bdf1", "layout": { "id": "002", "description": "컴포넌트 라벨", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.d4028806.svg", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "labelText", "type": "text", "description": "label text" }, { "name": "layoutType", "type": "select", "description": "type", "options": [ "fc-label-type1", "fc-label-type2" ] }, { "name": "labelColor", "type": "text", "description": "label color" } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "", "layoutType": "fc-label-type1", "labelColor": "#000000" }, "template": "

\">\n

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

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

\n" }, "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "Section 05. Visualization / DESIGN", "layoutType": "fc-label-type2", "labelColor": "#333333" }, "uniqueId": "fc-block-2-3fprvww7u", "isChecked": false }, { "id": "fc-block-7-t66k1ntg6", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.4d6eac4a.svg", "params": [ { "name": "colorTheme", "type": "select", "description": "theme", "options": [ "theme--bright", "theme--dark" ] }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "text--h6", "text--content1" ] }, { "name": "aspectRatio", "type": "select", "description": "이미지의 비율을 선택할 수 있습니다.", "options": [ "16:9", "4:3" ] }, { "name": "imageWidth", "type": "number", "description": "이미지 넓이는 최대 720까지 설정할 수 있습니다." }, { "name": "images", "type": "list", "description": "2개 이상의 이미지를 업로드 시, 슬라이드로 보여집니다.", "maxLength": 100, "params": [ { "name": "imageUrl", "type": "image", "description": "image url" } ] }, { "name": "title", "type": "text", "description": "title", "defaultValue": "강의 제목" }, { "name": "contents", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 100, "params": [ { "name": "content", "type": "text", "description": "contents" } ] }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonLink", "type": "link", "description": "button text link" }, { "name": "useBullet", "type": "checkbox", "description": "체크 시, content 앞에 숫자 bullet이 자동 생성됩니다." }, { "name": "autoSlide", "type": "checkbox", "description": "체크 시, 이미지가 자동으로 슬라이드 됩니다." } ], "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "" } ], "title": "", "contents": [ { "content": "" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "template": "

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

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

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

\n <% } else { %>\n

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

\n <% } %>\n

\"><%= title %>

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

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

\n" }, "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/041117-879/studio-laundryoffice-curriculum-9.png" } ], "title": "09. 로고 디자인 01 (아티스트 심볼)", "contents": [ { "content": "레퍼런스 리서치 방법" }, { "content": "폰트 사이트 서치" }, { "content": "아티스트 심볼 제작 과정 소개 및 실습 " } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-7-qnsa48pwm", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-29-1c52evn0w", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-15-3827are6c", "isChecked": false }, { "id": "fc-block-30-beufcbz5r", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.4d6eac4a.svg", "params": [ { "name": "colorTheme", "type": "select", "description": "theme", "options": [ "theme--bright", "theme--dark" ] }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "text--h6", "text--content1" ] }, { "name": "aspectRatio", "type": "select", "description": "이미지의 비율을 선택할 수 있습니다.", "options": [ "16:9", "4:3" ] }, { "name": "imageWidth", "type": "number", "description": "이미지 넓이는 최대 720까지 설정할 수 있습니다." }, { "name": "images", "type": "list", "description": "2개 이상의 이미지를 업로드 시, 슬라이드로 보여집니다.", "maxLength": 100, "params": [ { "name": "imageUrl", "type": "image", "description": "image url" } ] }, { "name": "title", "type": "text", "description": "title", "defaultValue": "강의 제목" }, { "name": "contents", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 100, "params": [ { "name": "content", "type": "text", "description": "contents" } ] }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonLink", "type": "link", "description": "button text link" }, { "name": "useBullet", "type": "checkbox", "description": "체크 시, content 앞에 숫자 bullet이 자동 생성됩니다." }, { "name": "autoSlide", "type": "checkbox", "description": "체크 시, 이미지가 자동으로 슬라이드 됩니다." } ], "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "" } ], "title": "", "contents": [ { "content": "" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "template": "

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

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

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

\n <% } else { %>\n

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

\n <% } %>\n

\"><%= title %>

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

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

\n" }, "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/041121-879/studio-laundryoffice-curriculum-10.png" } ], "title": "10. 로고 디자인 02 (아티스트 로고)", "contents": [ { "content": "레퍼런스 리서치 방법" }, { "content": "아티스트 로고 제작 과정 소개 및 실습" }, { "content": "로고 포스터 제작" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-16-76dfucek3", "isChecked": false }, { "id": "fc-block-12-gwjp7wu3k", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-8-rge2zlmac", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-32-5de5z9uj8", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.4d6eac4a.svg", "params": [ { "name": "colorTheme", "type": "select", "description": "theme", "options": [ "theme--bright", "theme--dark" ] }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "text--h6", "text--content1" ] }, { "name": "aspectRatio", "type": "select", "description": "이미지의 비율을 선택할 수 있습니다.", "options": [ "16:9", "4:3" ] }, { "name": "imageWidth", "type": "number", "description": "이미지 넓이는 최대 720까지 설정할 수 있습니다." }, { "name": "images", "type": "list", "description": "2개 이상의 이미지를 업로드 시, 슬라이드로 보여집니다.", "maxLength": 100, "params": [ { "name": "imageUrl", "type": "image", "description": "image url" } ] }, { "name": "title", "type": "text", "description": "title", "defaultValue": "강의 제목" }, { "name": "contents", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 100, "params": [ { "name": "content", "type": "text", "description": "contents" } ] }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonLink", "type": "link", "description": "button text link" }, { "name": "useBullet", "type": "checkbox", "description": "체크 시, content 앞에 숫자 bullet이 자동 생성됩니다." }, { "name": "autoSlide", "type": "checkbox", "description": "체크 시, 이미지가 자동으로 슬라이드 됩니다." } ], "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "" } ], "title": "", "contents": [ { "content": "" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "template": "

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

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

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

\n <% } else { %>\n

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

\n <% } %>\n

\"><%= title %>

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

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

\n" }, "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/041126-879/studio-laundryoffice-curriculum-11.png" } ], "title": "11. 포스터 디자인 01 (티져 / 포토)", "contents": [ { "content": "레퍼런스 리서치 방법 " }, { "content": "티저, 포토 포스터 제작 과정 소개 및 실습" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-17-aa31g4qua", "isChecked": false }, { "id": "fc-block-33-oc50du4d5", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "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-18-1qtgps1ji", "isChecked": false }, { "id": "fc-block-34-43igxvu7k", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.4d6eac4a.svg", "params": [ { "name": "colorTheme", "type": "select", "description": "theme", "options": [ "theme--bright", "theme--dark" ] }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "text--h6", "text--content1" ] }, { "name": "aspectRatio", "type": "select", "description": "이미지의 비율을 선택할 수 있습니다.", "options": [ "16:9", "4:3" ] }, { "name": "imageWidth", "type": "number", "description": "이미지 넓이는 최대 720까지 설정할 수 있습니다." }, { "name": "images", "type": "list", "description": "2개 이상의 이미지를 업로드 시, 슬라이드로 보여집니다.", "maxLength": 100, "params": [ { "name": "imageUrl", "type": "image", "description": "image url" } ] }, { "name": "title", "type": "text", "description": "title", "defaultValue": "강의 제목" }, { "name": "contents", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 100, "params": [ { "name": "content", "type": "text", "description": "contents" } ] }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonLink", "type": "link", "description": "button text link" }, { "name": "useBullet", "type": "checkbox", "description": "체크 시, content 앞에 숫자 bullet이 자동 생성됩니다." }, { "name": "autoSlide", "type": "checkbox", "description": "체크 시, 이미지가 자동으로 슬라이드 됩니다." } ], "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "" } ], "title": "", "contents": [ { "content": "" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "template": "

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

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

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

\n <% } else { %>\n

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

\n <% } %>\n

\"><%= title %>

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

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

\n" }, "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/041130-879/studio-laundryoffice-curriculum-12.png" } ], "title": "12. 포스터 디자인 02 (그래픽)", "contents": [ { "content": "레퍼런스 리서치 방법 " }, { "content": "그래픽 포스터 제작 과정 소개 및 실습" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-19-uln810x35", "isChecked": false }, { "id": "fc-block-35-fzqpburcf", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "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-20-iqss8itp4", "isChecked": false }, { "id": "fc-block-36-c6kgb9mxb", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.4d6eac4a.svg", "params": [ { "name": "colorTheme", "type": "select", "description": "theme", "options": [ "theme--bright", "theme--dark" ] }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "text--h6", "text--content1" ] }, { "name": "aspectRatio", "type": "select", "description": "이미지의 비율을 선택할 수 있습니다.", "options": [ "16:9", "4:3" ] }, { "name": "imageWidth", "type": "number", "description": "이미지 넓이는 최대 720까지 설정할 수 있습니다." }, { "name": "images", "type": "list", "description": "2개 이상의 이미지를 업로드 시, 슬라이드로 보여집니다.", "maxLength": 100, "params": [ { "name": "imageUrl", "type": "image", "description": "image url" } ] }, { "name": "title", "type": "text", "description": "title", "defaultValue": "강의 제목" }, { "name": "contents", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 100, "params": [ { "name": "content", "type": "text", "description": "contents" } ] }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonLink", "type": "link", "description": "button text link" }, { "name": "useBullet", "type": "checkbox", "description": "체크 시, content 앞에 숫자 bullet이 자동 생성됩니다." }, { "name": "autoSlide", "type": "checkbox", "description": "체크 시, 이미지가 자동으로 슬라이드 됩니다." } ], "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "" } ], "title": "", "contents": [ { "content": "" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "template": "

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

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

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

\n <% } else { %>\n

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

\n <% } %>\n

\"><%= title %>

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

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

\n" }, "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/041134-879/studio-laundryoffice-curriculum-13.png" } ], "title": "13. 온라인 커버", "contents": [ { "content": "온라인 커버 제작 과정 소개 및 실습" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-21-nt0cwoc6f", "isChecked": false }, { "id": "fc-block-38-27mt563y8", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-22-drej7flx1", "isChecked": false }, { "id": "fc-block-37-xd736ji10", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.4d6eac4a.svg", "params": [ { "name": "colorTheme", "type": "select", "description": "theme", "options": [ "theme--bright", "theme--dark" ] }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "text--h6", "text--content1" ] }, { "name": "aspectRatio", "type": "select", "description": "이미지의 비율을 선택할 수 있습니다.", "options": [ "16:9", "4:3" ] }, { "name": "imageWidth", "type": "number", "description": "이미지 넓이는 최대 720까지 설정할 수 있습니다." }, { "name": "images", "type": "list", "description": "2개 이상의 이미지를 업로드 시, 슬라이드로 보여집니다.", "maxLength": 100, "params": [ { "name": "imageUrl", "type": "image", "description": "image url" } ] }, { "name": "title", "type": "text", "description": "title", "defaultValue": "강의 제목" }, { "name": "contents", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 100, "params": [ { "name": "content", "type": "text", "description": "contents" } ] }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonLink", "type": "link", "description": "button text link" }, { "name": "useBullet", "type": "checkbox", "description": "체크 시, content 앞에 숫자 bullet이 자동 생성됩니다." }, { "name": "autoSlide", "type": "checkbox", "description": "체크 시, 이미지가 자동으로 슬라이드 됩니다." } ], "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "" } ], "title": "", "contents": [ { "content": "" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "template": "

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

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

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

\n <% } else { %>\n

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

\n <% } %>\n

\"><%= title %>

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

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

\n" }, "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/041138-879/studio-laundryoffice-curriculum-14.png" } ], "title": "14. 패키징 01 (아웃박스 / 지기구조 / 사양서)", "contents": [ { "content": "패키지 컨셉 / 지기구조 / 사양서 정리" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-23-vsjlg28e8", "isChecked": false }, { "id": "fc-block-40-oolntfi76", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-24-4nuh2myyg", "isChecked": false }, { "id": "fc-block-39-8nvn21l76", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.4d6eac4a.svg", "params": [ { "name": "colorTheme", "type": "select", "description": "theme", "options": [ "theme--bright", "theme--dark" ] }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "text--h6", "text--content1" ] }, { "name": "aspectRatio", "type": "select", "description": "이미지의 비율을 선택할 수 있습니다.", "options": [ "16:9", "4:3" ] }, { "name": "imageWidth", "type": "number", "description": "이미지 넓이는 최대 720까지 설정할 수 있습니다." }, { "name": "images", "type": "list", "description": "2개 이상의 이미지를 업로드 시, 슬라이드로 보여집니다.", "maxLength": 100, "params": [ { "name": "imageUrl", "type": "image", "description": "image url" } ] }, { "name": "title", "type": "text", "description": "title", "defaultValue": "강의 제목" }, { "name": "contents", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 100, "params": [ { "name": "content", "type": "text", "description": "contents" } ] }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonLink", "type": "link", "description": "button text link" }, { "name": "useBullet", "type": "checkbox", "description": "체크 시, content 앞에 숫자 bullet이 자동 생성됩니다." }, { "name": "autoSlide", "type": "checkbox", "description": "체크 시, 이미지가 자동으로 슬라이드 됩니다." } ], "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "" } ], "title": "", "contents": [ { "content": "" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "template": "

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

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

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

\n <% } else { %>\n

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

\n <% } %>\n

\"><%= title %>

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

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

\n" }, "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/041141-879/studio-laundryoffice-curriculum-15.png" } ], "title": "15. 패키징 02 (내부 구성품)", "contents": [ { "content": "아웃박스 / 포토북 / 구성품 제작과정 소개 및 실습" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-25-h5nml98xf", "isChecked": false }, { "id": "fc-block-31-0ibbubq9i", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "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-26-9tbjvsti7", "isChecked": false }, { "id": "fc-block-8-dohmtwgq6", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.4d6eac4a.svg", "params": [ { "name": "colorTheme", "type": "select", "description": "theme", "options": [ "theme--bright", "theme--dark" ] }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "text--h6", "text--content1" ] }, { "name": "aspectRatio", "type": "select", "description": "이미지의 비율을 선택할 수 있습니다.", "options": [ "16:9", "4:3" ] }, { "name": "imageWidth", "type": "number", "description": "이미지 넓이는 최대 720까지 설정할 수 있습니다." }, { "name": "images", "type": "list", "description": "2개 이상의 이미지를 업로드 시, 슬라이드로 보여집니다.", "maxLength": 100, "params": [ { "name": "imageUrl", "type": "image", "description": "image url" } ] }, { "name": "title", "type": "text", "description": "title", "defaultValue": "강의 제목" }, { "name": "contents", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 100, "params": [ { "name": "content", "type": "text", "description": "contents" } ] }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonLink", "type": "link", "description": "button text link" }, { "name": "useBullet", "type": "checkbox", "description": "체크 시, content 앞에 숫자 bullet이 자동 생성됩니다." }, { "name": "autoSlide", "type": "checkbox", "description": "체크 시, 이미지가 자동으로 슬라이드 됩니다." } ], "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "" } ], "title": "", "contents": [ { "content": "" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "template": "

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

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

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

\n <% } else { %>\n

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

\n <% } %>\n

\"><%= title %>

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

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

\n" }, "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/041145-879/studio-laundryoffice-curriculum-16.png" } ], "title": "16. 패키징 03 (인쇄 데이터)", "contents": [ { "content": "인쇄 데이터 만들기" }, { "content": "인쇄소 감리 리뷰

* 인쇄소 현장 영상 " } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-9-yotuyelxx", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-14-fjazamx09", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-10-lpsgi3qt1", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-lwersoa0x", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.4d6eac4a.svg", "params": [ { "name": "colorTheme", "type": "select", "description": "theme", "options": [ "theme--bright", "theme--dark" ] }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "text--h6", "text--content1" ] }, { "name": "aspectRatio", "type": "select", "description": "이미지의 비율을 선택할 수 있습니다.", "options": [ "16:9", "4:3" ] }, { "name": "imageWidth", "type": "number", "description": "이미지 넓이는 최대 720까지 설정할 수 있습니다." }, { "name": "images", "type": "list", "description": "2개 이상의 이미지를 업로드 시, 슬라이드로 보여집니다.", "maxLength": 100, "params": [ { "name": "imageUrl", "type": "image", "description": "image url" } ] }, { "name": "title", "type": "text", "description": "title", "defaultValue": "강의 제목" }, { "name": "contents", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 100, "params": [ { "name": "content", "type": "text", "description": "contents" } ] }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonLink", "type": "link", "description": "button text link" }, { "name": "useBullet", "type": "checkbox", "description": "체크 시, content 앞에 숫자 bullet이 자동 생성됩니다." }, { "name": "autoSlide", "type": "checkbox", "description": "체크 시, 이미지가 자동으로 슬라이드 됩니다." } ], "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "" } ], "title": "", "contents": [ { "content": "" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "template": "

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

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

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

\n <% } else { %>\n

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

\n <% } %>\n

\"><%= title %>

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

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

\n" }, "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/054412-879/coloso-lo-class18.png" } ], "title": "17. REVIEW", "contents": [ { "content": "프로젝트 마무리 및 전체 리뷰" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-1-npvlzxp7r", "isChecked": false }, { "id": "fc-block-2-b93twalfj", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "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-2-okfkb7xs3", "isChecked": false }, { "id": "fc-block-9-3pv1esoto", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.4d6eac4a.svg", "params": [ { "name": "colorTheme", "type": "select", "description": "theme", "options": [ "theme--bright", "theme--dark" ] }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "text--h6", "text--content1" ] }, { "name": "aspectRatio", "type": "select", "description": "이미지의 비율을 선택할 수 있습니다.", "options": [ "16:9", "4:3" ] }, { "name": "imageWidth", "type": "number", "description": "이미지 넓이는 최대 720까지 설정할 수 있습니다." }, { "name": "images", "type": "list", "description": "2개 이상의 이미지를 업로드 시, 슬라이드로 보여집니다.", "maxLength": 100, "params": [ { "name": "imageUrl", "type": "image", "description": "image url" } ] }, { "name": "title", "type": "text", "description": "title", "defaultValue": "강의 제목" }, { "name": "contents", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 100, "params": [ { "name": "content", "type": "text", "description": "contents" } ] }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonLink", "type": "link", "description": "button text link" }, { "name": "useBullet", "type": "checkbox", "description": "체크 시, content 앞에 숫자 bullet이 자동 생성됩니다." }, { "name": "autoSlide", "type": "checkbox", "description": "체크 시, 이미지가 자동으로 슬라이드 됩니다." } ], "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "" } ], "title": "", "contents": [ { "content": "" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "template": "

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

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

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

\n <% } else { %>\n

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

\n <% } %>\n

\"><%= title %>

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

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

\n" }, "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/041150-879/studio-laundryoffice-curriculum-17.png" } ], "title": "18. ETC", "contents": [ { "content": "타 디자인 제작물 제작 과정 소개 및 리뷰" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-11-unnte9ixb", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-10-612ornil6", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-12-d6k2wbo47", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-7-dfpunl3a1", "layout": { "id": "002", "description": "컴포넌트 라벨", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.d4028806.svg", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "labelText", "type": "text", "description": "label text" }, { "name": "layoutType", "type": "select", "description": "type", "options": [ "fc-label-type1", "fc-label-type2" ] }, { "name": "labelColor", "type": "text", "description": "label color" } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "", "layoutType": "fc-label-type1", "labelColor": "#000000" }, "template": "

\">\n

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

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

\n" }, "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "Section 06. Portfolio", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-6-kyy2nyqoi", "isChecked": false }, { "id": "fc-block-43-22ylj8eec", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.4d6eac4a.svg", "params": [ { "name": "colorTheme", "type": "select", "description": "theme", "options": [ "theme--bright", "theme--dark" ] }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "text--h6", "text--content1" ] }, { "name": "aspectRatio", "type": "select", "description": "이미지의 비율을 선택할 수 있습니다.", "options": [ "16:9", "4:3" ] }, { "name": "imageWidth", "type": "number", "description": "이미지 넓이는 최대 720까지 설정할 수 있습니다." }, { "name": "images", "type": "list", "description": "2개 이상의 이미지를 업로드 시, 슬라이드로 보여집니다.", "maxLength": 100, "params": [ { "name": "imageUrl", "type": "image", "description": "image url" } ] }, { "name": "title", "type": "text", "description": "title", "defaultValue": "강의 제목" }, { "name": "contents", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 100, "params": [ { "name": "content", "type": "text", "description": "contents" } ] }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonLink", "type": "link", "description": "button text link" }, { "name": "useBullet", "type": "checkbox", "description": "체크 시, content 앞에 숫자 bullet이 자동 생성됩니다." }, { "name": "autoSlide", "type": "checkbox", "description": "체크 시, 이미지가 자동으로 슬라이드 됩니다." } ], "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "" } ], "title": "", "contents": [ { "content": "" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "template": "

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

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

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

\n <% } else { %>\n

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

\n <% } %>\n

\"><%= title %>

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

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

\n" }, "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/041154-879/studio-laundryoffice-curriculum-18,19.png" } ], "title": "19. 취업 / 포트폴리오", "contents": [ { "content": "엔터테인먼트의 포트폴리오 특징 및 면접 팁" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-29-az64kpurw", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-4-plabceteq", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-13-uuqwheg91", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-y9b6m0k4v", "layout": { "id": "002", "description": "컴포넌트 라벨", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.d4028806.svg", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "labelText", "type": "text", "description": "label text" }, { "name": "layoutType", "type": "select", "description": "type", "options": [ "fc-label-type1", "fc-label-type2" ] }, { "name": "labelColor", "type": "text", "description": "label color" } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "", "layoutType": "fc-label-type1", "labelColor": "#000000" }, "template": "

\">\n

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

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

\n" }, "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "Section 07. Outro", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-3-c5h19iiyj", "isChecked": false }, { "id": "fc-block-16-zoiyoeeqm", "layout": { "id": "214", "description": "커리큘럼형 이미지 슬라이드와 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.4d6eac4a.svg", "params": [ { "name": "colorTheme", "type": "select", "description": "theme", "options": [ "theme--bright", "theme--dark" ] }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "text--h6", "text--content1" ] }, { "name": "aspectRatio", "type": "select", "description": "이미지의 비율을 선택할 수 있습니다.", "options": [ "16:9", "4:3" ] }, { "name": "imageWidth", "type": "number", "description": "이미지 넓이는 최대 720까지 설정할 수 있습니다." }, { "name": "images", "type": "list", "description": "2개 이상의 이미지를 업로드 시, 슬라이드로 보여집니다.", "maxLength": 100, "params": [ { "name": "imageUrl", "type": "image", "description": "image url" } ] }, { "name": "title", "type": "text", "description": "title", "defaultValue": "강의 제목" }, { "name": "contents", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 100, "params": [ { "name": "content", "type": "text", "description": "contents" } ] }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonLink", "type": "link", "description": "button text link" }, { "name": "useBullet", "type": "checkbox", "description": "체크 시, content 앞에 숫자 bullet이 자동 생성됩니다." }, { "name": "autoSlide", "type": "checkbox", "description": "체크 시, 이미지가 자동으로 슬라이드 됩니다." } ], "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "" } ], "title": "", "contents": [ { "content": "" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "template": "

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

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

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

\n <% } else { %>\n

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

\n <% } %>\n

\"><%= title %>

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

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

\n" }, "values": { "colorTheme": "theme--bright", "backgroundColor": "#ffffff", "titleSize": "text--h5", "contentSize": "text--h6", "aspectRatio": "16:9", "imageWidth": "480", "images": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/041201-879/studio-laundryoffice-curriculum-20.png" } ], "title": "20. 마무리", "contents": [ { "content": "강의 마무리와 하고싶은 말 및 인사" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-18-66tz1n2iw", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-27-80ac0053p", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "60", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-15-4753mp1x6", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-12-ejrmi64x6", "layout": { "id": "403", "description": "아이콘 가로 가변형 카드", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.26176af1.svg", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "cardType", "type": "select", "description": "card type", "options": [ "row", "column" ] }, { "name": "cardWidth", "type": "number", "description": "480 ~ 980" }, { "name": "useCardLeft", "type": "checkbox", "description": "use card left" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "border size", "options": [ 1, 2 ] }, { "name": "imageUrl", "type": "image", "description": "100 x 100" }, { "name": "imageAlt", "type": "text", "description": "image alt" }, { "name": "imageSize", "type": "text", "description": "20 ~ 100" }, { "name": "fontSize", "type": "select", "description": "text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "fontColor", "type": "text", "description": "#000000" }, { "name": "content", "type": "textarea", "description": "content" } ], "values": { "backgroundColor": "", "cardType": "row", "borderColor": "#000000", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "", "imageUrl": "", "imageSize": 100, "fontSize": "fc-content-text", "fontColor": "#000000", "content": "" }, "template": "

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

\">\n

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

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

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

\n" }, "values": { "backgroundColor": "", "cardType": "row", "borderColor": "#F5F5F5", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "#F5F5F5", "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202011/164923-84/new-instagram-logo-png-transparent-light.png", "imageSize": "60", "fontSize": "fc-content-text", "fontColor": "#000000", "content": "\n슈퍼베리모어 대표 김영민과의 SNS 이벤트!\n

\n클래스를 듣고 수강생 여러분들만의 개성이 담긴 예제들을
\n인스타그램에 지정된 해시태그와 함께 올려주시면,
\n수상작이 있을 경우 월 최대 3명을 뽑아 쿠폰을 지급해드립니다.\n
\n
\n\n#콜로소김영민 #모션그래픽 #cinema4d #aftereffects + 콜로소 계정(@coloso_official) 계정 태그\n\n
\n
\n\n*올려주신 게시물은 광고로 활용될 수 있습니다. 이를 원하지 않으시는 분은 게시물에 표기 부탁드립니다.\n" }, "uniqueId": "fc-block-11-w50h71kno", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-11-99nwxlyw6", "layout": { "id": "103", "description": "배경이미지가 있는 1단 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.87f6611f.svg", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextLeft", "type": "checkbox", "description": "use text left" }, { "name": "backgroundColorOpacity", "type": "number", "description": "1~100" }, { "name": "backgroundImageUrl", "type": "image", "description": "1920 x auto" }, { "name": "backgroundImageAlt", "type": "text", "description": "background image alt" }, { "name": "mobileBackgroundImageUrl", "type": "image", "description": "mobile background image url" }, { "name": "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": "40", "paddingBottom": "60", "backgroundColor": "#000", "useTextLeft": false, "backgroundColorOpacity": "40", "backgroundImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/004210-879/studio-laundryoffice-interviewcover.png", "mobileBackgroundImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/040022-879/studio-laundryoffice-why-mob-복사.png", "textColor": "#ffffff", "textSize1": "fc-h6-text", "text1": "인터뷰
\n \n스튜디오 런드리오피스\n", "textSize2": "fc-content-text", "text2": "", "backgroundImageAlt": "배경 이미지" }, "uniqueId": "fc-block-1-7vm90aebd", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-4h1v4ibmv", "layout": { "id": "102", "description": "2단 자유 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.6443f4c6.svg", "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": "30", "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize1": "fc-content-text", "textColor1": "#333333", "text1": "\nQuestion.01
\n\n본 강의의 기획 의도와
\n차별화 포인트는 어떻게 되나요?\n\n\n\n\n\n", "textSize2": "fc-content-text", "textColor2": "#333333", "text2": "

\n크리에이티브 디렉팅이라는 직무를 정의하고 실무 파이프라인을 가상의 프로젝트로 그대로 실습하는 유일한 클래스라는 점입니다. 그동안 진행했던 프로젝트의 실제 자료를 토대로 강의를 준비하였고, 프로젝트의 가장 첫 단계부터 마지막을 \"그대로\" 담아냈기에 현장감 있는 화면과 디테일한 실무 노하우를 모두 살펴보실 수 있습니다. " }, "uniqueId": "fc-block-1-7fndnwkcj", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-18-5ay9enwrh", "layout": { "id": "003", "description": "문단 구분 선", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.995ce44b.svg", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "size", "options": [ "1", "2" ] } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "borderColor": "#c8c8d2", "borderSize": "1" }, "template": "

\">\n

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

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

\n" }, "values": { "backgroundColor": "#ffffff", "paddingTop": "30", "paddingBottom": "30", "borderColor": "#c8c8d2", "borderSize": "1" }, "uniqueId": "fc-block-19-xap56wwif", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-19-2bxwmo7c0", "layout": { "id": "102", "description": "2단 자유 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.6443f4c6.svg", "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": "5", "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize1": "fc-content-text", "textColor1": "#333333", "text1": "\nQuestion.02
\n\n\n런드리오피스의 강점은 무엇인가요?\n\n\n\n\n", "textSize2": "fc-content-text", "textColor2": "#333333", "text2": "

\n수많은 프로젝트를 진행하며 다양한 스타일로 완성도 높은 결과물을 제작해내는 힘이 있다는 것입니다. 밀도 높고 임팩트 있는 작업물을 쉽고, 빠르게 작업할 수 있는 노하우를 강의 곳곳에 가득 담았습니다. 대중들의 시선을 사로잡는 매력적인 포인트를 알려드리겠습니다. " }, "uniqueId": "fc-block-20-ozn0v0y6u", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-20-o65cn7zc7", "layout": { "id": "003", "description": "문단 구분 선", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.995ce44b.svg", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "size", "options": [ "1", "2" ] } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "borderColor": "#c8c8d2", "borderSize": "1" }, "template": "

\">\n

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

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

\n" }, "values": { "backgroundColor": "#ffffff", "paddingTop": "30", "paddingBottom": "30", "borderColor": "#c8c8d2", "borderSize": "1" }, "uniqueId": "fc-block-21-euti02nu6", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-21-c0khonapo", "layout": { "id": "102", "description": "2단 자유 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.6443f4c6.svg", "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": "5", "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize1": "fc-content-text", "textColor1": "#333333", "text1": "\nQuestion.03
\n\n어떤 분들에게 이번 클래스를 추천 하나요?\n\n\n\n", "textSize2": "fc-content-text", "textColor2": "#333333", "text2": "

\n크리에이티브 디렉팅이라는 분야를 전문적으로 알려주는 곳이 많이 없는 것으로 알고 있어요. 대부분 실무에 직접 뛰어들지 않고는 비주얼 디렉팅 스킬을 배울 기회가 없을 것 같아서 엔터테인먼트 분야로 진로를 희망하시는 모든 분과 크리에이티브 디렉터가 되고 싶은 학생분들에게 추천하고 싶어요." }, "uniqueId": "fc-block-22-9hb2mc3k8", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-34-c4mjeccau", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "60", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-32-bhylp6sdl", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-35-vhr34ve4o", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "40", "backgroundColor": "#121212" }, "uniqueId": "fc-block-32-dug7zpxf8", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-16-hakbvrp17", "layout": { "id": "204", "description": "이미지와 텍스트 좌/우 스위치", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.68e56ad7.svg", "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": "imageAlt1", "type": "text", "description": "image1 alt" }, { "name": "title1", "type": "text", "description": "title text 1" }, { "name": "content1", "type": "textarea", "description": "content text 1" }, { "name": "imageUrl2", "type": "image", "description": "고정넓이 480, 높이 320 ~ 640" }, { "name": "imageAlt2", "type": "text", "description": "image2 alt" }, { "name": "title2", "type": "text", "description": "title text 2" }, { "name": "content2", "type": "textarea", "description": "content text 2" } ], "values": { "backgroundColor": "", "titleSize": "fc-h3-text", "contentSize": "fc-h5-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "", "title2": "", "content2": "" }, "template": "

;\">\n

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

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

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

\n <% } %>\n

\"><%= title1 %>

\"><%= content1 %>

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

\"><%= title2 %>

\"><%= content2 %>

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

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

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#121212", "titleSize": "fc-h5-text", "contentSize": "fc-content-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202303/004000-879/studio-laundryoffice-program.png", "title2": " 사용 프로그램
안내드립니다.", "content2": "\n본 강의는 Adobe Photoshop, Adobe Illustrator,
Adobe Indesign, Adobe Bridge 프로그램으로 진행되며,
\n원활한 수강을 위해 최신 버전의 해당 프로그램을 별도로 구매 및
설치해주시길 바랍니다.
\n
\n\n*프로그램 및 준비물은 별도로 제공하지 않습니다.
\n허용버전 : phtoshop과 Illustrator 모두 2021 이전 버전을 사용해도
수강에는 지장이 없습니다.", "text2": "

\n혼자 튜토리얼 영상을 보면서 따라하는 것만으로는 실무에 바로 디자인을 응용하기 어렵습니다. 튜토리얼 강의에서는 거의 사용되지 않는 기능까지 모두 알려주기 때문입니다. 만약 실무에서 활용되는 우선 순위로 3D 모션 그래픽을 배워보고 싶다면, 내가 기획한 의도대로 영상을 잘 표현하고 싶은 분들이라면, 꼭 이 클래스를 통해 많은 도움을 얻으실 수 있을 것이라 생각됩니다.", "imageAlt2": "포토샵 일러스트 인디자인 브리지" }, "uniqueId": "fc-block-5-whlyz4aii", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-41-1quhtlyd4", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "40", "backgroundColor": "#121212" }, "uniqueId": "fc-block-2-blu50v794", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-e0pucjlb9", "layout": { "id": "899", "description": "직접 편집", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.af7249a2.svg", "params": [ { "name": "html", "type": "textarea", "description": "html" } ], "values": { "html": "

hello world!!

" }, "template": "

\n <%= html %>\n

\n\n" }, "values": { "html": "\t\t\t" }, "uniqueId": "fc-block-5-5jureo9ru", "isChecked": false }, { "id": "fc-block-23-y4qq15j0m", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.e3f4bda0.svg", "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": "40", "paddingBottom": "30", "backgroundColor": "", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#000000", "text": "추천 클래스
당신이 놓치지 말아야 할
추천 클래스" }, "uniqueId": "fc-block-1-qdulraxo1", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": false }, { "id": "fc-block-9-oskhns36v", "layout": { "id": "215", "description": "캐러셀형 코스카드", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.7ebc1ca2.svg", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "colorTheme", "type": "select", "description": "컬러 테마를 설정할 수 있습니다.
-라이트 모드 (default)
-다크 모드", "options": [ "theme--light", "theme--dark" ] }, { "name": "mobileColumnCount", "type": "select", "description": "모바일 카드 배열: 1단/2단", "options": [ 1, 2 ] }, { "name": "useNewTab", "type": "checkbox", "description": "use new tab" }, { "name": "title", "type": "text", "description": "레이아웃 제목" }, { "name": "reverseOrder", "type": "checkbox", "description": "체크하면 목록이 역순으로 나열됩니다.\n페이지 > 미리보기에서 확인해주세요" }, { "name": "courseList", "type": "list", "description": "이 레이아웃은 컴포저의 실시간 미리보기 지원이 불가합니다.\n페이지의 미리보기 기능을 활용해주세요.", "maxLength": 100, "params": [ { "name": "courseId", "type": "text", "description": "course id", "isRequired": true }, { "name": "imageBadge", "type": "text", "description": "공백 없이 최대 4글자까지 입력이 가능합니다.", "isRequired": true }, { "name": "imageBadgeBackgroundColor", "type": "text", "description": "기본 값은 #ff7450입니다.", "isRequired": true, "defaultValue": "#ff7450" }, { "name": "imageBadgeTextColor", "type": "text", "description": "기본 값은 #ffffff입니다.", "defaultValue": "#ffffff" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "colorTheme": "theme--light", "mobileColumnCount": 2, "useNewTab": true, "title": "", "reverseOrder": false, "courseList": [ { "courseId": "", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff" } ] }, "template": "

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

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

<%= title %>

\n <% } %>\n

\">\n

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

\n" }, "values": { "paddingTop": "0", "paddingBottom": "40", "colorTheme": "theme--light", "mobileColumnCount": 2, "useNewTab": false, "title": "", "reverseOrder": false, "courseList": [ { "courseId": "215808", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 1 }, { "courseId": "215111", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 2 }, { "courseId": "210659", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 3 }, { "courseId": "214520", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 4 } ] }, "uniqueId": "fc-block-7-rl39y4ek6", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-8-top0b1moh", "layout": { "id": "215", "description": "캐러셀형 코스카드", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.7ebc1ca2.svg", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "colorTheme", "type": "select", "description": "컬러 테마를 설정할 수 있습니다.
-라이트 모드 (default)
-다크 모드", "options": [ "theme--light", "theme--dark" ] }, { "name": "mobileColumnCount", "type": "select", "description": "모바일 카드 배열: 1단/2단", "options": [ 1, 2 ] }, { "name": "useNewTab", "type": "checkbox", "description": "use new tab" }, { "name": "title", "type": "text", "description": "레이아웃 제목" }, { "name": "reverseOrder", "type": "checkbox", "description": "체크하면 목록이 역순으로 나열됩니다.\n페이지 > 미리보기에서 확인해주세요" }, { "name": "courseList", "type": "list", "description": "이 레이아웃은 컴포저의 실시간 미리보기 지원이 불가합니다.\n페이지의 미리보기 기능을 활용해주세요.", "maxLength": 100, "params": [ { "name": "courseId", "type": "text", "description": "course id", "isRequired": true }, { "name": "imageBadge", "type": "text", "description": "공백 없이 최대 4글자까지 입력이 가능합니다.", "isRequired": true }, { "name": "imageBadgeBackgroundColor", "type": "text", "description": "기본 값은 #ff7450입니다.", "isRequired": true, "defaultValue": "#ff7450" }, { "name": "imageBadgeTextColor", "type": "text", "description": "기본 값은 #ffffff입니다.", "defaultValue": "#ffffff" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "colorTheme": "theme--light", "mobileColumnCount": 2, "useNewTab": true, "title": "", "reverseOrder": false, "courseList": [ { "courseId": "", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff" } ] }, "template": "

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

<%= title %>

\n <% } %>\n

\">\n

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

\n" }, "values": { "paddingTop": "0", "paddingBottom": "52", "colorTheme": "theme--light", "mobileColumnCount": 2, "useNewTab": false, "title": "", "reverseOrder": false, "courseList": [ { "courseId": "209647", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 1 }, { "courseId": "206991", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 2 }, { "courseId": "207566", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 3 }, { "courseId": "206486", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 4 } ] }, "uniqueId": "fc-block-8-zp3m8u88x", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-38-jko42lf66", "layout": { "id": "102", "description": "2단 자유 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.6443f4c6.svg", "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": "40", "paddingBottom": "40", "backgroundColor": "#121212", "useTextCenter": false, "textSize1": "fc-content-text", "textColor1": "#333333", "text1": "Q. 한 계정으로 클래스를 구매해
지인과\n함께 나눠 수강해도 될까요?\n\n", "textSize2": "fc-content-text", "textColor2": "#A0A0A0", "text2": "\nColoso는, 구매된 콘텐츠를 구매자 한 사람에게만 제공하는 것을 원칙으로 하고 있으며, 이를 어길 시 법적으로 책임을 물을 수 있습니다. \n
클래스 수강 중 다중사용으로 적발되면 계정이 자동 차단되며 영구적으로 사용 제한이 될 수 있으니 각별히 유의 바랍니다.\n
\n\n
\n+ 더 알아보기" }, "uniqueId": "fc-block-4-mvlyq545r", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": false }, { "id": "fc-block-6-tzxf4pp4p", "layout": { "id": "003", "description": "문단 구분 선", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.995ce44b.svg", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "size", "options": [ "1", "2" ] } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "borderColor": "#c8c8d2", "borderSize": "1" }, "template": "

\">\n

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

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

\n" }, "values": { "backgroundColor": "#121212", "paddingTop": "0", "paddingBottom": "20", "borderColor": "#3a3a3a", "borderSize": "1" }, "uniqueId": "fc-block-1-y8ihhp2ci", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": false }, { "id": "fc-block-39-yqjxd2wms", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.e3f4bda0.svg", "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": "40", "paddingBottom": "0", "backgroundColor": "#121212", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#a0a0a0", "text": "주의사항 및 환불규정
\n* 상황에 따라 사전 공지 없이 할인이 조기 마감되거나 연장될 수 있습니다.
\n* 결제 완료를 하신 분들은 좌측 상단 [나의 강의장] 클릭 시 바로 영상 시청하실 수 있습니다. 기입해주신 이메일 주소와 연락처로 결제 완료 및 수강 안내 이메일과 문자가 전송될 예정이니 연락처와 이메일을 정확하게 기입 부탁드립니다.

\n총 학습기간
\n정상 수강기간(유료 수강기간) 최초 2주(14일), 무료수강기간은 15일차 이후로 무제한이며,
\n수강기간과 무료수강기간 모두 동일하게 시청 가능합니다.

\n수강시작일
\n수강 시작일은 Coloso가 수강안내를 한 날짜부터 기간이 산정됩니다.
\nColoso의 사정으로 수강시작이 늦어진 경우에는 해당 일정 만큼 수강 시작일이 연기됩니다.
\n천재지변, 폐업 등 서비스 중단이 불가피한 상황에는 서비스가 종료될 수 있습니다.
\n재생 시간에 관계없이, 영상이 재생된 경우 수강한 것으로 간주합니다.\n

\n콘텐츠는 향후 당사의 일정에 따라 추가 또는 업데이트 될 수 있습니다.
\n환불금액은 정가가 아닌 실제 결제금액을 기준으로 계산됩니다.

\n수강 시작 후 7일 이내 그리고 3강 미만 수강 시에는 100% 환불 가능합니다.
\n수강 시작 후 7일 이내이나 3강 이상 수강하신 경우, 또는 3강 미만 수강하셨으나 수강 시작 후 7일 초과인 경우 전액 환불 불가하고 수강 시 수강기간인 2주 (14일) 대비 잔여일에 대해 당사의 환불규정에 따라 아래와 같이 환불 가능합니다.
\n: 환불요청일시 기준 수강시작 후 7일 초과 10일 이하 경과 시, 실 결제금액의 1/2에 해당하는 금액을 환불
\n: 환불요청일시 기준 수강시작 후 10일 초과 시, 환불금액 없음
\n: 해당 환불규정은 1:1 코칭권에도 동일하게 적용됩니다.\n

\n단, 회원이 강의와 함께 제공되는 강의자료를 다운로드하는 경우 해당 자료 또는 정보가 포함된 회차의 클래스영상을 이용한 것으로 간주합니다.
\n*회차가 표기 되지 않은 자료는 무료로 제공됩니다.\n

\n영상 재생 가능 기기대수 제한
\n하나의 계정당 영상 재생 가능한 기기수를 3대로 제한 하며, 핸드폰 변경 등과 같은 사유로 등록된 사용 기기를 변경하고 싶으실 경우 help@coloso.co.kr로 문의주시면 연 1회에 한하여 기기 변경 도와드리도록 하겠습니다.
\n(등록하실 첫 3대의 기기는 로그인 후 영상 재생과 동시에 자동 등록됩니다.)\n\n

\n피드백권 이용방법
\n<1:1 코칭권>을 구매한 수강생에게는 연사님이 포트폴리오와 질문사항에 피드백을 제공합니다.
\n본 상품은 강의 수강권 구매시 1회 구매 및 이용가능하며, 추가 구매가 불가능합니다.
\n이용방법 : 본인의 포트폴리오 결과물(10장 이내 / 100mb 이내 / PDF 파일)을 보내주시면 21일(영업일 기준) 이내로 피드백을 제공합니다.
\n이용기한 : 결제일로부터 90일 이내(이후 이용권 소멸)
\n제출방식 : feedback@coloso.co.kr로 [본인의 콜로소 ID / 전화번호]를 적고, [포트폴리오 파일]을 첨부해 보내주세요.
\n* 사전 예약 고객의 이용 기한은 결제일이 아닌 영상 오픈 후 90일 이내" }, "uniqueId": "fc-block-5-zfn6qvhze", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-30-508y5adjg", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.2f732878.svg", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "60", "backgroundColor": "#121212" }, "uniqueId": "fc-block-33-35llmwm8r", "isChecked": false, "hasSyntaxErrorTags": false } ]

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title4 %>

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

COUPON

\"><%= title1 %>

\"><%= title2 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title1 %>

\"><%= title2 %>

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

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

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

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

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

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

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

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

\"><%= title1 %>

\"><%= title2 %>

<%= title %>

<%= title %>

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

클래스 상세 정보

[10월릴레이특가]스튜디오 런드리오피스 Details

유의사항