[ { "id": "fc-block-1-lxgp6errt", "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-6dx70iod0", "isChecked": false }, { "id": "fc-block-1-ejc7184cp", "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-h5-text", "textColor": "#000000", "text": "\n게임 프로그래머, 노동진\n" }, "hidden": false, "uniqueId": "fc-block-1-i2u9rtc8p", "isChecked": false }, { "id": "fc-block-1-8odvgzfuo", "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": "XTHd38kthMA" }, "uniqueId": "fc-block-1-q1zxxx5jq", "isChecked": false, "hidden": false }, { "id": "fc-block-4-f3l7ea745", "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": "56", "backgroundColor": "#121212", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#A0A0A0", "text": "\n\"어렵고 생경하게만 느꼈던 게임 프로그래밍을
\n재미있는 놀이처럼 배울 수 있는
\n언리얼 엔진 온라인 클래스를
\n지금 바로 확인해보세요.\"" }, "uniqueId": "fc-block-4-in44b4fj5", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": false }, { "id": "fc-block-3-kojr5s957", "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": "0", "borderColor": "#c8c8d2", "borderSize": "1" }, "hidden": false, "uniqueId": "fc-block-2-aug37mynv", "isChecked": false }, { "id": "fc-block-36-w2rcz5lw1", "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-h5-text", "textColor": "#000000", "text": "\n코딩을 모르고 수학을 몰라도
\n누구나 게임 프로그래밍에 입문할 수 있습니다.\n
\n
" }, "uniqueId": "fc-block-17-3si84uyft", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-v6jstt3pv", "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": "", "paddingBottom": "56", "backgroundColor": "#121212", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#A0A0A0", "text": "\n기본 베이스가 없는 분들도
\n언리얼 엔진을 사용하여
\n게임 프로그래밍을 시작할 수 있습니다.
\n
\n그것이 어떻게 가능하냐고요?
\n
\n국내외 수많은 기업들에서 경력을 쌓은
\n20년차 현직 베테랑 게임 프로그래머
\n노동진의 언리얼 엔진 클래스와 함께라면
\n얼마든지 가능합니다!" }, "uniqueId": "fc-block-3-71gchb56j", "isChecked": false }, { "id": "fc-block-2-0ahwk52g1", "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/202104/133105-380/reason.png", "mobileImageUrl": "", "imageWidth": "720", "alt": "", "useNewTab": true, "link": "", "startDate": "", "endDate": "", "imageAlt": "노동진 게임프로그래밍 이미지", "useWideMode": false }, "uniqueId": "fc-block-2-guv3tlsaw", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-7-rb6n0lp1a", "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": "56", "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\n\n" }, "uniqueId": "fc-block-2-pcddtvxzy", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-4-vi78gkzwn", "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": "#ffffff", "useTextCenter": true, "textSize": "fc-h5-text", "textColor": "#000000", "text": "\n수강생 후기
\n수강생들이 직접 작성한
\n리뷰를 확인해보세요.\n" }, "uniqueId": "fc-block-4-t9rw9dj9k", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": false }, { "id": "fc-block-5-f6zwd5qeu", "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-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202204/120012-765/game-eugenerho1-review1.png", "text1": "", "text2": "", "imageAlt": "콜로소 게임제작 후기" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202204/120016-765/game-eugenerho1-review2.png", "text1": "", "text2": "", "imageAlt": "콜로소 게임제작 후기" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202204/120020-765/game-eugenerho1-review3.png", "text1": "", "text2": "", "imageAlt": "콜로소 게임제작 후기" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202204/120023-765/game-eugenerho1-review4.png", "text1": "", "text2": "", "imageAlt": "콜로소 게임제작 후기" } ], "useNewTab": true }, "hidden": false, "uniqueId": "fc-block-1-i4mbcu6n5", "isChecked": false }, { "id": "fc-block-3-iv4kauj9g", "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": "60", "paddingBottom": "0", "borderColor": "#c8c8d2", "borderSize": "1" }, "uniqueId": "fc-block-3-i2d3riv7p", "isChecked": false }, { "id": "fc-block-2-t30jxk9tw", "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": "#000000", "text": "\n게임 프로그래머
노동진의 포트폴리오\n\n\n" }, "uniqueId": "fc-block-2-0e9o6ftjg", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": false }, { "id": "fc-block-3-91hwlnxxd", "layout": { "id": "202", "description": "1~4단 이미지", "icon": "https://storage.googleapis.com/gcs-coloso-production-backoffice/icon.41cf2889.svg", "params": [ { "name": "columnCount", "type": "number", "description": "maximum 4" }, { "name": "columnMargin", "type": "number", "description": "column margin" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "imageUrl1", "type": "image", "description": "image1 url" }, { "name": "imageAlt1", "type": "text", "description": "image1 alt" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link url" }, { "name": "imageUrl2", "type": "image", "description": "image2 url" }, { "name": "imageAlt2", "type": "text", "description": "image2 alt" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link url" }, { "name": "imageUrl3", "type": "image", "description": "image3 url" }, { "name": "imageAlt3", "type": "text", "description": "image3 alt" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link url" }, { "name": "imageUrl4", "type": "image", "description": "image4 url" }, { "name": "imageAlt4", "type": "text", "description": "image4 alt" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "link4", "type": "text", "description": "link url" }, { "name": "imageUrl5", "type": "image", "description": "image5 url" }, { "name": "imageAlt5", "type": "text", "description": "image5 alt" }, { "name": "useNewTab5", "type": "checkbox", "description": "" }, { "name": "link5", "type": "text", "description": "link url" }, { "name": "imageUrl6", "type": "image", "description": "image6 url" }, { "name": "imageAlt6", "type": "text", "description": "image6 alt" }, { "name": "useNewTab6", "type": "checkbox", "description": "" }, { "name": "link6", "type": "text", "description": "link url" }, { "name": "imageUrl7", "type": "image", "description": "image7 url" }, { "name": "imageAlt7", "type": "text", "description": "image7 alt" }, { "name": "useNewTab7", "type": "checkbox", "description": "" }, { "name": "link7", "type": "text", "description": "link url" }, { "name": "imageUrl8", "type": "image", "description": "image8 url" }, { "name": "imageAlt8", "type": "text", "description": "image8 alt" }, { "name": "useNewTab8", "type": "checkbox", "description": "" }, { "name": "link8", "type": "text", "description": "link url" }, { "name": "imageUrl9", "type": "image", "description": "image9 url" }, { "name": "imageAlt9", "type": "text", "description": "image9 alt" }, { "name": "useNewTab9", "type": "checkbox", "description": "" }, { "name": "link9", "type": "text", "description": "link url" }, { "name": "imageUrl10", "type": "image", "description": "image10 url" }, { "name": "imageAlt10", "type": "text", "description": "image10 alt" }, { "name": "useNewTab10", "type": "checkbox", "description": "" }, { "name": "link10", "type": "text", "description": "link url" }, { "name": "imageUrl11", "type": "image", "description": "image11 url" }, { "name": "imageAlt11", "type": "text", "description": "image11 alt" }, { "name": "useNewTab11", "type": "checkbox", "description": "" }, { "name": "link11", "type": "text", "description": "link url" }, { "name": "imageUrl12", "type": "image", "description": "image12 url" }, { "name": "imageAlt12", "type": "text", "description": "image12 alt" }, { "name": "useNewTab12", "type": "checkbox", "description": "" }, { "name": "link12", "type": "text", "description": "link url" } ], "values": { "columnCount": 1, "columnMargin": 0, "paddingTop": 0, "paddingBottom": 0, "useColumnInMobile": false, "backgroundColor": "#ffffff", "imageUrl1": "", "useNewTab1": true, "link1": "", "imageUrl2": "", "useNewTab2": true, "link2": "", "imageUrl3": "", "useNewTab3": true, "link3": "", "imageUrl4": "", "useNewTab4": true, "link4": "", "imageUrl5": "", "useNewTab5": true, "link5": "", "imageUrl6": "", "useNewTab6": true, "link6": "", "imageUrl7": "", "useNewTab7": true, "link7": "", "imageUrl8": "", "useNewTab8": true, "link8": "", "imageUrl9": "", "useNewTab9": true, "link9": "", "imageUrl10": "", "useNewTab10": true, "link10": "", "imageUrl11": "", "useNewTab11": true, "link11": "", "imageUrl12": "", "useNewTab12": true, "link12": "" }, "template": "

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

\n <% } %>\n

\n" }, "values": { "columnCount": "2", "columnMargin": "20", "paddingTop": 0, "paddingBottom": 0, "useColumnInMobile": false, "backgroundColor": "#121212", "imageUrl1": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202205/101104-465/port01.png", "useNewTab1": true, "link1": "", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/133143-380/portfolio1.png", "useNewTab2": true, "link2": "", "imageUrl3": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/140046-380/portfolio2.png", "useNewTab3": true, "link3": "", "imageUrl4": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/133218-380/portfolio3.png", "useNewTab4": true, "link4": "", "imageUrl5": "", "useNewTab5": true, "link5": "", "imageUrl6": "", "useNewTab6": true, "link6": "", "imageUrl7": "", "useNewTab7": true, "link7": "", "imageUrl8": "", "useNewTab8": true, "link8": "", "imageUrl9": "", "useNewTab9": true, "link9": "", "imageUrl10": "", "useNewTab10": true, "link10": "", "imageUrl11": "", "useNewTab11": true, "link11": "", "imageUrl12": "", "useNewTab12": true, "link12": "", "imageAlt3": "" }, "uniqueId": "fc-block-3-ie0vzi8ns", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": false }, { "id": "fc-block-22-9u14zcj7y", "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-13-foasiwsx7", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": false }, { "id": "fc-block-1-pbs74fv88", "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": "#ffffff", "useTextLeft": false, "backgroundColorOpacity": "90", "backgroundImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/181959-380/introducewhy-web.png", "mobileBackgroundImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/182005-380/introducewhy-mob.png", "textColor": "#fffffff", "textSize1": "fc-content-text", "text1": "\n언리얼 엔진 소개

\n\nWhat is
'Unreal Engine'?\n", "textSize2": "fc-content-text", "text2": "
\n\n언리얼 엔진은 미국의 Epic Games에서 제작한
\n3D 게임 엔진 툴입니다.
\n
\n수없이 많은 기능 개선과
\n유저 친화적 업데이트를 거쳐
\n현재는 트리플 A급 대작부터 소규모 인디 게임,
\n심지어 건축과 방송 제작에도 쓰이는
\n만능 게임 엔진으로 자리잡았습니다.
\n
\n언리얼 엔진이 제공하는 Blueprint를 사용하면
\nC++과 같은 텍스트 코딩 없이
\n시각적인 비주얼 코딩을 할 수 있어서
\n프로그래밍을 처음 배우는 사람도
\n쉽게 게임 개발을 시작하고
\n개념 또한 차근차근 배워 나갈 수 있습니다.
\n
\n노동진 연사님은 euegne-rho라는 이름을 사용하여
\nUnreal 4.26 업데이트에 외부 커뮤니티 개발자로 참여했습니다.\n", "backgroundImageAlt": "배경 이미지" }, "uniqueId": "fc-block-1-x4mr7g4ty", "isChecked": false }, { "id": "fc-block-9-l2ls8mkoy", "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": "60", "backgroundColor": "#121212", "useTextLeft": false, "backgroundColorOpacity": "80", "backgroundImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202106/181204-380/1-why-web.png", "mobileBackgroundImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202106/181206-380/1-why-mob.png", "textColor": "#ffffff", "textSize1": "fc-content-text", "text1": "\n게임 프로그래머 노동진의
\n클래스가 특별한 이유

\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애니메이션 및 간단한 AI 구현 등
\n
\n언리얼 엔진을 쓰는 프로그래머가
\n반드시 알아야 할 기초 이론과 스킬을
\n알려주는 융합형 온라인 클래스입니다.
\n
\n이론과 툴 활용법은 기본,
\n프로그래머로서의 기본 역량까지
\n한껏 키워주는 언리얼 엔진 클래스,
\n콜로소가 유일합니다.\n\n", "spacing": "60", "backgroundImageAlt": "배경 이미지" }, "uniqueId": "fc-block-9-0sbd7dzmd", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-uo3phw5ro", "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": "", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#000000", "text": "\n노동진 연사님의
\n게임 프로그래머 입문
\n단계별 프로세스를 확인해보세요.\n
\n
" }, "uniqueId": "fc-block-1-gmqu0y2dd", "isChecked": false }, { "id": "fc-block-2-ddkab47so", "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": "#ffffff", "useImageLeft": false, "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202106/135929-380/coloso-creative-euegne-rho-roadmap-mob-1.png", "mobileImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202106/135938-380/coloso-creative-euegne-rho-roadmap-mob-1.png", "imageWidth": "720", "alt": "", "useNewTab": true, "link": "", "startDate": "", "endDate": "", "imageAlt": "콜로소 게임제작 이미지", "useWideMode": false }, "uniqueId": "fc-block-2-hoi7j2jto", "isChecked": false }, { "id": "fc-block-4-66fypw78d", "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": "30", "paddingBottom": "0", "backgroundColor": "#ffffff", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#A0A0A0", "text": "* 각 Stage는 별도의 강의로 판매 구성되어 있고,
전체 강의 개수와 세부 커리큘럼은 추후 변경될 수 있습니다.

\n* Unreal Engine과 게임 프로그래밍의 기본기를 숙달하신 분은
Stage 02 클래스부터 순차적으로 수강하는 것을 권해드립니다." }, "uniqueId": "fc-block-1-jluihxmxy", "isChecked": false }, { "id": "fc-block-3-zgxatwnvs", "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": "56", "paddingBottom": "0", "borderColor": "#c8c8d2", "borderSize": "1" }, "uniqueId": "fc-block-1-kkbigg3t0", "isChecked": false }, { "id": "fc-block-10-6hzfp3od7", "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": "", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#000000", "text": "\n이번 클래스에서는
\n총 6단계의 프로세스를 거쳐
\n3D 1인칭 슈팅 게임을 직접 제작해 봅니다.\n" }, "uniqueId": "fc-block-10-okpvvyk7f", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-40cvnycay", "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": "", "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h6-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/133349-380/example1.png", "text1": "01. 배경 디자인", "text2": "", "imageAlt": "노동진 게임프로그래밍 강의 예제" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/133353-380/example2.png", "text1": "02. 플레이어블 캐릭터 제작", "text2": "", "imageAlt": "노동진 게임프로그래밍 강의 예제" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/133356-380/example3.png", "text1": "03. 적 AI 캐릭터 제작", "text2": "", "imageAlt": "노동진 게임프로그래밍 강의 예제" } ], "useNewTab": true }, "uniqueId": "fc-block-2-zykeooi3g", "isChecked": false }, { "id": "fc-block-3-z2oy6f2cn", "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-e458gi622", "isChecked": false }, { "id": "fc-block-4-9watcbhr1", "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": "", "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h6-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/133402-380/example4.png", "text1": "04. 애니메이션", "text2": "", "imageAlt": "노동진 게임프로그래밍 강의 예제" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/133405-380/example5.png", "text1": "05. 이펙트 및 사운드 적용", "text2": "", "imageAlt": "노동진 게임프로그래밍 강의 예제" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/133410-380/example6.png", "text1": "06. 최종 테스트", "text2": "", "imageAlt": "노동진 게임프로그래밍 강의 예제" } ], "useNewTab": true }, "uniqueId": "fc-block-4-5a27d76fo", "isChecked": false }, { "id": "fc-block-4-1xo20kwru", "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": "56", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-4-qarjvdgft", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-gc48ionsw", "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-2migehrhb", "isChecked": 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": "40", "paddingBottom": "60", "backgroundColor": "#121212", "useTextLeft": false, "backgroundColorOpacity": "80", "backgroundImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/133513-380/about-web.png", "mobileBackgroundImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/133516-380/about-mob.png", "textColor": "#ffffff", "textSize1": "fc-h6-text", "text1": "노동진\n
\n\n게임 프로그래머", "textSize2": "fc-content-text", "text2": "
\n\n안녕하세요.
게임 프로그래머 노동진입니다.
\n
\n저는 엔씨소프트, 넷이즈, 텐센트 등에서 근무하며
\n클라이언트, 엔진, 그래픽스
\n프로그래밍 등 다양한 업무를 담당했고,
\n현재는 텐센트에서 신규 프로젝트 개발에 참여하고 있습니다.
\n
\n특히, 언리얼 엔진을 2.0 버전부터
계속 사용해왔으며, 4.26 버전 개발에는
외부 커뮤니티 개발자로 참여하였습니다.
\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-3-zo86b12qi", "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-nt1zksa3b", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-wla05zlbf", "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/202106/111148-465/coloso-gameprogramming-eugenerho-profile-web-01.png", "titleSize": "fc-h5-text", "title1": "게임 프로그래머 노동진", "title2": "이력 더보기", "contentSize": "fc-content-text", "content1": "\nNetease Games
\nEngine Team Leader &
\nGraphics Programmer Expert
\n
\nTencent
\nApex Legends Mobile 엔진 개발팀
\n신규 프로젝트 엔진 개발팀\n
\n
\n완미세계
\nGraphics Lab’s Director
\n그래픽 연구팀을 맡아 실시간 렌더링 기술을 연구, 주로 Unreal Engine 4에서 개발
\n
\n\nNCSOFT
\nLead Graphics / Engine Programmer
\n회사의 메이저 IP인 아이온을 사용하는 새로운 모바일 게임 개발 프로젝트에 참여", "content2": "[참여 프로젝트]

\n\n넷이즈
\n- 미공개 FPS 프로젝트
\n
\n텐센트
\n- Apex Legends Mobile
\n- 신규 FPS 프로젝트
\n\n
\n\n엔씨소프트\n
\n- 아이온 모바일
\n- 레기온즈
\n- 호두 잉글리시
\n\n
\nJCE
\n- 프리스트 온라인
\n
\n완미세계
\n- 주선 온라인
\n
", "useNewTab": true, "link": "https://www.facebook.com/rho.eugene", "linkLabel": "페이스북", "paddingTop": 0, "paddingBottom": 0, "imageAlt": "콜로소 노동진" }, "uniqueId": "fc-block-2-lrwb0pqtv", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-j9l6d42k4", "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-5urrwsx1w", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-opf1qkajw", "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-i7ehrpdxb", "isChecked": 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/202104/133544-380/sellingpoint.png", "title2": "사칙연산만 알면
누구나 배울 수 있는
프로그래밍 기초 수학

", "content2": "\n\n변수, 함수, 클래스, 조건문 등의 기초 개념부터 게임 수학까지 언리얼 엔진을 이용해서 어렵지 않게 배울 수 있습니다.\n", "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/202104/133551-380/sellingpoint2.png", "title2": "C++ 언어 없이 구현하는
Unreal Blueprint 프로그래밍

", "content2": "\n프로그래밍 초보자도 쉽게 사용이 가능한 블루프린트를 사용한 노드 방식의 코딩을 통해서 게임 기능도 개발하고 기초적인 프로그래밍 개념도 배워봅니다.\n\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/202104/133602-380/sellingpoint-3.png", "title2": "기초 기능만으로 쉽고 빠르게
제작하는 FPS 게임 프로젝트

", "content2": "\n게임 제작에 필요한 기초 이론과 실습을 병행함으로써, 적 AI 캐릭터가 등장하는 스테이지 형태의 FPS 게임을 자연스럽게 구현해봅니다.\n", "imageAlt1": "", "imageAlt2": "콜로소 노동진 강의 소개" }, "uniqueId": "fc-block-3-5zgi3ye1b", "isChecked": false, "hasSyntaxErrorTags": false }, { "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": "60", "backgroundColor": "#121212" }, "uniqueId": "fc-block-20-bas8y7ywl", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-65-wt61a7ygu", "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": "#070707" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-1-hmyk23tlq", "isChecked": false, "hidden": false }, { "id": "fc-block-32-6b0qy6bnz", "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– 코칭권 구매 후 개인 포트폴리오와 클래스 관련 질문 3개를 보내주시면 연사님이 직접 피드백을 해 드립니다.
\n– 질문 접수일 기준 2주 1회, 순차적으로 답변됩니다.\n최대 영업일 기준 21일 정도 소요될 수 있으니\n참고하시기 바랍니다.\n\n
\n
\n\n\n* 1:1 코칭권은 클래스 + 코칭권 패키지를 구매한 분들에 한해 적용됩니다.\n
\n", "imageAlt2": "콜로소 피드백권" }, "uniqueId": "fc-block-16-ezrj1murd", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": false }, { "id": "fc-block-10-kjisgd0cr", "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": "#070707" }, "uniqueId": "fc-block-8-1o2iipew2", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": false }, { "id": "fc-block-4-cv5tn801b", "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": "#ffffff", "useTextCenter": true, "textSize": "fc-h5-text", "textColor": "#000000", "text": "\n클래스 구성
\n이런 것을 배웁니다\n" }, "uniqueId": "fc-block-2-x7qj2vves", "isChecked": false }, { "id": "fc-block-11-oz70zqkq4", "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": "10", "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h6-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/133615-380/detail1.png", "text1": "Unreal Editor 기초 익히기", "text2": "언리얼 엔진의 개념을 이해하고, UI 설정과 커스터마이징, 가상 공간의 이해, 네비게이션 기능 등 기본적인 툴 사용법을 배워봅니다.", "imageAlt": "콜로소 게임프로그래밍 클래스 구성" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/114401-310/detail02.png", "text1": "게임 수학 이해하기", "text2": "캐릭터 이동 등의 실게임 구현에 Vector와 Rotator 등이 어떻게 사용되는지 배우고, 그 저변에 깔린 수학을 배워봅니다.", "imageAlt": "콜로소 게임프로그래밍 클래스 구성" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/133619-380/detail2.png", "text1": "초간단 배경 만들기", "text2": "이동, 회전 등의 기본 기능과 브러시를 사용하여 오브젝트를 배치하고 배경/라이팅 효과를 적용, 간단하지만 효과적인 배경을 직접 제작해 봅니다.", "imageAlt": "콜로소 게임프로그래밍 클래스 구성" } ], "useNewTab": true }, "uniqueId": "fc-block-3-peff69chq", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-9-3sgpgmdfx", "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-xk37ahdcf", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-10-vsdpo9y3e", "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": "10", "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h6-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/133627-380/detail4.png", "text1": "인게임 애니메이션 적용", "text2": "블루프린트 기능을 활용해서 캐릭터 이동, 총기 움직임 등을 Drag & Drop 방식으로 코딩 없이 쉽고 빠르게 구현해봅니다.", "imageAlt": "콜로소 게임프로그래밍 클래스 구성" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/133631-380/detail5.png", "text1": "총기 발사 및 이펙트 효과", "text2": "변수와 함수, 벡터 등의 게임 수학과 이론을 바탕으로 총알이 궤적에 따라 발사되고 그에 맞춰 이펙트가 제어되는 효과를 인게임 내에 적용해봅니다.", "imageAlt": "콜로소 게임프로그래밍 클래스 구성" }, { "imageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/133634-380/detail6.png", "text1": "기본 적 AI 구현", "text2": "AI 컨트롤러와 내비게이션 기능을 통해 자동으로 이동하며 정해진 목표를 공격하는 기초적인 수준의 인공지능 적 캐릭터를 제작해봅니다.", "imageAlt": "콜로소 게임프로그래밍 클래스 구성" } ], "useNewTab": true }, "uniqueId": "fc-block-4-srji03kjm", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-6-h3v05wxqs", "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": "56", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-5-pssfeeojx", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-w7pqymi0q", "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-1-kn89fa00y", "isChecked": false }, { "id": "fc-block-41-h35ijo4q4", "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": "#000" }, "uniqueId": "fc-block-26-gh320gp61", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-40-tlzoy8np7", "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": { "pointColor": "#ed2040", "labelColor": "#f9858d", "labels": [ { "labelText": "평생시청" }, { "labelText": "최저가" } ], "content": "조만간 가격이 인상될 예정입니다.
지금 구매하세요!", "monthlyInstallment": 5, "title": "한번 구매로, 평생 시청하세요.", "paddingTop": 60, "paddingBottom": 60, "title2": "" }, "uniqueId": "fc-block-25-5915qlwuj", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-66-thj0gts60", "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": "#000" }, "uniqueId": "fc-block-3-mhvjakhqd", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-5-hsg6bhwad", "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-4n3nqsre7", "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

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. Unreal Editor와 친해지기", "layoutType": "fc-label-type2", "labelColor": "#333333" }, "uniqueId": "fc-block-9-7t1cie3zb", "isChecked": false, "hidden": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-kpfyz5lco", "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/202106/111205-465/coloso-gameprogramming-eugenerho-curriculum-web-01.png" } ], "title": "01. 언리얼 엔진과 수업 소개", "contents": [ { "content": "Unreal Engine 소개: 엔진 역사와 기능, 산업에서의 역할" }, { "content": "게임 프로그래밍 소개: 게임 프로그래밍의 변화, 구분과 역할" }, { "content": "수업 소개: 수업 범위와 최종 결과물, 그리고 티칭 방식에 대한 설명" } ], "buttonColor": "#ED2040", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-1-bc16bz69e", "isChecked": false }, { "id": "fc-block-4-hw7hlj88r", "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-vuyzd1xr0", "isChecked": false }, { "id": "fc-block-29-zb503iseh", "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/202106/111210-465/coloso-gameprogramming-eugenerho-curriculum-web-02.png" } ], "title": "02. 엔진 설치와 실행", "contents": [ { "content": "필요 컴퓨터 사양: 언리얼 엔진을 원활히 돌리기 위한 추천 컴퓨터 사양 알아보기" }, { "content": "엔진 설치: Epic Games 가입, Launcher 설치, Version 설명, HDD 용량 확인, Editor 설치" } ], "buttonColor": "#ED2040", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-21-jwzuexiw3", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-31-j02v7ojd2", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "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-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/202106/111215-465/coloso-gameprogramming-eugenerho-curriculum-web-03.png" } ], "title": "03. Unreal Editor와 첫만남: Unreal 기초 - Editor Viewport", "contents": [ { "content": "에픽 Shooter 데모 구경하기" }, { "content": "가상 공간 Navigation: 가상공간 안에서 돌아다니는 방법" }, { "content": "Viewport 설정: Viewport의 다양한 설정 기능에 대한 이해" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-29-az64kpurw", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-63-ur7q1gb7b", "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-30-xqtjk67wi", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-44-ah9pnww7f", "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

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-32-n4yw8n0bw", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-46-gae0m3er2", "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

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-36-mcm53uzxl", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-47-88ionx7bh", "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

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-38-jynqvw4vg", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-48-uw4dj8mnt", "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

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-1-dsbxomddm", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-49-nvblyaqv5", "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

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-42-dvfd180v2", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-50-xc7ppm5od", "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

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-44-64t2m3yxc", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-leye0nb73", "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

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-4-0h238kmu4", "isChecked": false }, { "id": "fc-block-6-rx3v7xfpu", "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

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-6-4hab3ncqx", "isChecked": false }, { "id": "fc-block-51-wy7r27h5l", "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/202106/111305-465/coloso-gameprogramming-eugenerho-curriculum-web-12.png" } ], "title": "12. Level 완성하기: 수학 기초 - World Space와 Object Space / Unreal 기초 - Console", "contents": [ { "content": "장식물 객체 추가: Brush와 Static Mesh 구분하기" }, { "content": "크기 조절: Scale Gizmo 사용" }, { "content": "공간 이해: World Space와 Object Space" }, { "content": "스크린 메세지 감추기: Log와 Console Command의 이해" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-45-okmueh1qh", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-71-e6334aakr", "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-46-9o86d50s4", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-28-ilbe40vvv", "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. FPS 캐릭터 만들기", "layoutType": "fc-label-type2", "labelColor": "#333333" }, "uniqueId": "fc-block-20-sgfejhpqt", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": false }, { "id": "fc-block-52-qe95k7fh3", "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

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-48-8d05zch23", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-53-x5z7f0dvc", "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

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-50-r4kx9fbcg", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-3zh2fmggf", "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

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-2-0rdi9kubn", "isChecked": false }, { "id": "fc-block-54-n90vozf4k", "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/202106/111325-465/coloso-gameprogramming-eugenerho-curriculum-web-16.png" } ], "title": "16. 캐릭터 이동: 수학 기초 - Vector", "contents": [ { "content": "게임에 수학이 필요한 이유: Vector 위치와 방향의 표현" }, { "content": "Input Mapping과 Character Move 구현" }, { "content": "Blueprint Compile의 이해: 편집, 컴파일, 저장" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-51-g37dczjnd", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-74-2z3ebgq8d", "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-52-9xjd7pgec", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-55-kx9emtl4u", "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/202106/111331-465/coloso-gameprogramming-eugenerho-curriculum-web-17.png" } ], "title": "17. 캐릭터 방향 전환: 수학 기초 - 방향 Vector와 Rotator", "contents": [ { "content": "게임에 수학이 필요한 이유: 방향 Vector와 회전" }, { "content": "Rotator 이해: 회전을 표현하는 방법 Pitch, Yaw, Roll" }, { "content": "방향 바꾸기: 좌우 방향 전환과 위아래 방향 전환" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-53-dy193uw4k", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-75-q909e7gu6", "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-54-s8ps5c8r1", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-56-hfe4qheos", "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/202106/111335-465/coloso-gameprogramming-eugenerho-curriculum-web-18.png" } ], "title": "18. 캐릭터에 무기 부착: Unreal 기초 - Slot의 이해", "contents": [ { "content": "이동 관련 버그 해결하기" }, { "content": "Slot의 이해 : Mesh에 부착 위치 설정" }, { "content": "무기 부착: 캐릭터 Slot에 부착하여 게임에 표현하기" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-55-zfi7i77vq", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-76-8ag7kireo", "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-56-zkueeogfi", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-57-w6tsp7w77", "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

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-1-0rxh06gy4", "isChecked": false }, { "id": "fc-block-12-pd6kwtsjb", "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-1. Unreal Engine 5", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-4-i630sl9pr", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-rg72a9v8k", "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

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-58-ruuvjlhgb", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-8-604bktj3g", "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. 적 캐릭터 만들기", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-3-3mfw808bg", "isChecked": false }, { "id": "fc-block-4-ze2jskw1w", "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

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-5-t1p11prp2", "isChecked": false }, { "id": "fc-block-58-ezonv4umo", "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

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-60-cc9zcejyk", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-6uf1rfa9q", "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

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-6-zxvi28ks2", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-7-wumzoxb0b", "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

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-8-dys5jj2pf", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-14-wmww36n2l", "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. Gun Fire!", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-6-vafbsbrvc", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-8-lp17a8f5w", "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/202106/111416-465/coloso-gameprogramming-eugenerho-curriculum-web-25.png" } ], "title": "25. 캐릭터 이동 문제 해결 : Unreal 기초 - Blending Parameter, Block Volume", "contents": [ { "content": "기 구현한 캐릭터 이동 문제 파악" }, { "content": "Blendspace 한계 이해하고 Blending Parameter 세부 제어" }, { "content": "캐릭터 이동 제한 시키기" } ], "buttonColor": "", "buttonTextColor": "", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-9-t53e50uxr", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-13-7rnnlx7j7", "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-5-2ywzy4pfw", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-15-rb20dssib", "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/202106/111423-465/coloso-gameprogramming-eugenerho-curriculum-web-26.png" } ], "title": "26. 발사 애니메이션 : Unreal 기초 - Animation Montage", "contents": [ { "content": "단순 PlayAnimation 기능의 문제점 이해" }, { "content": "Possession 개념 이해 : Controller가 Character를 지배하기" }, { "content": "Animation Montage 이해 : 발사 animation 구현 및 제어" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-7-6po28cdsb", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-16-mj231yahu", "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-0tn3pwidz", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-17-3s9ovsf8v", "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

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-11-3i9p59ipx", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-22-rcz0e8ogg", "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/202106/111433-465/coloso-gameprogramming-eugenerho-curriculum-web-28.png" } ], "title": "28. 발사 사운드와 Camera 연출 : 프로그래밍 기초 - 함수, Unreal 기초 - Sound 시스템", "contents": [ { "content": "복잡한 코드 구분하기 : 프로그래밍 함수 이해" }, { "content": "총 발사 사운드 구현 : 사운드 시스템 이해" }, { "content": "Camera Shake 로 현실감 높이기" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-12-n6w0e3wzl", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-20-x98cm0zxk", "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-5g9r7rsec", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-23-mcvzsplva", "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

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-15-uek4tfbwe", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-9483xl5cl", "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

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-18-fd5813eys", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-26-i5gcbgeja", "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

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

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-2-gdi5hnuyz", "isChecked": false }, { "id": "fc-block-25-ybf067vwa", "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. Outro", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-16-ovlb9ulrh", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-gyb64tkor", "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/202106/111508-465/coloso-gameprogramming-eugenerho-curriculum-web-32.png" } ], "title": "32. 마치며 - Unreal 기초 : Asset Reference", "contents": [ { "content": "Asset Reference 이해" }, { "content": "완성한 게임 살펴보기" }, { "content": "배운 내용 정리" }, { "content": "다음 파트에서 배울 것들" } ], "buttonColor": "#ff7450", "buttonTextColor": "#ffffff", "buttonText": "", "buttonLink": "", "useBullet": true, "autoSlide": true }, "uniqueId": "fc-block-7-uk0slzkho", "isChecked": false }, { "id": "fc-block-1-awnpw6227", "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": "60", "paddingBottom": "40", "backgroundColor": "#fff", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#a0a0a0", "text": "* 노동진 연사님의 게임 프로그래밍 클래스는 총 2편으로 계획되어 있으며, 본 클래스는 그 첫 번째 강의입니다.
\n* 커리큘럼 세부 내용은 영상 공개 전후로 변경될 수 있습니다." }, "uniqueId": "fc-block-1-wi3epysqi", "isChecked": false, "hasSyntaxErrorTags": 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-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인스타그램에
지정된 해시태그와 함께 올려주시면,
\n수상작이 있을 경우 월 최대 3명을 뽑아
쿠폰을 지급해드립니다.\n
\n
\n\n#콜로소노동진 #게임프로그래밍 #gameprogramming + 콜로소 계정(@coloso_official) 계정 태그\n\n
\n
\n\n*올려주신 게시물은 광고로 활용될 수 있습니다. 이를 원하지 않으시는 분은 게시물에 표기 부탁드립니다.", "imageAlt": "아이콘" }, "uniqueId": "fc-block-11-w50h71kno", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-13-blc4w9kch", "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-12-soh88s81y", "isChecked": false, "hasSyntaxErrorTags": false }, { "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": "#121212", "useTextLeft": false, "backgroundColorOpacity": "70", "backgroundImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/133653-380/interviewcover.png", "mobileBackgroundImageUrl": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202104/133656-380/interview-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", "textSize2": "fc-content-text", "textColor2": "#333333", "text2": "

\n저는 2.0 버전부터 언리얼 엔진을 사용하기 시작했으며, 국내외 여러 기업들에서 게임 프로그래밍, 엔진, 그래픽스 등의 업무를 담당하며 실무 경력까지 쌓을 수 있었습니다. 이 같은 경험을 바탕으로, 단순히 툴의 튜토리얼이 아닌 이후 실무에까지 활용할 수 있는 게임 프로그래밍 스킬의 기반을 클래스에 담아낼 수 있었습니다.\n\n" }, "uniqueId": "fc-block-1-7fndnwkcj", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-26-166ximnbm", "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-26-i3qpcl7yy", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-21-r5w7au3r0", "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", "textSize2": "fc-content-text", "textColor2": "#333333", "text2": "

\n언리얼 엔진은 아트 뿐만 아니라 프로그래밍 기능도 막강합니다. 그럼에도 불구하고 입문자는 물론 엔진을 오래 사용해온 현직자조차도 전체 프로그래밍 기능의 반에 반도 사용을 못 해본 경우가 대부분입니다. 입문자로서 프로그래밍 자체를 배우기에도 좋을 뿐더러, 플레이 가능한 소프트웨어를 만들기 위해서는 언리얼 엔진의 프로그래밍 기능을 배울 필요가 있습니다." }, "uniqueId": "fc-block-27-nyiu4arif", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-23-w6zje7867", "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-28-be8td2ywl", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-gszutin83", "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", "textSize2": "fc-content-text", "textColor2": "#333333", "text2": "

\n본 강의에서는 게임 기능 구현뿐만 아니라 이를 위한 기반 지식에 대한 설명까지 빠지지 않고 담아냈습니다. 게임 제작을 즐기는 수강생이라면, 필요한 프로그래밍 지식을 재미있게 핀포인트로 배울 수 있고, 이후 더 어려운 문제에 부딪혔을 때 이를 스스로 해결하는 능력까지 갖출 수 있을 것입니다." }, "uniqueId": "fc-block-2-oq1vxq3va", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-23-yo9oosf4b", "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-6-n020n1y77", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-19-bc5qbosl2", "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.04
\n어떤 분들에게
\n이번 클래스를 추천하나요?\n", "textSize2": "fc-content-text", "textColor2": "#333333", "text2": "

\n\n입문자, 프로그래밍을 전혀 모르는 사람들도 쉽고 재미있게 언리얼 엔진을 사용한 게임 프로그래밍 스킬을 배울 수 있도록 강의를 구성했습니다. 왜 프로그래머들이 이런 개념을 배우고 왜 이런 문제로 힘들어 하는지 이해하게 되고, 더 나아가서 스스로 게임 프로그래머로 홀로서기를 할 수 있는 첫걸음을 내딛을 수 있는 클래스가 될 것입니다." }, "uniqueId": "fc-block-30-1o3t62n9h", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-4-wdlebuhsx", "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-3-zjeitkfkk", "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/202104/182912-380/program-fin.png", "title2": " 사용 프로그램
안내드립니다.", "content2": "

\n\n본 클래스는 Unreal Engine
\n퍼블리싱 라이선스 버전으로 진행됩니다.
\n원활한 수강을 위해 해당 버전의 프로그램을
\n별도로 설치해주시길 바랍니다.

\n\n* 언리얼 엔진 사용 권장 사양: \n링크
\n* 프로그램 및 준비물은 별도로 제공되지 않습니다.\n
\n

* 다운로드 링크

\n\n

", "text2": "

\n혼자 튜토리얼 영상을 보면서 따라하는 것만으로는 실무에 바로 디자인을 응용하기 어렵습니다. 튜토리얼 강의에서는 거의 사용되지 않는 기능까지 모두 알려주기 때문입니다. 만약 실무에서 활용되는 우선 순위로 3D 모션 그래픽을 배워보고 싶다면, 내가 기획한 의도대로 영상을 잘 표현하고 싶은 분들이라면, 꼭 이 클래스를 통해 많은 도움을 얻으실 수 있을 것이라 생각됩니다.", "imageAlt1": "언리얼" }, "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": "50", "backgroundColor": "#121212" }, "uniqueId": "fc-block-2-blu50v794", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-1aidadogj", "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-f9sps4342", "isChecked": false }, { "id": "fc-block-1-zqb5pk2qw", "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": "#fff", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#000000", "text": "추천 클래스
당신이 놓치지 말아야 할
추천 클래스

" }, "uniqueId": "fc-block-1-hogn2hd4g", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-cmudakme6", "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": true, "courseList": [ { "courseId": "204767", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": null }, { "courseId": "204175", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": null }, { "courseId": "205475", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": null }, { "courseId": "205399", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": null } ] }, "uniqueId": "fc-block-1-qad2rhn9f", "isChecked": false } ]

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

\"><%= title1 %>

\"><%= title2 %>

<%= title %>

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

Stage 01: 게임 제작으로 배우는 Unreal Engine 프로그래밍 입문

클래스 상세 정보

새해 다짐 지원금 받으세요월 단돈 1만 원에 시작!

게임 프로그래머 노동진 Details

새해 다짐 지원금 받으세요
월 단돈 1만 원에 시작!