[ { "id": "fc-block-33-1fsch31z7", "layout": { "id": "910", "description": "쿠폰 발급", "icon": "\n", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "paddingTop", "type": "number", "description": "padding-top" }, { "name": "paddingBottom", "type": "number", "description": "padding-bottom" }, { "name": "colorTheme", "type": "select", "description": "bright or dark", "options": [ "bright", "dark" ] }, { "name": "couponColor", "type": "text", "description": "coupon color" }, { "name": "couponTextColor", "type": "text", "description": "coupon text color" }, { "name": "title", "type": "text", "description": "title" }, { "name": "content", "type": "text", "description": "content" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonBgColor", "type": "text", "description": "button backgrond color" }, { "name": "showRemainingCoupons", "type": "checkbox", "description": "" }, { "name": "coupons", "type": "list", "description": "쿠폰 리스트", "maxLength": 20, "params": [ { "name": "couponTemplateCode", "type": "text", "description": "쿠폰 코드" } ] } ], "values": { "startDate": "", "endDate": "", "paddingTop": 0, "paddingBottom": 0, "colorTheme": "bright", "couponColor": "#121212", "couponTextColor": "#ffffff", "title": "제목을 입력해주세요.", "content": "본문을 입력해주세요.", "buttonText": "쿠폰 모두 받기", "buttonTextColor": "#ffffff", "buttonBgColor": "#ED234B", "showRemainingCoupons": true, "coupons": [ { "couponTemplateCode": "" } ] }, "template": "

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

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

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

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

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

(자동 구성)

\n <% } %>\n

\n \n

\n" }, "values": { "startDate": "", "endDate": "", "paddingTop": "20", "paddingBottom": "20", "colorTheme": "dark", "couponColor": "#121212", "couponTextColor": "#ffffff", "title": "Promo Early Bird Diskon 60% berlaku hingga 15 Juli!", "content": " ", "buttonText": "Download Kupon", "buttonTextColor": "#ffffff", "buttonBgColor": "#ED234B", "showRemainingCoupons": false, "coupons": [ { "couponTemplateCode": "CL189K6E0VP0F" } ] }, "uniqueId": "fc-block-1-o3a87j6kg", "isChecked": false, "hidden": true }, { "id": "fc-block-34-smrzp6jb8", "layout": { "id": "903", "description": "타이머", "icon": "\n", "params": [ { "name": "title", "type": "text", "description": "title text" }, { "name": "targetTime", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "backgroundColor", "type": "text", "description": "배경색(#000000)을 입력해주세요." }, { "name": "textColor", "type": "select", "description": "글자색을 선택해주세요.", "options": [ "white", "black" ] } ], "values": { "title": "최저 가격 마감까지 남은 시간", "targetTime": "", "backgroundColor": "#282828", "textColor": "white" }, "template": "\n

\">\n

<%=title%>

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

\n" }, "values": { "title": "Harga kursus akan naik setelah periode ini berakhir.", "targetTime": "2025-07-15T01:59", "backgroundColor": "#282828", "textColor": "white" }, "uniqueId": "fc-block-2-pbh2sqydi", "isChecked": false, "hidden": true }, { "id": "fc-block-5-wtvk7j513", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "80", "backgroundColor": "#010920" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-1-m02kf9bs2", "isChecked": false }, { "id": "fc-block-4-f1j6se7g6", "layout": { "id": "202", "description": "1~4단 이미지", "icon": "\n", "params": [ { "name": "columnCount", "type": "number", "description": "maximum 4" }, { "name": "columnMargin", "type": "number", "description": "column margin" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "imageUrl1", "type": "image", "description": "image1 url" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link url" }, { "name": "imageUrl2", "type": "image", "description": "image2 url" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link url" }, { "name": "imageUrl3", "type": "image", "description": "image3 url" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link url" }, { "name": "imageUrl4", "type": "image", "description": "image4 url" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "link4", "type": "text", "description": "link url" }, { "name": "imageUrl5", "type": "image", "description": "image5 url" }, { "name": "useNewTab5", "type": "checkbox", "description": "" }, { "name": "link5", "type": "text", "description": "link url" }, { "name": "imageUrl6", "type": "image", "description": "image6 url" }, { "name": "useNewTab6", "type": "checkbox", "description": "" }, { "name": "link6", "type": "text", "description": "link url" }, { "name": "imageUrl7", "type": "image", "description": "image7 url" }, { "name": "useNewTab7", "type": "checkbox", "description": "" }, { "name": "link7", "type": "text", "description": "link url" }, { "name": "imageUrl8", "type": "image", "description": "image8 url" }, { "name": "useNewTab8", "type": "checkbox", "description": "" }, { "name": "link8", "type": "text", "description": "link url" }, { "name": "imageUrl9", "type": "image", "description": "image9 url" }, { "name": "useNewTab9", "type": "checkbox", "description": "" }, { "name": "link9", "type": "text", "description": "link url" }, { "name": "imageUrl10", "type": "image", "description": "image10 url" }, { "name": "useNewTab10", "type": "checkbox", "description": "" }, { "name": "link10", "type": "text", "description": "link url" }, { "name": "imageUrl11", "type": "image", "description": "image11 url" }, { "name": "useNewTab11", "type": "checkbox", "description": "" }, { "name": "link11", "type": "text", "description": "link url" }, { "name": "imageUrl12", "type": "image", "description": "image12 url" }, { "name": "useNewTab12", "type": "checkbox", "description": "" }, { "name": "link12", "type": "text", "description": "link url" } ], "values": { "columnCount": 1, "columnMargin": 0, "paddingTop": 0, "paddingBottom": 0, "useColumnInMobile": false, "backgroundColor": "#ffffff", "imageUrl1": "", "useNewTab1": true, "link1": "", "imageUrl2": "", "useNewTab2": true, "link2": "", "imageUrl3": "", "useNewTab3": true, "link3": "", "imageUrl4": "", "useNewTab4": true, "link4": "", "imageUrl5": "", "useNewTab5": true, "link5": "", "imageUrl6": "", "useNewTab6": true, "link6": "", "imageUrl7": "", "useNewTab7": true, "link7": "", "imageUrl8": "", "useNewTab8": true, "link8": "", "imageUrl9": "", "useNewTab9": true, "link9": "", "imageUrl10": "", "useNewTab10": true, "link10": "", "imageUrl11": "", "useNewTab11": true, "link11": "", "imageUrl12": "", "useNewTab12": true, "link12": "" }, "template": "

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

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

\n <% } %>\n

\n" }, "values": { "columnCount": "3", "columnMargin": 0, "paddingTop": 0, "paddingBottom": 0, "useColumnInMobile": false, "backgroundColor": "#010920", "imageUrl1": "https://cdn.day1company.io/prod/uploads/202505/003003-1425/frame-1410117878.png", "useNewTab1": true, "link1": "", "imageUrl2": "https://cdn.day1company.io/prod/uploads/202505/003025-1425/frame-1410117883.png", "useNewTab2": true, "link2": "", "imageUrl3": "https://cdn.day1company.io/prod/uploads/202505/003033-1425/frame-1410117879.png", "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": "" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-2-xmlyv8xxi", "isChecked": false }, { "id": "fc-block-16-l9uy5jbbo", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "40", "backgroundColor": "#010920" }, "uniqueId": "fc-block-3-d2xbeg3o1", "isChecked": false }, { "id": "fc-block-6-uq5oddp8z", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "

\">\n

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

\n" }, "values": { "backgroundColor": "#010920", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202505/003214-1425/arrow-top.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202505/003304-1425/m-arrow-top.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-4-d2s0jb8px", "isChecked": false }, { "id": "fc-block-37-zbt2dmnz3", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n

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

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

\n" }, "values": { "paddingTop": "24", "paddingBottom": "24", "backgroundColor": "#010920", "useTextCenter": true, "textSize": "fc-h4-text", "textColor": "#00CCFF", "text": "Sebagai developer frontend, kamu wajib melewati “tembok” optimalisasi performa ini setidaknya sekali!
\nOptimasi yang tepat sangat dibutuhkan di dunia kerja! Jangan lewatkan poin-poin penting berikut ini.\n\n" }, "uniqueId": "fc-block-18-egbwcmnjr", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-mub20f6sx", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "60", "backgroundColor": "#010920" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-5-fst8xrr7w", "isChecked": false }, { "id": "fc-block-7-nz7w412o6", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "

\">\n

\n" }, "values": { "backgroundColor": "#010920", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202505/004615-1425/point-1.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202505/005735-1425/m-point-1.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-6-2s642ji0h", "isChecked": false }, { "id": "fc-block-14-mrwgwarte", "layout": { "id": "202", "description": "1~4단 이미지", "icon": "\n", "params": [ { "name": "columnCount", "type": "number", "description": "maximum 4" }, { "name": "columnMargin", "type": "number", "description": "column margin" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "imageUrl1", "type": "image", "description": "image1 url" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link url" }, { "name": "imageUrl2", "type": "image", "description": "image2 url" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link url" }, { "name": "imageUrl3", "type": "image", "description": "image3 url" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link url" }, { "name": "imageUrl4", "type": "image", "description": "image4 url" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "link4", "type": "text", "description": "link url" }, { "name": "imageUrl5", "type": "image", "description": "image5 url" }, { "name": "useNewTab5", "type": "checkbox", "description": "" }, { "name": "link5", "type": "text", "description": "link url" }, { "name": "imageUrl6", "type": "image", "description": "image6 url" }, { "name": "useNewTab6", "type": "checkbox", "description": "" }, { "name": "link6", "type": "text", "description": "link url" }, { "name": "imageUrl7", "type": "image", "description": "image7 url" }, { "name": "useNewTab7", "type": "checkbox", "description": "" }, { "name": "link7", "type": "text", "description": "link url" }, { "name": "imageUrl8", "type": "image", "description": "image8 url" }, { "name": "useNewTab8", "type": "checkbox", "description": "" }, { "name": "link8", "type": "text", "description": "link url" }, { "name": "imageUrl9", "type": "image", "description": "image9 url" }, { "name": "useNewTab9", "type": "checkbox", "description": "" }, { "name": "link9", "type": "text", "description": "link url" }, { "name": "imageUrl10", "type": "image", "description": "image10 url" }, { "name": "useNewTab10", "type": "checkbox", "description": "" }, { "name": "link10", "type": "text", "description": "link url" }, { "name": "imageUrl11", "type": "image", "description": "image11 url" }, { "name": "useNewTab11", "type": "checkbox", "description": "" }, { "name": "link11", "type": "text", "description": "link url" }, { "name": "imageUrl12", "type": "image", "description": "image12 url" }, { "name": "useNewTab12", "type": "checkbox", "description": "" }, { "name": "link12", "type": "text", "description": "link url" } ], "values": { "columnCount": 1, "columnMargin": 0, "paddingTop": 0, "paddingBottom": 0, "useColumnInMobile": false, "backgroundColor": "#ffffff", "imageUrl1": "", "useNewTab1": true, "link1": "", "imageUrl2": "", "useNewTab2": true, "link2": "", "imageUrl3": "", "useNewTab3": true, "link3": "", "imageUrl4": "", "useNewTab4": true, "link4": "", "imageUrl5": "", "useNewTab5": true, "link5": "", "imageUrl6": "", "useNewTab6": true, "link6": "", "imageUrl7": "", "useNewTab7": true, "link7": "", "imageUrl8": "", "useNewTab8": true, "link8": "", "imageUrl9": "", "useNewTab9": true, "link9": "", "imageUrl10": "", "useNewTab10": true, "link10": "", "imageUrl11": "", "useNewTab11": true, "link11": "", "imageUrl12": "", "useNewTab12": true, "link12": "" }, "template": "

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

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

\n <% } %>\n

\n" }, "values": { "columnCount": "2", "columnMargin": "16", "paddingTop": "16", "paddingBottom": "80", "useColumnInMobile": false, "backgroundColor": "#010920", "imageUrl1": "", "useNewTab1": true, "link1": "", "imageUrl2": "https://cdn.day1company.io/prod/uploads/202505/011409-1425/point-2.png", "useNewTab2": true, "link2": "", "imageUrl3": "https://cdn.day1company.io/prod/uploads/202505/011413-1425/point-3.png", "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": "" }, "uniqueId": "fc-block-7-jvfo5pl21", "isChecked": false }, { "id": "fc-block-11-m8kurhmg7", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n

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

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

\n" }, "values": { "paddingTop": "0", "paddingBottom": "40", "backgroundColor": "#010920", "useTextCenter": true, "textSize": "fc-h3-text", "textColor": "#00ccff", "text": "“Pengguna akan meninggalkan halaman jika
\nloading melebihi 3 detik”" }, "uniqueId": "fc-block-8-gtmpg716p", "isChecked": false }, { "id": "fc-block-10-mrn0sqtor", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "

\">\n

\n" }, "values": { "backgroundColor": "#010920", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202505/005253-1425/others.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202505/005555-1425/m-others.png", "imageWidth": "20", "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-9-enhbqyqv4", "isChecked": false }, { "id": "fc-block-59-aem1hn65s", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n

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

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

\n" }, "values": { "paddingTop": "40", "paddingBottom": "80", "backgroundColor": "#010920", "useTextCenter": true, "textSize": "fc-h3-text", "textColor": "#fff", "text": "Kuasai kemampuan yang bisa langsung diterapkan di dunia kerja,
\nmulai dari optimasi React, migrasi ke Next.js,
hingga deployment dan operasional." }, "uniqueId": "fc-block-19-746vxp5th", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-25-eymf1740f", "layout": { "id": "103", "description": "배경이미지가 있는 1단 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextLeft", "type": "checkbox", "description": "use text left" }, { "name": "backgroundColorOpacity", "type": "number", "description": "1~100" }, { "name": "backgroundImageUrl", "type": "image", "description": "1920 x auto" }, { "name": "mobileBackgroundImageUrl", "type": "image", "description": "mobile background image url" }, { "name": "textColor", "type": "text", "description": "font color" }, { "name": "textSize1", "type": "select", "description": "text size1", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text1", "type": "textarea", "description": "text1" }, { "name": "textSize2", "type": "select", "description": "text size2", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2", "type": "textarea", "description": "text2" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextLeft": false, "backgroundColorOpacity": 50, "backgroundImageUrl": "", "mobileBackgroundImageUrl": "", "textColor": "#000000", "textSize1": "fc-h1-text", "text1": "", "textSize2": "fc-content-text", "text2": "" }, "template": "

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

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

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

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

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

\n <% } %>\n

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

\n" }, "values": { "paddingTop": "80", "paddingBottom": "80", "backgroundColor": "#000000", "useTextLeft": false, "backgroundColorOpacity": "0", "backgroundImageUrl": "https://cdn.day1company.io/prod/uploads/202506/133003-1272/중간-띠.webp", "mobileBackgroundImageUrl": "https://cdn.day1company.io/prod/uploads/202506/235218-1425/m-bnr-bg-1.jpg", "textColor": "#fff", "textSize1": "fc-h3-text", "text1": "Dengan mengerjakan proyek optimasi secara praktis,
kuasai inti kemampuan frontend dan teknologi optimasi.", "textSize2": "fc-content-text", "text2": "" }, "uniqueId": "fc-block-1-ivdoiwzjq", "isChecked": false }, { "id": "fc-block-21-n5ag8g2fg", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "80", "backgroundColor": "#010920" }, "uniqueId": "fc-block-11-168qjw689", "isChecked": false }, { "id": "fc-block-17-6wwcl0w3m", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n

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

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

\n" }, "values": { "paddingTop": "40", "paddingBottom": "80", "backgroundColor": "#010920", "useTextCenter": true, "textSize": "fc-h2-text", "textColor": "#fff", "text": "Hanya di Fast campus, kamu bisa belajar hal ini:
\nKodenya yang lebih cepat,\nPekerjaan yang lebih rapi dan efisien.
\nKami menghadirkan kursus yang akan membantumu mencapainya
" }, "uniqueId": "fc-block-12-j7ryrpgaz", "isChecked": false }, { "id": "fc-block-25-q8thu3cru", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "

\">\n

\n" }, "values": { "backgroundColor": "#010920", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202505/022209-1425/w-1-point-1.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202505/023329-1425/m-w-1-point-1.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-13-o9h5f4b4w", "isChecked": false }, { "id": "fc-block-23-sybstmzm0", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "40", "backgroundColor": "#010920" }, "uniqueId": "fc-block-14-z0a6d35f7", "isChecked": false }, { "id": "fc-block-20-qr3nwbbrk", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "

\">\n

\n" }, "values": { "backgroundColor": "#010920", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202505/022256-1425/w-1-point-2.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202505/023337-1425/m-w-1-point-2.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-15-qf7fsjnbb", "isChecked": false }, { "id": "fc-block-24-msnmebcc1", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "40", "backgroundColor": "#010920" }, "uniqueId": "fc-block-16-ownu9kf55", "isChecked": false }, { "id": "fc-block-26-feqg5v85q", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "

\">\n

\n" }, "values": { "backgroundColor": "#010920", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202505/022342-1425/w-1-point-3.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202505/023344-1425/m-w-1-point-3.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-17-st02rqb07", "isChecked": false }, { "id": "fc-block-27-2hw1clq19", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "40", "backgroundColor": "#010920" }, "uniqueId": "fc-block-18-vxw3yc70k", "isChecked": false }, { "id": "fc-block-22-gfk5zio42", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "

\">\n

\n" }, "values": { "backgroundColor": "#010920", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202505/022400-1425/w-1-point-4.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202505/023349-1425/m-w-1-point-4.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-19-pt78yj1z5", "isChecked": false }, { "id": "fc-block-30-r8iukg5sk", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n

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

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

\n" }, "values": { "paddingTop": "40", "paddingBottom": "24", "backgroundColor": "#010920", "useTextCenter": true, "textSize": "fc-h4-text", "textColor": "#fff", "text": "\n+ Bonus materi ekstra yang bikin belajar makin lengkap.\n" }, "uniqueId": "fc-block-20-4zlwfk6x8", "isChecked": false }, { "id": "fc-block-29-bhm8o1x6r", "layout": { "id": "202", "description": "1~4단 이미지", "icon": "\n", "params": [ { "name": "columnCount", "type": "number", "description": "maximum 4" }, { "name": "columnMargin", "type": "number", "description": "column margin" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "imageUrl1", "type": "image", "description": "image1 url" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link url" }, { "name": "imageUrl2", "type": "image", "description": "image2 url" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link url" }, { "name": "imageUrl3", "type": "image", "description": "image3 url" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link url" }, { "name": "imageUrl4", "type": "image", "description": "image4 url" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "link4", "type": "text", "description": "link url" }, { "name": "imageUrl5", "type": "image", "description": "image5 url" }, { "name": "useNewTab5", "type": "checkbox", "description": "" }, { "name": "link5", "type": "text", "description": "link url" }, { "name": "imageUrl6", "type": "image", "description": "image6 url" }, { "name": "useNewTab6", "type": "checkbox", "description": "" }, { "name": "link6", "type": "text", "description": "link url" }, { "name": "imageUrl7", "type": "image", "description": "image7 url" }, { "name": "useNewTab7", "type": "checkbox", "description": "" }, { "name": "link7", "type": "text", "description": "link url" }, { "name": "imageUrl8", "type": "image", "description": "image8 url" }, { "name": "useNewTab8", "type": "checkbox", "description": "" }, { "name": "link8", "type": "text", "description": "link url" }, { "name": "imageUrl9", "type": "image", "description": "image9 url" }, { "name": "useNewTab9", "type": "checkbox", "description": "" }, { "name": "link9", "type": "text", "description": "link url" }, { "name": "imageUrl10", "type": "image", "description": "image10 url" }, { "name": "useNewTab10", "type": "checkbox", "description": "" }, { "name": "link10", "type": "text", "description": "link url" }, { "name": "imageUrl11", "type": "image", "description": "image11 url" }, { "name": "useNewTab11", "type": "checkbox", "description": "" }, { "name": "link11", "type": "text", "description": "link url" }, { "name": "imageUrl12", "type": "image", "description": "image12 url" }, { "name": "useNewTab12", "type": "checkbox", "description": "" }, { "name": "link12", "type": "text", "description": "link url" } ], "values": { "columnCount": 1, "columnMargin": 0, "paddingTop": 0, "paddingBottom": 0, "useColumnInMobile": false, "backgroundColor": "#ffffff", "imageUrl1": "", "useNewTab1": true, "link1": "", "imageUrl2": "", "useNewTab2": true, "link2": "", "imageUrl3": "", "useNewTab3": true, "link3": "", "imageUrl4": "", "useNewTab4": true, "link4": "", "imageUrl5": "", "useNewTab5": true, "link5": "", "imageUrl6": "", "useNewTab6": true, "link6": "", "imageUrl7": "", "useNewTab7": true, "link7": "", "imageUrl8": "", "useNewTab8": true, "link8": "", "imageUrl9": "", "useNewTab9": true, "link9": "", "imageUrl10": "", "useNewTab10": true, "link10": "", "imageUrl11": "", "useNewTab11": true, "link11": "", "imageUrl12": "", "useNewTab12": true, "link12": "" }, "template": "

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

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

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

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

\" alt=\"\" loading=\"lazy\">\n

\n <% } %>\n

\n" }, "values": { "columnCount": "2", "columnMargin": "20", "paddingTop": 0, "paddingBottom": 0, "useColumnInMobile": false, "backgroundColor": "#010920", "imageUrl1": "https://cdn.day1company.io/prod/uploads/202505/023700-1425/w-1-bonus-1.png", "useNewTab1": true, "link1": "", "imageUrl2": "https://cdn.day1company.io/prod/uploads/202505/023704-1425/w-1-bonus-2.png", "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": "" }, "uniqueId": "fc-block-21-fnon5es4s", "isChecked": false }, { "id": "fc-block-31-j90ftcefk", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "80", "backgroundColor": "#010920" }, "uniqueId": "fc-block-22-m9sjrn7gf", "isChecked": false }, { "id": "fc-block-36-y3st3wo4i", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "80", "backgroundColor": "#C71C3E" }, "uniqueId": "fc-block-23-6b1rno3sb", "isChecked": false }, { "id": "fc-block-32-ko0vxlyne", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n

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

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

\n" }, "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "#C71C3E", "useTextCenter": true, "textSize": "fc-h5-text", "textColor": "#fff", "text": "

\n\nKursus ini bukan kursus dasar frontend.\n

\n\n" }, "uniqueId": "fc-block-24-og9dq5ek8", "isChecked": false }, { "id": "fc-block-35-rl1gj2udj", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "#C71C3E", "useTextCenter": true, "textSize": "fc-h4-text", "textColor": "#fff", "text": "Kursus praktis ini mengajarkan cara menganalisis dan meningkatkan performa \ndengan menangani isu nyata dari layanan sebenarnya." }, "uniqueId": "fc-block-25-pfh00hztn", "isChecked": false }, { "id": "fc-block-38-v57ypk98n", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "80", "backgroundColor": "#C71C3E" }, "uniqueId": "fc-block-26-0n37681x2", "isChecked": false }, { "id": "fc-block-37-v77773pjx", "layout": { "id": "206", "description": "좌/우 이미지와 텍스트", "icon": "\n", "params": [ { "name": "reverseColumn", "type": "checkbox", "description": "-" }, { "name": "textVerticalAlign", "type": "select", "description": "-", "options": [ "top", "center" ] }, { "name": "backgroundColor", "type": "text", "description": "-" }, { "name": "textColor", "type": "text", "description": "-" }, { "name": "titleSize", "type": "select", "description": "-", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "-", "options": [ "text--h6", "text--content1" ] }, { "name": "imageUrl", "type": "image", "description": "-" }, { "name": "imageWidth", "type": "number", "description": "~720" }, { "name": "title", "type": "text", "description": "-" }, { "name": "content", "type": "text", "description": "-" } ], "values": { "reverseColumn": false, "textVerticalAlign": "top", "backgroundColor": "#ffffff", "textColor": "#000000", "titleSize": "text--h5", "contentSize": "text--h6", "imageUrl": "", "imageWidth": 480, "title": "", "content": "" }, "template": "
\">\n
\n
<%= textVerticalAlign === 'center' ? ' container__body--center-within-column' : ''%>\">\n
\" style=\"width: <%= imageWidth/10 %>rem\">\n <% if (imageUrl) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n
\">\n
\n
\"><%= title || '' %>
\n
\"><%= content || '' %>
\n
\n
\n
\n
\n
\n" }, "values": { "reverseColumn": true, "textVerticalAlign": "center", "backgroundColor": "#C71C3E", "textColor": "#fff", "titleSize": "text--h5", "contentSize": "text--content1", "imageUrl": "https://cdn.day1company.io/prod/uploads/202505/025706-1425/w-2-logo.png", "imageWidth": "390", "title": "", "content": "Banyak kursus yang membahas optimasi secara teori, tapi tidak banyak yang benar-benar mengajarkan cara menerapkannya dalam konteks layanan di dunia kerja.

\n\nDi kursus ini, kamu tidak hanya belajar teknik optimasi secara teori.
\nKamu juga akan langsung praktik dengan tingkat optimasi yang digunakan di perusahaan nyata.
\nKamu akan membangun proyek yang melibatkan pengelolaan data yang kompleks dan pengaturan status aplikasi, serta melakukan latihan optimasi pada proyek aplikasi dengan tingkat kompleksitas tinggi.

\n\nMelalui kursus ini, kamu akan mampu menangani perubahan data dalam skala besar yang terjadi pada aplikasi-aplikasi besar,  serta menyelesaikan masalah performa yang muncul akibat peningkatan traffic dan komputasi.

\n\nItulah alasan mengapa perusahaan besar mencari developer yang memiliki pengalaman dalam mengelola performa serta maintenance aplikasi, dan mengapa developer React yang ahli dalam performa sangat dibutuhkan.

\n\nDengan mengikuti kursus ini, kamu bisa meningkatkan kemampuan optimasi secara nyata dan berkembang menjadi developer frontend yang siap menghadapi proyek-proyek besar. 
\nKami berharap kursus ini dapat membantu kamu memaksimalkan  pengalaman dan skill sebagai developer profesional." }, "uniqueId": "fc-block-27-82z6mxip6", "isChecked": false }, { "id": "fc-block-41-8e4mytllv", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "60", "backgroundColor": "#C71C3E" }, "uniqueId": "fc-block-28-f7bjwcgrw", "isChecked": false }, { "id": "fc-block-39-d9l9s5wfy", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#C71C3E", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202505/025558-1425/w-2-copy.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202505/025604-1425/m-2-copy.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-29-13oxvulav", "isChecked": false }, { "id": "fc-block-42-7rjp6db9k", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "80", "backgroundColor": "#C71C3E" }, "uniqueId": "fc-block-30-9rkmc97ir", "isChecked": false }, { "id": "fc-block-67-oi1ratzl6", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "80", "backgroundColor": "#010920" }, "uniqueId": "fc-block-31-5fbveaz98", "isChecked": false }, { "id": "fc-block-68-qs0cesnhw", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "32", "paddingBottom": "32", "backgroundColor": "#010920", "useTextCenter": true, "textSize": "fc-h5-text", "textColor": "#010920", "text": "Special 1\n\n" }, "uniqueId": "fc-block-33-2jnij6orn", "isChecked": false }, { "id": "fc-block-70-nxdp2vq78", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "60", "backgroundColor": "#010920", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#CCCED2", "text": "Core Web Vitals jadi standar peningkatan.\nMeningkatkan kecepatan, stabilitas, dan UX secara menyeluruh.\n" }, "uniqueId": "fc-block-34-9ib7aq3p4", "isChecked": false }, { "id": "fc-block-57-tq2bg8qdp", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#010920", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202505/043710-1425/w-3-1-1.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202505/043715-1425/m-3-tit-1.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-35-tkadsxdxs", "isChecked": false }, { "id": "fc-block-34-0nprv04fm", "layout": { "id": "406", "description": "비대칭형 컬러카드", "icon": "\n", "params": [ { "name": "cardType", "type": "select", "description": "card type", "options": [ "type1", "type2", "type3" ] }, { "name": "spacingTop", "type": "number", "description": "spacing-top" }, { "name": "spacingBottom", "type": "number", "description": "spacing-bottom" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h4-text", "fc-h5-text", "fc-h6-text" ] }, { "name": "cardColor1", "type": "text", "description": "card color" }, { "name": "title1", "type": "text", "description": "title text" }, { "name": "content1", "type": "textarea", "description": "content text" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link" }, { "name": "buttonLabel1", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor2", "type": "text", "description": "card color" }, { "name": "title2", "type": "text", "description": "title text" }, { "name": "content2", "type": "textarea", "description": "content text" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link" }, { "name": "buttonLabel2", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor3", "type": "text", "description": "card color" }, { "name": "title3", "type": "text", "description": "title text" }, { "name": "content3", "type": "textarea", "description": "content text" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link" }, { "name": "buttonLabel3", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" } ], "values": { "cardType": "type1", "spacingTop": 0, "spacingBottom": 0, "useTextCenter": false, "backgroundColor": "#ffffff", "textColor": "#000000", "buttonColor": "#E4FF18", "buttonTextColor": "#000000", "titleSize": "fc-h5-text", "contentSize": "fc-h4-text", "cardColor1": "#ff947a", "title1": "", "content1": "", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#ff947a", "title2": "", "content2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#ff947a", "title3": "", "content3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "" }, "template": "
rem; padding-bottom: <%= spacingBottom/10 || 0 %>rem; background-color: <%= backgroundColor || 'transparent' %>\">\n
\" style=\"color: <%= textColor || '#000000' %>\">\n <% if(title1 || content1 || link1) { %>\n
; <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title1) { %>\n
\"><%= title1 %>
\n <% } %>\n <% if(content1) { %>\n
\"><%= content1 %>
\n <% } %>\n
\n <% if(link1) { %>\n
\n class=\"\"<% } %> href=\"<%= link1 %>\" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel1 %>\n
\n <% } %>\n
\n <% } %>\n <% if(title2 || content2 || link2) { %>\n
background-color: <%= cardColor2 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title2) { %>\n
\"><%= title2 %>
\n <% } %>\n <% if(content2) { %>\n
\"><%= content2 %>
\n <% } %>\n
\n <% if(link2) { %>\n
\n class=\"\"<% } %> href=\"<%= link2 %>\" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel2 %>\n
\n <% } %>\n
\n <% } %>\n <% if(title3 || content3 || link3) { %>\n
background-color: <%= cardColor3 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title3) { %>\n
\"><%= title3 %>
\n <% } %>\n <% if(content3) { %>\n
\"><%= content3 %>
\n <% } %>\n
\n <% if(link3) { %>\n
\n class=\"\"<% } %> href=\"<%= link3 %>\" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel3 %>\n
\n <% } %>\n
\n <% } %>\n
\n
\n" }, "values": { "cardType": "type2", "spacingTop": 0, "spacingBottom": 0, "useTextCenter": false, "backgroundColor": "#010920", "textColor": "#ffffff", "buttonColor": "#E4FF18", "buttonTextColor": "#", "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "cardColor1": "#010920", "title1": "", "content1": "", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#010920", "title2": "\nProyek ini menampilkan informasi hotel
\n\n\nsecara cepat dan stabil, lengkap dengan \nberbagai jenis konten.", "content2": "\nMenampilkan data akomodasi harus cepat dan andal. Fitur pencarian, filter, dan sorting harus tetap responsif, \nmeskipun pengguna melakukan banyak aksi sekaligus. \nUntuk menjaga UX tetap lancar, dibutuhkan rendering yang efisien dan performa jaringan optimal.\n\n
\n
\n\n1\n \nMengurangi pemanggilan backend yang tidak perlu menggunakan memo dan React Window\n

\n\n2\n \nMencegah lag dengan teknik Throttling dan Debouncing\n

\n\n3\n \nMengoptimalkan fetch data menggunakan React Query\n

\n\n4\n \nMenghindari scroll patah-patah saat rendering\n

\n\n5\n \nMelakukan latihan peningkatan LCP berdasarkan standar Core Web Vitals\n

\n\n6\n \nMenerapkan strategi SEO, termasuk optimasi indeks dan crawling\n\n

\n", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#ff947a", "title3": "", "content3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "" }, "uniqueId": "fc-block-1-7xjbalmc9", "isChecked": false }, { "id": "fc-block-59-j6zbe4t8u", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "60", "backgroundColor": "#010920" }, "uniqueId": "fc-block-37-z6iu5bnaf", "isChecked": false }, { "id": "fc-block-61-tctqxkzqf", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#010920", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202505/043738-1425/w-3-2-1.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202505/043742-1425/m-3-tit-2.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-38-k0qh7hbrm", "isChecked": false }, { "id": "fc-block-35-5d909hu34", "layout": { "id": "406", "description": "비대칭형 컬러카드", "icon": "\n", "params": [ { "name": "cardType", "type": "select", "description": "card type", "options": [ "type1", "type2", "type3" ] }, { "name": "spacingTop", "type": "number", "description": "spacing-top" }, { "name": "spacingBottom", "type": "number", "description": "spacing-bottom" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h4-text", "fc-h5-text", "fc-h6-text" ] }, { "name": "cardColor1", "type": "text", "description": "card color" }, { "name": "title1", "type": "text", "description": "title text" }, { "name": "content1", "type": "textarea", "description": "content text" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link" }, { "name": "buttonLabel1", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor2", "type": "text", "description": "card color" }, { "name": "title2", "type": "text", "description": "title text" }, { "name": "content2", "type": "textarea", "description": "content text" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link" }, { "name": "buttonLabel2", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor3", "type": "text", "description": "card color" }, { "name": "title3", "type": "text", "description": "title text" }, { "name": "content3", "type": "textarea", "description": "content text" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link" }, { "name": "buttonLabel3", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" } ], "values": { "cardType": "type1", "spacingTop": 0, "spacingBottom": 0, "useTextCenter": false, "backgroundColor": "#ffffff", "textColor": "#000000", "buttonColor": "#E4FF18", "buttonTextColor": "#000000", "titleSize": "fc-h5-text", "contentSize": "fc-h4-text", "cardColor1": "#ff947a", "title1": "", "content1": "", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#ff947a", "title2": "", "content2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#ff947a", "title3": "", "content3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "" }, "template": "
rem; padding-bottom: <%= spacingBottom/10 || 0 %>rem; background-color: <%= backgroundColor || 'transparent' %>\">\n
\" style=\"color: <%= textColor || '#000000' %>\">\n <% if(title1 || content1 || link1) { %>\n
; <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title1) { %>\n
\"><%= title1 %>
\n <% } %>\n <% if(content1) { %>\n
\"><%= content1 %>
\n <% } %>\n
\n <% if(link1) { %>\n
\n class=\"\"<% } %> href=\"<%= link1 %>\" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel1 %>\n
\n <% } %>\n
\n <% } %>\n <% if(title2 || content2 || link2) { %>\n
background-color: <%= cardColor2 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title2) { %>\n
\"><%= title2 %>
\n <% } %>\n <% if(content2) { %>\n
\"><%= content2 %>
\n <% } %>\n
\n <% if(link2) { %>\n
\n class=\"\"<% } %> href=\"<%= link2 %>\" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel2 %>\n
\n <% } %>\n
\n <% } %>\n <% if(title3 || content3 || link3) { %>\n
background-color: <%= cardColor3 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title3) { %>\n
\"><%= title3 %>
\n <% } %>\n <% if(content3) { %>\n
\"><%= content3 %>
\n <% } %>\n
\n <% if(link3) { %>\n
\n class=\"\"<% } %> href=\"<%= link3 %>\" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel3 %>\n
\n <% } %>\n
\n <% } %>\n
\n
\n" }, "values": { "cardType": "type2", "spacingTop": 0, "spacingBottom": 0, "useTextCenter": false, "backgroundColor": "#010920", "textColor": "#ffffff", "buttonColor": "#E4FF18", "buttonTextColor": "#", "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "cardColor1": "#010920", "title1": "", "content1": "", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#010920", "title2": "\nProyek ini bertujuan untuk \n\nmempercepat loading halaman \n\ndan \n\nmengoptimalkan pembaruan konten dinamis.\n", "content2": "\nDi halaman yang memuat ratusan gambar dan konten, \npengguna harus bisa melihat isi dengan cepat tanpa menunggu lama. Kecepatan rendering awal dan performa saat scroll gambar harus tetap mulus \nuntuk menjaga UX tetap optimal dan tanpa hambatan.\n\n
\n
\n\n1\n \nMeningkatkan pelacakan file JS yang lambat melalui tab Network\n

\n\n2\n \nMenerapkan strategi prefetch link untuk mempercepat rendering awal\n

\n\n3\n \nMengoptimalkan kode splitting agar lebih efisien\n

\n\n4\n \nMerender daftar secara ringan dengan penanganan perubahan yang efisien\n

\n\n5\n \nMengoptimasi gambar dari segi ukuran dan pengaturan responsif\n

\n\n6\n \nMenyusun layout agar elemen penting muncul lebih dulu\n

\n\n7\n \nMengurangi beban animasi saat pembaruan konten berlangsung\n

\n\n8\n \nMenerapkan strategi penanganan error untuk gambar yang gagal dimuat\n

\n\n9\n \nMembangun halaman yang SEO-friendly\n

\n\n10\n \nMeminimalkan re-render interval pada komponen\n\n\n\n\n

\n", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#ff947a", "title3": "", "content3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "" }, "uniqueId": "fc-block-2-w8jpthmna", "isChecked": false }, { "id": "fc-block-63-kbivtktfe", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "60", "backgroundColor": "#010920" }, "uniqueId": "fc-block-40-5d97kvbis", "isChecked": false }, { "id": "fc-block-65-5ghdlcg7z", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#010920", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202505/043820-1425/w-3-3-1.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202505/043823-1425/m-3-tit-3.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-41-hvj2ywxg7", "isChecked": false }, { "id": "fc-block-36-16drl27fg", "layout": { "id": "406", "description": "비대칭형 컬러카드", "icon": "\n", "params": [ { "name": "cardType", "type": "select", "description": "card type", "options": [ "type1", "type2", "type3" ] }, { "name": "spacingTop", "type": "number", "description": "spacing-top" }, { "name": "spacingBottom", "type": "number", "description": "spacing-bottom" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h4-text", "fc-h5-text", "fc-h6-text" ] }, { "name": "cardColor1", "type": "text", "description": "card color" }, { "name": "title1", "type": "text", "description": "title text" }, { "name": "content1", "type": "textarea", "description": "content text" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link" }, { "name": "buttonLabel1", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor2", "type": "text", "description": "card color" }, { "name": "title2", "type": "text", "description": "title text" }, { "name": "content2", "type": "textarea", "description": "content text" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link" }, { "name": "buttonLabel2", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor3", "type": "text", "description": "card color" }, { "name": "title3", "type": "text", "description": "title text" }, { "name": "content3", "type": "textarea", "description": "content text" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link" }, { "name": "buttonLabel3", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" } ], "values": { "cardType": "type1", "spacingTop": 0, "spacingBottom": 0, "useTextCenter": false, "backgroundColor": "#ffffff", "textColor": "#000000", "buttonColor": "#E4FF18", "buttonTextColor": "#000000", "titleSize": "fc-h5-text", "contentSize": "fc-h4-text", "cardColor1": "#ff947a", "title1": "", "content1": "", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#ff947a", "title2": "", "content2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#ff947a", "title3": "", "content3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "" }, "template": "
rem; padding-bottom: <%= spacingBottom/10 || 0 %>rem; background-color: <%= backgroundColor || 'transparent' %>\">\n
\" style=\"color: <%= textColor || '#000000' %>\">\n <% if(title1 || content1 || link1) { %>\n
; <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title1) { %>\n
\"><%= title1 %>
\n <% } %>\n <% if(content1) { %>\n
\"><%= content1 %>
\n <% } %>\n
\n <% if(link1) { %>\n
\n class=\"\"<% } %> href=\"<%= link1 %>\" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel1 %>\n
\n <% } %>\n
\n <% } %>\n <% if(title2 || content2 || link2) { %>\n
background-color: <%= cardColor2 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title2) { %>\n
\"><%= title2 %>
\n <% } %>\n <% if(content2) { %>\n
\"><%= content2 %>
\n <% } %>\n
\n <% if(link2) { %>\n
\n class=\"\"<% } %> href=\"<%= link2 %>\" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel2 %>\n
\n <% } %>\n
\n <% } %>\n <% if(title3 || content3 || link3) { %>\n
background-color: <%= cardColor3 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title3) { %>\n
\"><%= title3 %>
\n <% } %>\n <% if(content3) { %>\n
\"><%= content3 %>
\n <% } %>\n
\n <% if(link3) { %>\n
\n class=\"\"<% } %> href=\"<%= link3 %>\" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel3 %>\n
\n <% } %>\n
\n <% } %>\n
\n
\n" }, "values": { "cardType": "type2", "spacingTop": 0, "spacingBottom": 0, "useTextCenter": false, "backgroundColor": "#010920", "textColor": "#ffffff", "buttonColor": "#E4FF18", "buttonTextColor": "#", "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "cardColor1": "#010920", "title1": "", "content1": "", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#010920", "title2": "\nProyek dengan \n\nproses panjang dan
\ntingkat kompleksitas kode yang tinggi\n", "content2": "\nUntuk memastikan pengguna dapat menyelesaikan proses reservasi \nmelalui berbagai tahap tanpa bosan, tanpa error, dan tetap mulus, dibutuhkan strategi yang mengoptimalkan UX, menerapkan struktur kode yang efisien, \nserta mengurangi bottleneck pada rendering.\n\n
\n
\n\n1\n \nMenggunakan tab Performance untuk mengidentifikasi dan memperbaiki bottleneck\n

\n\n2\n \nMenganalisis dan menyelesaikan masalah layout shift\n

\n\n3\n \nMengoptimalkan UX di tahap input dan pengisian formulir\n

\n\n4\n \nMenerapkan Intersection Observer untuk event scroll\n

\n\n5\n \nMerancang layout dengan mempertimbangkan performa rendering\n

\n\n6\n \nMemisahkan komponen berat untuk mengurangi beban awal\n

\n\n7\n \nMenerapkan strategi untuk mengatasi layout shift\n

\n\n8\n \nMengoptimalkan rendering berdasarkan status dan performa scroll\n

\n\n9\n \nMeminimalkan komponen yang tidak perlu dirender\n\n\n

\n", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#ff947a", "title3": "", "content3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "" }, "uniqueId": "fc-block-3-ujk1nnc6e", "isChecked": false }, { "id": "fc-block-66-e2mcy2jdd", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "60", "backgroundColor": "#010920" }, "isChecked": false, "uniqueId": "fc-block-43-5m1z217q1" }, { "id": "fc-block-46-5b1v7g230", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#010920", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202505/043905-1425/w-3-4-1.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202505/043909-1425/m-3-tit-4.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "isChecked": false, "uniqueId": "fc-block-44-ktha7o416" }, { "id": "fc-block-33-t1x9uyqsx", "layout": { "id": "406", "description": "비대칭형 컬러카드", "icon": "\n", "params": [ { "name": "cardType", "type": "select", "description": "card type", "options": [ "type1", "type2", "type3" ] }, { "name": "spacingTop", "type": "number", "description": "spacing-top" }, { "name": "spacingBottom", "type": "number", "description": "spacing-bottom" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h4-text", "fc-h5-text", "fc-h6-text" ] }, { "name": "cardColor1", "type": "text", "description": "card color" }, { "name": "title1", "type": "text", "description": "title text" }, { "name": "content1", "type": "textarea", "description": "content text" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link" }, { "name": "buttonLabel1", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor2", "type": "text", "description": "card color" }, { "name": "title2", "type": "text", "description": "title text" }, { "name": "content2", "type": "textarea", "description": "content text" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link" }, { "name": "buttonLabel2", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor3", "type": "text", "description": "card color" }, { "name": "title3", "type": "text", "description": "title text" }, { "name": "content3", "type": "textarea", "description": "content text" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link" }, { "name": "buttonLabel3", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" } ], "values": { "cardType": "type1", "spacingTop": 0, "spacingBottom": 0, "useTextCenter": false, "backgroundColor": "#ffffff", "textColor": "#000000", "buttonColor": "#E4FF18", "buttonTextColor": "#000000", "titleSize": "fc-h5-text", "contentSize": "fc-h4-text", "cardColor1": "#ff947a", "title1": "", "content1": "", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#ff947a", "title2": "", "content2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#ff947a", "title3": "", "content3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "" }, "template": "
rem; padding-bottom: <%= spacingBottom/10 || 0 %>rem; background-color: <%= backgroundColor || 'transparent' %>\">\n
\" style=\"color: <%= textColor || '#000000' %>\">\n <% if(title1 || content1 || link1) { %>\n
; <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title1) { %>\n
\"><%= title1 %>
\n <% } %>\n <% if(content1) { %>\n
\"><%= content1 %>
\n <% } %>\n
\n <% if(link1) { %>\n
\n class=\"\"<% } %> href=\"<%= link1 %>\" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel1 %>\n
\n <% } %>\n
\n <% } %>\n <% if(title2 || content2 || link2) { %>\n
background-color: <%= cardColor2 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title2) { %>\n
\"><%= title2 %>
\n <% } %>\n <% if(content2) { %>\n
\"><%= content2 %>
\n <% } %>\n
\n <% if(link2) { %>\n
\n class=\"\"<% } %> href=\"<%= link2 %>\" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel2 %>\n
\n <% } %>\n
\n <% } %>\n <% if(title3 || content3 || link3) { %>\n
background-color: <%= cardColor3 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title3) { %>\n
\"><%= title3 %>
\n <% } %>\n <% if(content3) { %>\n
\"><%= content3 %>
\n <% } %>\n
\n <% if(link3) { %>\n
\n class=\"\"<% } %> href=\"<%= link3 %>\" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel3 %>\n
\n <% } %>\n
\n <% } %>\n
\n
\n" }, "values": { "cardType": "type2", "spacingTop": 0, "spacingBottom": 0, "useTextCenter": false, "backgroundColor": "#010920", "textColor": "#ffffff", "buttonColor": "#E4FF18", "buttonTextColor": "#", "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "cardColor1": "#010920", "title1": "", "content1": "", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#010920", "title2": "\nProyek dengan \n\nbanyak aset\n\nseperti gambar, video, dan font\n", "content2": "\nSaat pengguna mengakses halaman, gambar dan video \nharus dimuat serta dirender dengan cepat tanpa mengganggu UX. Kuncinya adalah menerapkan teknik yang memuat berbagai resource \ndi halaman web secara ringan dan cepat.\n
\n
\n\n1\n \nMengoptimalkan pemuatan resource seperti gambar, video, dan font\n
\n• Mengompres video/gambar, mengatur resolusi & format, serta menggunakan CDN \n
\n• Menerapkan strategi penggunaan font dan preload font

\n\n\n2\n \nMenghindari rendering yang tidak perlu\n

\n• Menggunakan memoization\n
\n• Memanfaatkan useMemo dan useCallback dengan tepat
\n• Menghindari rendering ulang yang tidak perlu\n

\n\n3\n \nMenangani kasus yang mengganggu alur UX\n\n

\n", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#ff947a", "title3": "", "content3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "" }, "uniqueId": "fc-block-4-3dcaswlaa", "isChecked": false }, { "id": "fc-block-49-g1i2y6fnu", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "120", "backgroundColor": "#010920" }, "isChecked": false, "uniqueId": "fc-block-46-nnhqhfink" }, { "id": "fc-block-14-v678fkjoe", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "32", "paddingBottom": "32", "backgroundColor": "#010920", "useTextCenter": true, "textSize": "fc-h5-text", "textColor": "#010920", "text": "Special 2\n\n" }, "uniqueId": "fc-block-2-9v562xfpp", "isChecked": false }, { "id": "fc-block-15-b1ejj9egc", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "20", "backgroundColor": "#010920", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#fff", "text": "Contoh sederhana tidak cukup untuk dunia kerja.
\nDi kursus ini, kamu akan belajar mengoptimalkan performa melalui proyek yang menyerupai kasus nyata\n\n" }, "uniqueId": "fc-block-3-dfnub2mg5", "isChecked": false }, { "id": "fc-block-16-u0yqxkixz", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "60", "backgroundColor": "#010920", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#CCCED2", "text": "Kamu akan terus berlatih menganalisis dan mengatasi bottleneck performa\ndalam skenario kompleks seperti pohon komponen besar, perubahan status, rendering dinamis\nserta alur pengguna yang beragam dalam kondisi yang mendekati situasi nyata.\n\n" }, "uniqueId": "fc-block-4-ancntizy8", "isChecked": false }, { "id": "fc-block-50-ru6mk1vz9", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "8", "backgroundColor": "#010920", "useTextCenter": true, "textSize": "fc-h4-text", "textColor": "#00ccff", "text": "\nKenapa latihan optimasi ini bisa disebut proyek setingkat penggunaan nyata?\n\n" }, "uniqueId": "fc-block-1-j2pe2cevw", "isChecked": false }, { "id": "fc-block-3-8ca7u6mdv", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#010920", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202506/214914-1425/w-bubble-btm.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202506/215204-1425/m-bubble-btm.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-5-7poapnjj9", "isChecked": false }, { "id": "fc-block-5-j5qb6k2ea", "layout": { "id": "102", "description": "2단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize1", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor1", "type": "text", "description": "text color" }, { "name": "text1", "type": "textarea", "description": "text" }, { "name": "textSize2", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor2", "type": "text", "description": "text color" }, { "name": "text2", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize1": "fc-h1-text", "textColor1": "#000000", "text1": "", "textSize2": "fc-h1-text", "textColor2": "#000000", "text2": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n <% if(text1) { %>\n
\" style=\"<% if(textColor1) { %>color: <%= textColor1 %><% } %>\">\n <%= text1 %>\n
\n <% } %>\n <% if(text2) { %>\n
\" style=\"<% if(textColor2) { %>color: <%= textColor2 %><% } %>\">\n <%= text2 %>\n
\n <% } %>\n
\n
\n
\n" }, "values": { "paddingTop": "8", "paddingBottom": "32", "backgroundColor": "#010920", "useTextCenter": false, "textSize1": "fc-h4-text", "textColor1": "#fff", "text1": "
\nLebih dari 20 jenis teknik\nibutuhkan untuk implementasi\n
\n\n\n", "textSize2": "fc-h4-text", "textColor2": "#fff", "text2": "
\nLebih dari 20 jenis teknik\ndibutuhkan untuk implementasi\n
\n" }, "uniqueId": "fc-block-6-bsugugtgn", "isChecked": false }, { "id": "fc-block-6-uk57bhbux", "layout": { "id": "102", "description": "2단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize1", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor1", "type": "text", "description": "text color" }, { "name": "text1", "type": "textarea", "description": "text" }, { "name": "textSize2", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor2", "type": "text", "description": "text color" }, { "name": "text2", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize1": "fc-h1-text", "textColor1": "#000000", "text1": "", "textSize2": "fc-h1-text", "textColor2": "#000000", "text2": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n <% if(text1) { %>\n
\" style=\"<% if(textColor1) { %>color: <%= textColor1 %><% } %>\">\n <%= text1 %>\n
\n <% } %>\n <% if(text2) { %>\n
\" style=\"<% if(textColor2) { %>color: <%= textColor2 %><% } %>\">\n <%= text2 %>\n
\n <% } %>\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "80", "backgroundColor": "#010920", "useTextCenter": false, "textSize1": "fc-h6-text", "textColor1": "#fff", "text1": "
\n
\n
\n
1
\nBahasa / Framework / Library utama\n
\n
\n
\n
JavaScript
\n
\n
\n
\n
TypeScript
\n
\n
\n
\n
React (with Vite)
\n
\n
\n
\n
Next.js
\n
\n\n
\n
\n
2
\nManajemen State\n
\n
\n
\n
React Query
\n
\n
\n
\n
React Hook Form
\n
\n
\n
\n
Local State (useState, useReducer)
\n
\n\n
\n
\n
3
\nStyling / Animasi\n
\n
\n
\n
Tailwind CSS
\n
\n\n
\n
\n
4
\nDeployment\n
\n
\n
\n
CI/CD berbasis Vercel
\n
\n
\n
\n
GitHub Actions
\n
\n
\n
\n
Vercel Insights / Logging
\n
\n\n
\n\n\n", "textSize2": "fc-h6-text", "textColor2": "#fff", "text2": "
\n
\n
\n
5
\nBackend / Server / Database\n
\n
\n
\n
JavaScript
\n
\n
\n
\n
Firebase (Auth, Realtime Database)
\n
\n
\n
\n
Google Maps API
\n
\n\n
\n
\n
6
\nProduktivitas\n
\n
\n
\n
React Window
\n
\n
\n
\n
useMemo / useCallback
\n
\n
\n
\n
Dynamic Import & Code Splitting
\n
\n
\n
\n
Core Web Vitals
\n
\n
\n
\n
Lazy Loading
\n
\n
\n
\n
Optimasi SEO (Next.js Head/Metadata)
\n
\n\n
\n
\n
7
\nProduktivitas & Kualitas Kode\n
\n
\n
\n
Git Version Control with Github as code hosting
\n
\n
\n
\n
Typescript
\n
\n
\n
\n
Husky
\n
\n
\n
\n
ESLint
\n
\n
\n
\n
Prettier
\n
\n
\n
\n
Lighthouse
\n
\n
\n
\n
DevTools / Performance Tab
\n
\n
\n\n" }, "uniqueId": "fc-block-7-1gis25194", "isChecked": false }, { "id": "fc-block-9-xxynaqpmf", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "40", "backgroundColor": "#010920", "useTextCenter": false, "textSize": "fc-h4-text", "textColor": "#fff", "text": "Jenis Teknologi yang Digunakun" }, "uniqueId": "fc-block-8-p61arg6x4", "isChecked": false }, { "id": "fc-block-10-3sd21k6ms", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 20, "params": [ { "name": "imageUrl", "type": "image", "description": "파일 업로드" }, { "name": "text1", "type": "text", "description": "자유 입력" }, { "name": "text2", "type": "text", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "
rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\">\n
\n
\n
\" data-column-count=\"<%= columnCount %>\">\n <% cards.forEach(({ imageUrl, text1, text2 }) => { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% }); %>\n
\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "80", "columnCount": "3", "backgroundColor": "#010920", "colorTheme": "theme-dark-mono", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202506/230648-1425/img-function-1.png", "text1": "Halaman Akun", "text2": "Tampilkan status & info akun" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202506/230658-1425/img-function-1.png", "text1": "Login / Logout", "text2": "Autentikasi Google dengan NextAuth" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202506/230701-1425/img-function-1.png", "text1": "Halaman Detail Produk", "text2": "Termasuk peta, ulasan, berbagi" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202506/230705-1425/img-function-1.png", "text1": "Tampilan Ketersediaan Kamar Real-time", "text2": "Tampilkan jumlah kamar yang bisa dipesan secara langsung" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202506/230708-1425/img-function-1.png", "text1": "Formulir & Konfirmasi Pemesanan", "text2": "Input & proses data pemesanan" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202506/230710-1425/img-function-1.png", "text1": "Pendaftaran & Profil", "text2": "Verifikasi & pengaturan info pengguna" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202506/230714-1425/img-function-1.png", "text1": "Desain Responsif Mobile", "text2": "Layout & navigasi optimal untuk mobile" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202506/230717-1425/img-function-1.png", "text1": "Integrasi Google Maps", "text2": "Tampilkan lokasi dengan API Maps" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202506/230720-1425/img-function-1.png", "text1": "Fitur Berbagi", "text2": "Salin tautan & bagikan sosial media" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202506/230723-1425/img-function-1.png", "text1": "Tulis & Tampilkan Ulasan", "text2": "Kirim dan tampilkan ulasan pengguna" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202506/230726-1425/img-function-1.png", "text1": "Penanganan Error & UX", "text2": "Perbaiki error & tingkatkan pengalaman pengguna" } ] }, "isChecked": false, "uniqueId": "fc-block-9-hjkyyee6r" }, { "id": "fc-block-39-vvphbfy97", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "32", "paddingBottom": "32", "backgroundColor": "#010920", "useTextCenter": true, "textSize": "fc-h5-text", "textColor": "#010920", "text": "Special 3\n\n" }, "uniqueId": "fc-block-10-p2bdfr9cd", "isChecked": false }, { "id": "fc-block-40-efasicyuz", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "32", "backgroundColor": "#010920", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#fff", "text": "Contoh sederhana tidak cukup untuk dunia kerja.
\nCara Menentukan dan Menerapkan Optimasi seperti di Dunia Kerja\n\n" }, "uniqueId": "fc-block-11-ocp2yxrfx", "isChecked": false }, { "id": "fc-block-41-d8znef8ap", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "60", "backgroundColor": "#010920", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#CCCED2", "text": "Developer berpengalaman tidak asal melakukan optimasi.\nMereka membangun layanan terlebih dahulu, lalu menilai apakah optimasi benar-benar dibutuhkan.\nSeperti profesional, kamu hanya akan menerapkan optimasi yang benar-benar penting\nuntuk menghemat waktu dan tenaga.\n\n" }, "uniqueId": "fc-block-12-jabvu7vhs", "isChecked": false }, { "id": "fc-block-26-rii99i1ee", "layout": { "id": "202", "description": "1~4단 이미지", "icon": "\n", "params": [ { "name": "columnCount", "type": "number", "description": "maximum 4" }, { "name": "columnMargin", "type": "number", "description": "column margin" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "imageUrl1", "type": "image", "description": "image1 url" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link url" }, { "name": "imageUrl2", "type": "image", "description": "image2 url" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link url" }, { "name": "imageUrl3", "type": "image", "description": "image3 url" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link url" }, { "name": "imageUrl4", "type": "image", "description": "image4 url" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "link4", "type": "text", "description": "link url" }, { "name": "imageUrl5", "type": "image", "description": "image5 url" }, { "name": "useNewTab5", "type": "checkbox", "description": "" }, { "name": "link5", "type": "text", "description": "link url" }, { "name": "imageUrl6", "type": "image", "description": "image6 url" }, { "name": "useNewTab6", "type": "checkbox", "description": "" }, { "name": "link6", "type": "text", "description": "link url" }, { "name": "imageUrl7", "type": "image", "description": "image7 url" }, { "name": "useNewTab7", "type": "checkbox", "description": "" }, { "name": "link7", "type": "text", "description": "link url" }, { "name": "imageUrl8", "type": "image", "description": "image8 url" }, { "name": "useNewTab8", "type": "checkbox", "description": "" }, { "name": "link8", "type": "text", "description": "link url" }, { "name": "imageUrl9", "type": "image", "description": "image9 url" }, { "name": "useNewTab9", "type": "checkbox", "description": "" }, { "name": "link9", "type": "text", "description": "link url" }, { "name": "imageUrl10", "type": "image", "description": "image10 url" }, { "name": "useNewTab10", "type": "checkbox", "description": "" }, { "name": "link10", "type": "text", "description": "link url" }, { "name": "imageUrl11", "type": "image", "description": "image11 url" }, { "name": "useNewTab11", "type": "checkbox", "description": "" }, { "name": "link11", "type": "text", "description": "link url" }, { "name": "imageUrl12", "type": "image", "description": "image12 url" }, { "name": "useNewTab12", "type": "checkbox", "description": "" }, { "name": "link12", "type": "text", "description": "link url" } ], "values": { "columnCount": 1, "columnMargin": 0, "paddingTop": 0, "paddingBottom": 0, "useColumnInMobile": false, "backgroundColor": "#ffffff", "imageUrl1": "", "useNewTab1": true, "link1": "", "imageUrl2": "", "useNewTab2": true, "link2": "", "imageUrl3": "", "useNewTab3": true, "link3": "", "imageUrl4": "", "useNewTab4": true, "link4": "", "imageUrl5": "", "useNewTab5": true, "link5": "", "imageUrl6": "", "useNewTab6": true, "link6": "", "imageUrl7": "", "useNewTab7": true, "link7": "", "imageUrl8": "", "useNewTab8": true, "link8": "", "imageUrl9": "", "useNewTab9": true, "link9": "", "imageUrl10": "", "useNewTab10": true, "link10": "", "imageUrl11": "", "useNewTab11": true, "link11": "", "imageUrl12": "", "useNewTab12": true, "link12": "" }, "template": "
; padding-top: <%=paddingTop/10 || 0 %>rem; padding-bottom: <%=paddingBottom/10 || 0 %>rem\">\n
\">\n <% if (link1 && imageUrl1) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link1 && imageUrl1) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link2 && imageUrl2) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link2 && imageUrl2) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link3 && imageUrl3) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link3 && imageUrl3) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link4 && imageUrl4) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab4) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link4 && imageUrl4) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link5 && imageUrl5) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab5) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link5 && imageUrl5) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link6 && imageUrl6) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab6) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link6 && imageUrl6) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link7 && imageUrl7) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab7) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link7 && imageUrl7) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link8 && imageUrl8) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab8) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link8 && imageUrl8) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link9 && imageUrl9) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab9) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link9 && imageUrl9) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link10 && imageUrl10) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab10) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link10 && imageUrl10) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link11 && imageUrl11) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab11) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link11 && imageUrl11) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link12 && imageUrl12) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab12) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link12 && imageUrl12) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n
\n
\n" }, "values": { "columnCount": "3", "columnMargin": "8", "paddingTop": 0, "paddingBottom": "80", "useColumnInMobile": false, "backgroundColor": "#010920", "imageUrl1": "https://cdn.day1company.io/prod/uploads/202506/002813-1425/special3-step-1.png", "useNewTab1": true, "link1": "", "imageUrl2": "https://cdn.day1company.io/prod/uploads/202506/002817-1425/special3-step-2.png", "useNewTab2": true, "link2": "", "imageUrl3": "https://cdn.day1company.io/prod/uploads/202506/002821-1425/special3-step-3.png", "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": "" }, "uniqueId": "fc-block-13-ffzxkqfie", "isChecked": false }, { "id": "fc-block-27-rxhv8zf5a", "layout": { "id": "103", "description": "배경이미지가 있는 1단 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextLeft", "type": "checkbox", "description": "use text left" }, { "name": "backgroundColorOpacity", "type": "number", "description": "1~100" }, { "name": "backgroundImageUrl", "type": "image", "description": "1920 x auto" }, { "name": "mobileBackgroundImageUrl", "type": "image", "description": "mobile background image url" }, { "name": "textColor", "type": "text", "description": "font color" }, { "name": "textSize1", "type": "select", "description": "text size1", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text1", "type": "textarea", "description": "text1" }, { "name": "textSize2", "type": "select", "description": "text size2", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2", "type": "textarea", "description": "text2" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextLeft": false, "backgroundColorOpacity": 50, "backgroundImageUrl": "", "mobileBackgroundImageUrl": "", "textColor": "#000000", "textSize1": "fc-h1-text", "text1": "", "textSize2": "fc-content-text", "text2": "" }, "template": "
rem; padding-bottom: <%=paddingBottom/10%>rem;\">\n
\n <% if (text1) { %>\n
\" style=\"<% if(textColor) { %>color: <%= textColor %>;<% } %>; <% if (useTextLeft) { %> text-align: left;<% } %>\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\" style=\"<% if(textColor) { %>color: <%= textColor %>;<% } %>; <% if (useTextLeft) { %> text-align: left;<% } %>\"><%= text2 %>
\n <% } %>\n
\n
background: <%= backgroundColor %>; <% } %>opacity: <%= backgroundColorOpacity/100 %>\">
\n \n \" />\n \" />\n \" alt=\"\" loading=\"lazy\">\n \n
\n" }, "values": { "paddingTop": "80", "paddingBottom": "80", "backgroundColor": "", "useTextLeft": false, "backgroundColorOpacity": "0", "backgroundImageUrl": "https://cdn.day1company.io/prod/uploads/202506/003139-1425/w-bnr-bg-2.png", "mobileBackgroundImageUrl": "https://cdn.day1company.io/prod/uploads/202506/003151-1425/m-bnr-bg-2.png", "textColor": "#fff", "textSize1": "fc-h2-text", "text1": "
Jika kamu merasa kursus ini berbeda dari yang lain, kamu benar!
\n\n", "textSize2": "fc-h6-text", "text2": "Ini bukan sekadar kursus optimasi, melainkan kursus untuk meningkatkan kemampuan frontend secara nyata." }, "uniqueId": "fc-block-14-ovyci9ckm", "isChecked": false }, { "id": "fc-block-30-tehi7gd8p", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "80", "paddingBottom": "60", "backgroundColor": "#010920", "useTextCenter": true, "textSize": "fc-h4-text", "textColor": "#fff", "text": "Inilah alasan mengapa para developer praktisi\n
\nmemilih belajar optimasi di sini, bukan di kursus lain :" }, "uniqueId": "fc-block-15-n661tluu0", "isChecked": false }, { "id": "fc-block-31-fx0ug92gp", "layout": { "id": "202", "description": "1~4단 이미지", "icon": "\n", "params": [ { "name": "columnCount", "type": "number", "description": "maximum 4" }, { "name": "columnMargin", "type": "number", "description": "column margin" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "imageUrl1", "type": "image", "description": "image1 url" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link url" }, { "name": "imageUrl2", "type": "image", "description": "image2 url" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link url" }, { "name": "imageUrl3", "type": "image", "description": "image3 url" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link url" }, { "name": "imageUrl4", "type": "image", "description": "image4 url" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "link4", "type": "text", "description": "link url" }, { "name": "imageUrl5", "type": "image", "description": "image5 url" }, { "name": "useNewTab5", "type": "checkbox", "description": "" }, { "name": "link5", "type": "text", "description": "link url" }, { "name": "imageUrl6", "type": "image", "description": "image6 url" }, { "name": "useNewTab6", "type": "checkbox", "description": "" }, { "name": "link6", "type": "text", "description": "link url" }, { "name": "imageUrl7", "type": "image", "description": "image7 url" }, { "name": "useNewTab7", "type": "checkbox", "description": "" }, { "name": "link7", "type": "text", "description": "link url" }, { "name": "imageUrl8", "type": "image", "description": "image8 url" }, { "name": "useNewTab8", "type": "checkbox", "description": "" }, { "name": "link8", "type": "text", "description": "link url" }, { "name": "imageUrl9", "type": "image", "description": "image9 url" }, { "name": "useNewTab9", "type": "checkbox", "description": "" }, { "name": "link9", "type": "text", "description": "link url" }, { "name": "imageUrl10", "type": "image", "description": "image10 url" }, { "name": "useNewTab10", "type": "checkbox", "description": "" }, { "name": "link10", "type": "text", "description": "link url" }, { "name": "imageUrl11", "type": "image", "description": "image11 url" }, { "name": "useNewTab11", "type": "checkbox", "description": "" }, { "name": "link11", "type": "text", "description": "link url" }, { "name": "imageUrl12", "type": "image", "description": "image12 url" }, { "name": "useNewTab12", "type": "checkbox", "description": "" }, { "name": "link12", "type": "text", "description": "link url" } ], "values": { "columnCount": 1, "columnMargin": 0, "paddingTop": 0, "paddingBottom": 0, "useColumnInMobile": false, "backgroundColor": "#ffffff", "imageUrl1": "", "useNewTab1": true, "link1": "", "imageUrl2": "", "useNewTab2": true, "link2": "", "imageUrl3": "", "useNewTab3": true, "link3": "", "imageUrl4": "", "useNewTab4": true, "link4": "", "imageUrl5": "", "useNewTab5": true, "link5": "", "imageUrl6": "", "useNewTab6": true, "link6": "", "imageUrl7": "", "useNewTab7": true, "link7": "", "imageUrl8": "", "useNewTab8": true, "link8": "", "imageUrl9": "", "useNewTab9": true, "link9": "", "imageUrl10": "", "useNewTab10": true, "link10": "", "imageUrl11": "", "useNewTab11": true, "link11": "", "imageUrl12": "", "useNewTab12": true, "link12": "" }, "template": "
; padding-top: <%=paddingTop/10 || 0 %>rem; padding-bottom: <%=paddingBottom/10 || 0 %>rem\">\n
\">\n <% if (link1 && imageUrl1) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link1 && imageUrl1) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link2 && imageUrl2) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link2 && imageUrl2) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link3 && imageUrl3) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link3 && imageUrl3) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link4 && imageUrl4) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab4) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link4 && imageUrl4) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link5 && imageUrl5) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab5) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link5 && imageUrl5) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link6 && imageUrl6) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab6) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link6 && imageUrl6) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link7 && imageUrl7) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab7) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link7 && imageUrl7) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link8 && imageUrl8) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab8) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link8 && imageUrl8) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link9 && imageUrl9) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab9) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link9 && imageUrl9) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link10 && imageUrl10) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab10) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link10 && imageUrl10) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link11 && imageUrl11) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab11) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link11 && imageUrl11) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link12 && imageUrl12) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab12) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link12 && imageUrl12) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n
\n
\n" }, "values": { "columnCount": "3", "columnMargin": "20", "paddingTop": 0, "paddingBottom": "80", "useColumnInMobile": false, "backgroundColor": "#010920", "imageUrl1": "https://cdn.day1company.io/prod/uploads/202506/003942-1425/sp3-check-1.png", "useNewTab1": true, "link1": "", "imageUrl2": "https://cdn.day1company.io/prod/uploads/202506/003945-1425/sp3-check-2.png", "useNewTab2": true, "link2": "", "imageUrl3": "https://cdn.day1company.io/prod/uploads/202506/003950-1425/sp3-check-3.png", "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": "" }, "uniqueId": "fc-block-16-89qnnhgn3", "isChecked": false }, { "id": "fc-block-38-nppyqkuht", "layout": { "id": "103", "description": "배경이미지가 있는 1단 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextLeft", "type": "checkbox", "description": "use text left" }, { "name": "backgroundColorOpacity", "type": "number", "description": "1~100" }, { "name": "backgroundImageUrl", "type": "image", "description": "1920 x auto" }, { "name": "mobileBackgroundImageUrl", "type": "image", "description": "mobile background image url" }, { "name": "textColor", "type": "text", "description": "font color" }, { "name": "textSize1", "type": "select", "description": "text size1", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text1", "type": "textarea", "description": "text1" }, { "name": "textSize2", "type": "select", "description": "text size2", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2", "type": "textarea", "description": "text2" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextLeft": false, "backgroundColorOpacity": 50, "backgroundImageUrl": "", "mobileBackgroundImageUrl": "", "textColor": "#000000", "textSize1": "fc-h1-text", "text1": "", "textSize2": "fc-content-text", "text2": "" }, "template": "
rem; padding-bottom: <%=paddingBottom/10%>rem;\">\n
\n <% if (text1) { %>\n
\" style=\"<% if(textColor) { %>color: <%= textColor %>;<% } %>; <% if (useTextLeft) { %> text-align: left;<% } %>\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\" style=\"<% if(textColor) { %>color: <%= textColor %>;<% } %>; <% if (useTextLeft) { %> text-align: left;<% } %>\"><%= text2 %>
\n <% } %>\n
\n
background: <%= backgroundColor %>; <% } %>opacity: <%= backgroundColorOpacity/100 %>\">
\n \n \" />\n \" />\n \" alt=\"\" loading=\"lazy\">\n \n
\n" }, "values": { "paddingTop": "20", "paddingBottom": "0", "backgroundColor": "#010920", "useTextLeft": true, "backgroundColorOpacity": "100", "backgroundImageUrl": "", "mobileBackgroundImageUrl": "", "textColor": "#000000", "textSize1": "fc-h1-text", "text1": "Special 4", "textSize2": "fc-content-text", "text2": "" }, "uniqueId": "fc-block-17-vfnhmbb45", "isChecked": false }, { "id": "fc-block-35-2825qezbw", "layout": { "id": "102", "description": "2단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize1", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor1", "type": "text", "description": "text color" }, { "name": "text1", "type": "textarea", "description": "text" }, { "name": "textSize2", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor2", "type": "text", "description": "text color" }, { "name": "text2", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize1": "fc-h1-text", "textColor1": "#000000", "text1": "", "textSize2": "fc-h1-text", "textColor2": "#000000", "text2": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n <% if(text1) { %>\n
\" style=\"<% if(textColor1) { %>color: <%= textColor1 %><% } %>\">\n <%= text1 %>\n
\n <% } %>\n <% if(text2) { %>\n
\" style=\"<% if(textColor2) { %>color: <%= textColor2 %><% } %>\">\n <%= text2 %>\n
\n <% } %>\n
\n
\n
\n" }, "values": { "paddingTop": 10, "paddingBottom": "80", "backgroundColor": "#010920", "useTextCenter": false, "textSize1": "fc-h1-text", "textColor1": "#000000", "text1": "\n\n\n", "textSize2": "fc-h1-text", "textColor2": "#000000", "text2": "\n\n" }, "isChecked": false, "uniqueId": "fc-block-18-bhe9tbv33" }, { "id": "fc-block-52-dfk9b3mnf", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#010920", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202506/020421-1425/m-sp4-intro.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "hidden": true, "uniqueId": "fc-block-19-9dhv35itd", "isChecked": false }, { "id": "fc-block-44-kpxv0hqol", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "32", "paddingBottom": "32", "backgroundColor": "#010920", "useTextCenter": true, "textSize": "fc-h5-text", "textColor": "#010920", "text": "Special 5\n\n" }, "isChecked": false, "uniqueId": "fc-block-47-q0u079q7r" }, { "id": "fc-block-45-0drutp2mf", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "32", "backgroundColor": "#010920", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#fff", "text": "Komunitas Discord khusus siswa,
\ntempat bertanya kapan saja selama proses belajar.\n\n" }, "isChecked": false, "uniqueId": "fc-block-48-5w8agttc4" }, { "id": "fc-block-43-w7pjk9dlr", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "60", "backgroundColor": "#010920", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#CCCED2", "text": "Tenang, kamu nggak belajar sendirian. Kami menyediakan \nkomunitas tanya jawab untuk berbagi pengetahuan dan melakukan diskusi bersama peserta lainnya\n\n" }, "isChecked": false, "uniqueId": "fc-block-49-rb1p0g88h" }, { "id": "fc-block-45-z7ns63pri", "layout": { "id": "104", "description": "배경이미지가 있는 2단 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "backgroundColorOpacity", "type": "number", "description": "1~100" }, { "name": "backgroundImageUrl", "type": "image", "description": "1920 x auto" }, { "name": "mobileBackgroundImageUrl", "type": "image", "description": "mobile background image url" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "textSize1", "type": "select", "description": "text size1", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text1", "type": "textarea", "description": "text1" }, { "name": "textSize2", "type": "select", "description": "text size2", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2", "type": "textarea", "description": "text2" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "backgroundColorOpacity": 50, "backgroundImageUrl": "", "mobileBackgroundImageUrl": "", "textColor": "#000000", "textSize1": "fc-content-text", "text1": "", "textSize2": "fc-content-text", "text2": "" }, "template": "
rem; padding-bottom: <%=paddingBottom/10%>rem;\">\n
\n
\">\n
\">\n <%= text1 %>\n
\n
\">\n <%= text2 %>\n
\n
\n
\n
background: <%= backgroundColor %>; <% } %>opacity: <%= backgroundColorOpacity/100 %>\">
\n \n \" />\n \" />\n \" alt=\"\" loading=\"lazy\">\n \n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "60", "backgroundColor": "#010920", "backgroundColorOpacity": "100", "backgroundImageUrl": "", "mobileBackgroundImageUrl": "https://cdn.day1company.io/prod/uploads/202506/020941-1425/m-sp5-des.png", "textColor": "#000000", "textSize1": "fc-content-text", "text1": "\n\n\n", "textSize2": "fc-content-text", "text2": "\n\n" }, "uniqueId": "fc-block-20-728mustw7", "isChecked": false }, { "id": "fc-block-50-4x50ltfb8", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "40", "backgroundColor": "#10182D" }, "uniqueId": "fc-block-21-b0i08329i", "isChecked": false }, { "id": "fc-block-49-e6n3g72xd", "layout": { "id": "203", "description": "1~4단 이미지와 텍스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "imageUrl1", "type": "image", "description": "230 x 152" }, { "name": "title1", "type": "textarea", "description": "title1 text" }, { "name": "content1", "type": "textarea", "description": "content text" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "buttonLabel1", "type": "text", "description": "버튼에 들어갈 문구를 입력해주세요. 입력내용이 없으면 버튼은 사라집니다." }, { "name": "buttonLink1", "type": "text", "description": "이미지와 버튼에 삽입할 링크를 입력해주세요." }, { "name": "imageUrl2", "type": "image", "description": "230 x 152" }, { "name": "title2", "type": "textarea", "description": "title2 text" }, { "name": "content2", "type": "textarea", "description": "content text" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "buttonLabel2", "type": "text", "description": "버튼에 들어갈 문구를 입력해주세요. 입력내용이 없으면 버튼은 사라집니다." }, { "name": "buttonLink2", "type": "text", "description": "이미지와 버튼에 삽입할 링크를 입력해주세요." }, { "name": "imageUrl3", "type": "image", "description": "230 x 152" }, { "name": "title3", "type": "textarea", "description": "title3 text" }, { "name": "content3", "type": "textarea", "description": "content text" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "buttonLabel3", "type": "text", "description": "버튼에 들어갈 문구를 입력해주세요. 입력내용이 없으면 버튼은 사라집니다." }, { "name": "buttonLink3", "type": "text", "description": "이미지와 버튼에 삽입할 링크를 입력해주세요." }, { "name": "imageUrl4", "type": "image", "description": "230 x 152" }, { "name": "title4", "type": "textarea", "description": "title4 text" }, { "name": "content4", "type": "textarea", "description": "content text" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "buttonLabel4", "type": "text", "description": "버튼에 들어갈 문구를 입력해주세요. 입력내용이 없으면 버튼은 사라집니다." }, { "name": "buttonLink4", "type": "text", "description": "이미지와 버튼에 삽입할 링크를 입력해주세요." } ], "values": { "backgroundColor": "#ffffff", "textColor": "", "buttonColor": "#466eff", "buttonTextColor": "#ffffff", "useTextCenter": false, "useColumnInMobile": false, "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "imageUrl1": "", "title1": "", "content1": "", "useNewTab1": true, "buttonLabel1": "", "buttonLink1": "", "imageUrl2": "", "title2": "", "content2": "", "useNewTab2": true, "buttonLabel2": "", "buttonLink2": "", "imageUrl3": "", "title3": "", "content3": "", "useNewTab3": true, "buttonLabel3": "", "buttonLink3": "", "imageUrl4": "", "title4": "", "content4": "", "useNewTab4": true, "buttonLabel4": "", "buttonLink4": "" }, "template": "
;\">\n
\">\n
\" style=\"color: <%= textColor || '#000000' %>\">\n <% if (imageUrl1 || title1 || content1 || buttonLabel1) { %>\n
\n <% if (imageUrl1 && buttonLink1) { %>\n \" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \" alt=\"\" loading=\"lazy\">\n \n <% } else if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n <% if (title1) { %>\n
\"><%= title1 %>
\n <% } %>\n <% if (content1) { %>\n
\"><%= content1 %>
\n <% } %>\n <% if(buttonLabel1) { %>\n \" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#466eff' %>; color: <%= buttonTextColor || '#ffffff' %>\"><%= buttonLabel1 %>\n <% } %>\n
\n <% } %>\n <% if (imageUrl2 || title2 || content2 || buttonLabel2) { %>\n
\n <% if (imageUrl2 && buttonLink2) { %>\n \" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \" alt=\"\" loading=\"lazy\">\n \n <% } else if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n <% if(title2) { %>\n
\"><%= title2 %>
\n <% } %>\n <% if(content2) { %>\n
\"><%= content2 %>
\n <% } %>\n <% if(buttonLabel2) { %>\n \" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#466eff' %>; color: <%= buttonTextColor || '#ffffff' %>\"><%= buttonLabel2 %>\n <% } %>\n
\n <% } %>\n <% if (imageUrl3 || title3 || content3 || buttonLabel3) { %>\n
\n <% if (imageUrl3 && buttonLink3) { %>\n \" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \" alt=\"\" loading=\"lazy\">\n \n <% } else if (imageUrl3) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n <% if(title3) { %>\n
\"><%= title3 %>
\n <% } %>\n <% if(content3) { %>\n
\"><%= content3 %>
\n <% } %>\n <% if(buttonLabel3) { %>\n \" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#466eff' %>; color: <%= buttonTextColor || '#ffffff' %>\"><%= buttonLabel3 %>\n <% } %>\n
\n <% } %>\n <% if (imageUrl4 || title4 || content4 || buttonLabel4) { %>\n
\n <% if (imageUrl4 && buttonLink4) { %>\n \" <% if(useNewTab4) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \" alt=\"\" loading=\"lazy\">\n \n <% } else if (imageUrl4) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n <% if(title4) { %>\n
\"><%= title4 %>
\n <% } %>\n <% if (content4) { %>\n
\"><%= content4 %>
\n <% } %>\n <% if(buttonLabel4) { %>\n \" <% if(useNewTab4) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#466eff' %>; color: <%= buttonTextColor || '#ffffff' %>\"><%= buttonLabel4 %>\n <% } %>\n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#10182D", "textColor": "#fff", "buttonColor": "#466eff", "buttonTextColor": "#ffffff", "useTextCenter": false, "useColumnInMobile": false, "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "imageUrl1": "", "title1": "\nKami menyediakan materi kursus (PPT) dan kode sumber lengkap sebagai dukungan untuk memastikan pembelajaran proyek berjalan tanpa hambatan.", "content1": "", "useNewTab1": true, "buttonLabel1": "", "buttonLink1": "", "imageUrl2": "https://cdn.day1company.io/prod/uploads/202506/020055-1425/bnr-obj3.png", "title2": "", "content2": "", "useNewTab2": true, "buttonLabel2": "", "buttonLink2": "", "imageUrl3": "", "title3": "", "content3": "", "useNewTab3": true, "buttonLabel3": "", "buttonLink3": "", "imageUrl4": "", "title4": "", "content4": "", "useNewTab4": true, "buttonLabel4": "", "buttonLink4": "" }, "uniqueId": "fc-block-22-uyzax9ogc", "isChecked": false }, { "id": "fc-block-51-5kw1q178e", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "60", "backgroundColor": "#10182D" }, "isChecked": false, "uniqueId": "fc-block-23-w2ekbgpm5" }, { "id": "fc-block-55-gh8k5klau", "layout": { "id": "102", "description": "2단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize1", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor1", "type": "text", "description": "text color" }, { "name": "text1", "type": "textarea", "description": "text" }, { "name": "textSize2", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor2", "type": "text", "description": "text color" }, { "name": "text2", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize1": "fc-h1-text", "textColor1": "#000000", "text1": "", "textSize2": "fc-h1-text", "textColor2": "#000000", "text2": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n <% if(text1) { %>\n
\" style=\"<% if(textColor1) { %>color: <%= textColor1 %><% } %>\">\n <%= text1 %>\n
\n <% } %>\n <% if(text2) { %>\n
\" style=\"<% if(textColor2) { %>color: <%= textColor2 %><% } %>\">\n <%= text2 %>\n
\n <% } %>\n
\n
\n
\n" }, "values": { "paddingTop": "80", "paddingBottom": "40", "backgroundColor": "#010920", "useTextCenter": false, "textSize1": "fc-h5-text", "textColor1": "#fff", "text1": "Question.1\nTingkat Kesulitan & \nTarget Peserta", "textSize2": "fc-h6-text", "textColor2": "#fff", "text2": "Kursus ini dirancang untuk developer frontend tingkat menengah dengan pengalaman 2–3 tahun. Meski demikian, peserta dengan pengalaman sekitar 1 tahun tetap dapat mengikuti kursus ini, selama memiliki pemahaman dasar tentang React dan Next.js." }, "uniqueId": "fc-block-24-0ut9w09i3", "isChecked": false }, { "id": "fc-block-59-814dprlom", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#010920", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202506/021614-1425/line-980.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202506/021644-1425/m-line-980.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-25-0cy3wfvya", "isChecked": false }, { "id": "fc-block-56-xksvnb1jm", "layout": { "id": "102", "description": "2단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize1", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor1", "type": "text", "description": "text color" }, { "name": "text1", "type": "textarea", "description": "text" }, { "name": "textSize2", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor2", "type": "text", "description": "text color" }, { "name": "text2", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize1": "fc-h1-text", "textColor1": "#000000", "text1": "", "textSize2": "fc-h1-text", "textColor2": "#000000", "text2": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n <% if(text1) { %>\n
\" style=\"<% if(textColor1) { %>color: <%= textColor1 %><% } %>\">\n <%= text1 %>\n
\n <% } %>\n <% if(text2) { %>\n
\" style=\"<% if(textColor2) { %>color: <%= textColor2 %><% } %>\">\n <%= text2 %>\n
\n <% } %>\n
\n
\n
\n" }, "values": { "paddingTop": "40", "paddingBottom": "40", "backgroundColor": "#010920", "useTextCenter": false, "textSize1": "fc-h5-text", "textColor1": "#fff", "text1": "Question.2\nSiapa yang cocok \nmengikuti kursus ini?", "textSize2": "fc-h6-text", "textColor2": "#fff", "text2": "Kami merekomendasikan kursus ini untuk developer frontend yang ingin membangun pengalaman pengguna (UX) yang mulus dan menyenangkan.\n

\nKursus ini sangat cocok bagi mereka yang ingin mengembangkan aplikasi web atau layanan dengan performa tinggi di lingkungan kompleks, dan ingin langsung menerapkan fitur nyata menggunakan teknik optimasi yang tepat, bukan hanya teori." }, "uniqueId": "fc-block-26-j2sazwqcj", "isChecked": false }, { "id": "fc-block-58-c3oizb1tz", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#010920", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202506/021614-1425/line-980.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202506/021644-1425/m-line-980.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-27-7csu7et0b", "isChecked": false }, { "id": "fc-block-53-e73tpyjof", "layout": { "id": "102", "description": "2단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize1", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor1", "type": "text", "description": "text color" }, { "name": "text1", "type": "textarea", "description": "text" }, { "name": "textSize2", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor2", "type": "text", "description": "text color" }, { "name": "text2", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize1": "fc-h1-text", "textColor1": "#000000", "text1": "", "textSize2": "fc-h1-text", "textColor2": "#000000", "text2": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n <% if(text1) { %>\n
\" style=\"<% if(textColor1) { %>color: <%= textColor1 %><% } %>\">\n <%= text1 %>\n
\n <% } %>\n <% if(text2) { %>\n
\" style=\"<% if(textColor2) { %>color: <%= textColor2 %><% } %>\">\n <%= text2 %>\n
\n <% } %>\n
\n
\n
\n" }, "values": { "paddingTop": "40", "paddingBottom": "80", "backgroundColor": "#010920", "useTextCenter": false, "textSize1": "fc-h5-text", "textColor1": "#fff", "text1": "Question.3\nSaya sudah beli kursus \n[Paket All-in-One] Frontend Web Development: From Zero to Hero. \nApakah saya perlu mengikuti kursus ini juga?", "textSize2": "fc-h6-text", "textColor2": "#fff", "text2": "Kursus ini tidak berfokus pada pembangunan proyek dari awal hingga akhir. Sebaliknya, kursus ini menyoroti isu performa yang sering muncul dalam layanan nyata.\n

\nKamu akan belajar cara:
\n∙ Menangani loading yang lambat,
\n∙ Mengatasi masalah responsivitas,
\n∙ Mengidentifikasi dan memperbaiki bottleneck performa pada aplikasi kompleks.\n

\nJika kamu sudah menyelesaikan proyek-proyek dasar dan ingin naik level menjadi developer yang mampu menangani performa di lingkungan produksi, maka kami sangat merekomendasikan kursus ini." }, "uniqueId": "fc-block-28-889r6atpj", "isChecked": false }, { "id": "fc-block-1-6v559zh3q", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "80", "paddingBottom": 10, "backgroundColor": "#F2F2F2", "useTextCenter": false, "textSize": "fc-h4-text", "textColor": "#000000", "text": "\nKurikulum Lengkap\n" }, "uniqueId": "fc-block-3-sc9uxipzx", "isChecked": false }, { "id": "fc-block-2-lrpnviazj", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "30", "backgroundColor": "#F2F2F2", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#3c3c3c", "text": "Instruktur kami berasal dari perusahaan IT ternama dan akan membantumu
memahami tren terbaru di dunia kerja terkait optimasi frontend." }, "uniqueId": "fc-block-4-0bicx9utq", "isChecked": false }, { "id": "fc-block-4-rdc8kox86", "layout": { "id": "002", "description": "컴포넌트 라벨", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "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
\n
\" style=\"border: 2px solid <%= labelColor || '#000000' %>; color: <%= labelColor || '#000000' %>\">\n <%= labelText %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "paddingTop": "0", "paddingBottom": "20", "labelText": "Bagian 1. Course Overview", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-4-kh0nqik91", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-vb5zjelh1", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 1. Orientation", "content1": "CH01-01. Introduction to the course and instructor
\t\nCH01-02. Importance of optimization and course content
\t", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "uniqueId": "fc-block-5-7dehmpbcy", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-irkk4zi1t", "layout": { "id": "002", "description": "컴포넌트 라벨", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "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
\n
\" style=\"border: 2px solid <%= labelColor || '#000000' %>; color: <%= labelColor || '#000000' %>\">\n <%= labelText %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "paddingTop": "40", "paddingBottom": "20", "labelText": "Bagian 2. Explore Hotels", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-5-3hnrn99wc", "isChecked": false }, { "id": "fc-block-4-c2g7pfs23", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 1. Overview", "content1": "CH01-01. Features preview & learning objectives
\t", "imageUrl1": "", "title2": "Bab 2. Setup", "content2": "CH02-01. Creating & setting the project
(NVM, Vite, and other packages)
\t\nCH02-02. Setting Git Repository, firebase, and data preparation
\t", "imageUrl2": "" }, "uniqueId": "fc-block-6-cyxdrxu9h", "isChecked": false }, { "id": "fc-block-6-a2pvwp06n", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "20", "backgroundColor": "#F2F2F2" }, "uniqueId": "fc-block-7-qy88enpvz", "isChecked": false }, { "id": "fc-block-3-pdm1hnk9t", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 3. Implementation", "content1": "CH03-01. Implement hotel card 1
\t\nCH03-02. Implement hotel card 2
\t\nCH03-03. Implement hotel infinite scroll 1
\t\nCH03-04. Implement hotel infinite scroll 2
\t\nCH03-05. Implement hotel infinite scroll 3
\t", "imageUrl1": "", "title2": "Bab 4. Optimization", "content2": "CH04-01. Introduction to critial rendering path and core web vitals metrics
\t\nCH04-02. Recalling React's rendering pipeline
\t\nCH04-03. Introduction to web performance assessment tools
\t\nCH04-04. Memoization to prevent unnecessary renders
\t\nCH04-05. Virtualization using React Window
\t", "imageUrl2": "" }, "uniqueId": "fc-block-6-dscqtsm3u", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-8-2c6ute0tm", "layout": { "id": "002", "description": "컴포넌트 라벨", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "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
\n
\" style=\"border: 2px solid <%= labelColor || '#000000' %>; color: <%= labelColor || '#000000' %>\">\n <%= labelText %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "paddingTop": "40", "paddingBottom": "20", "labelText": "Bagian 3. Hotels Search and Filter", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-8-8sqir7eoq", "isChecked": false }, { "id": "fc-block-28-rt1vhtwsw", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 1. Overview", "content1": "CH01-01. Features preview & learning objectives
\t", "imageUrl1": "", "title2": "Bab 2. Setup", "content2": "CH02-01. Data preparation
\t", "imageUrl2": "" }, "uniqueId": "fc-block-9-gdpa6cdyt", "isChecked": false }, { "id": "fc-block-10-pnrzjqymx", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "20", "backgroundColor": "#F2F2F2" }, "uniqueId": "fc-block-10-qe9d0ds23", "isChecked": false }, { "id": "fc-block-30-owxbgzx4t", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 3. Implementation", "content1": "CH03-01. Implement hotel search & filter
\t\nCH03-02. Implement hotel sort
\t", "imageUrl1": "", "title2": "Bab 4. Optimization", "content2": "CH04-01. Efficient state updates
\t\nCH04-02. Throttling and debouncing requests
\t\nCH04-03. Concurrent rendering
\t\nCH04-04. Data fetching optimization using React Query
\t", "imageUrl2": "" }, "uniqueId": "fc-block-11-xt5mlnsi9", "isChecked": false }, { "id": "fc-block-27-jvz59br2z", "layout": { "id": "002", "description": "컴포넌트 라벨", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "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
\n
\" style=\"border: 2px solid <%= labelColor || '#000000' %>; color: <%= labelColor || '#000000' %>\">\n <%= labelText %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "paddingTop": "40", "paddingBottom": "20", "labelText": "Bagian 4. Hotels Detail Information", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-12-uzty5tke0", "isChecked": false }, { "id": "fc-block-7-kwd80oqfu", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 1. Overview", "content1": "CH01-01. Features preview & learning objectives
\t", "imageUrl1": "", "title2": "Bab 2. Setup", "content2": "CH02-01. Data preparation
\t", "imageUrl2": "" }, "uniqueId": "fc-block-13-4idh5n095", "isChecked": false }, { "id": "fc-block-29-h1ksitg3l", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "20", "backgroundColor": "#F2F2F2" }, "uniqueId": "fc-block-14-s1kld6oe1", "isChecked": false }, { "id": "fc-block-9-je9jonkc4", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 3. Implementation", "content1": "CH03-01. Implement gallery
\t\nCH03-02. Implement detail information
\t\nCH03-03. Implement review
\t\nCH03-04. Implement Google Maps
\t", "imageUrl1": "", "title2": "Bab 4. Optimization", "content2": "CH04-01. Code splitting
\t\nCH04-02. Image optimization
\t\nCH04-03. Component lazy loading
\t", "imageUrl2": "" }, "uniqueId": "fc-block-15-h2aiuoc3n", "isChecked": false }, { "id": "fc-block-12-zi0l4gyux", "layout": { "id": "002", "description": "컴포넌트 라벨", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "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
\n
\" style=\"border: 2px solid <%= labelColor || '#000000' %>; color: <%= labelColor || '#000000' %>\">\n <%= labelText %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "paddingTop": "40", "paddingBottom": "20", "labelText": "Bagian 5. Migration to NextJS", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-16-kzzh2uoy5", "isChecked": false }, { "id": "fc-block-13-c5wl320f5", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 1. Overview", "content1": "CH01-01. Recalling SSR, CSR, and SSG
\t\nCH01-02. Benefits of using NextJS
\t\nCH01-03. Setting the project
\t", "imageUrl1": "", "title2": "Bab 2. Setup", "content2": "CH02-01. Migrate explore hotels to NextJS
\t", "imageUrl2": "" }, "uniqueId": "fc-block-17-fgorttlc8", "isChecked": false }, { "id": "fc-block-14-x4g534jas", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "20", "backgroundColor": "#F2F2F2" }, "uniqueId": "fc-block-18-dri70i891", "isChecked": false }, { "id": "fc-block-52-e2bwauqov", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 3. Implementation", "content1": "CH03-01. Migrate explore hotels to NextJS
\t\nCH03-02. Migrate hotels detail to NextJS
\t", "imageUrl1": "", "title2": "Bab 4. Optimization", "content2": "CH04-01. Fonts & scripts optimization
\t\nCH04-02. Prefetch page using Link
\t\nCH04-03. Image optimization
\t\nCH04-04. Video optimization
\t", "imageUrl2": "" }, "uniqueId": "fc-block-16-6n0mcasxu", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-16-4x3cpl9gs", "layout": { "id": "002", "description": "컴포넌트 라벨", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "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
\n
\" style=\"border: 2px solid <%= labelColor || '#000000' %>; color: <%= labelColor || '#000000' %>\">\n <%= labelText %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "paddingTop": "40", "paddingBottom": "20", "labelText": "Bagian 6. Authentication, Booking, and Profile", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-19-vbwnnplg2", "isChecked": false }, { "id": "fc-block-17-ik8k1rv7o", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 1. Overview", "content1": "CH01-01. Features preview & learning objectives
\t", "imageUrl1": "", "title2": "Bab 2. Setup", "content2": "CH02-01. Setting firebase authentication
\t", "imageUrl2": "" }, "uniqueId": "fc-block-20-1geojpwiz", "isChecked": false }, { "id": "fc-block-18-i8bt75rgf", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "20", "backgroundColor": "#F2F2F2" }, "uniqueId": "fc-block-21-oqw9cej4m", "isChecked": false }, { "id": "fc-block-19-lc6cdr7k1", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 3. Implementation", "content1": "CH03-01. Implement login & register page
\t\nCH03-02. Implement booking hotel
\t\nCH03-03. Implement profile
\t", "imageUrl1": "", "title2": "Bab 4. Optimization ", "content2": "CH04-01. Implement React Hook Form for better error handling UX
\t\nCH04-02. Optimize SEO using head and metadata feature
", "imageUrl2": "" }, "uniqueId": "fc-block-22-3s4x56zw2", "isChecked": false }, { "id": "fc-block-25-lwb28qyqh", "layout": { "id": "002", "description": "컴포넌트 라벨", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "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
\n
\" style=\"border: 2px solid <%= labelColor || '#000000' %>; color: <%= labelColor || '#000000' %>\">\n <%= labelText %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "paddingTop": "40", "paddingBottom": "20", "labelText": "Bagian 7. Articles", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-23-eka2x3oug", "isChecked": false }, { "id": "fc-block-15-yr1ucsukk", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 1. Overview", "content1": "CH01-01. Features preview & learning objectives
\t", "imageUrl1": "", "title2": "Bab 2. Setup", "content2": "CH02-01. Data preparation
\t", "imageUrl2": "" }, "uniqueId": "fc-block-24-6xjwmz0dv", "isChecked": false }, { "id": "fc-block-23-xox4uwd6s", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "20", "backgroundColor": "#F2F2F2" }, "uniqueId": "fc-block-25-un81q3oab", "isChecked": false }, { "id": "fc-block-24-pmt8sy0cj", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 3. Implementation", "content1": "CH03-01. Implement articles page
\t", "imageUrl1": "", "title2": "Bab 4. Optimization ", "content2": "CH04-01. Utilize SSG in NextJS for static component
\t", "imageUrl2": "" }, "uniqueId": "fc-block-26-zlbtdckrp", "isChecked": false }, { "id": "fc-block-5-m1ya7aajg", "layout": { "id": "002", "description": "컴포넌트 라벨", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "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
\n
\" style=\"border: 2px solid <%= labelColor || '#000000' %>; color: <%= labelColor || '#000000' %>\">\n <%= labelText %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "paddingTop": "40", "paddingBottom": "20", "labelText": "Bagian 8. Production Level", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-27-sio63mo1o", "isChecked": false }, { "id": "fc-block-26-fgvbuclo5", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 1. Overview", "content1": "CH01-01. Features preview & learning objectives
\t", "imageUrl1": "", "title2": "Bab 2. Deployment", "content2": "CH02-01. Setup & deploy to Vercel
\nCH02-02. Vercel logging
\nCH02-03. Vercel insights
", "imageUrl2": "" }, "uniqueId": "fc-block-28-keaxa67nb", "isChecked": false }, { "id": "fc-block-20-ua6ji0pc4", "layout": { "id": "002", "description": "컴포넌트 라벨", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "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
\n
\" style=\"border: 2px solid <%= labelColor || '#000000' %>; color: <%= labelColor || '#000000' %>\">\n <%= labelText %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "paddingTop": "40", "paddingBottom": "20", "labelText": "Bagian 9. Finalizing the Course", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-30-49j4zjfm3", "isChecked": false }, { "id": "fc-block-22-unrto4out", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 1. Finalization", "content1": "CH01-01. Recap
\t", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "uniqueId": "fc-block-31-zuipc3c7n", "isChecked": false }, { "id": "fc-block-1-8kpie9b09", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "80", "backgroundColor": "#f2f2f2f2" }, "uniqueId": "fc-block-5-1jhkzly47", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-ougq4gl3d", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "60", "backgroundColor": "#fff" }, "uniqueId": "fc-block-6-tbrqibmf6", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-aqupmrssg", "layout": { "id": "401", "description": "아이콘 세로형 카드 (1~4단)", "icon": "\n", "params": [ { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "imageUrl1", "type": "image", "description": "90 x 90" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl2", "type": "image", "description": "90 x 90" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl3", "type": "image", "description": "90 x 90" }, { "name": "title3", "type": "text", "description": "title3" }, { "name": "content3", "type": "textarea", "description": "content3" }, { "name": "imageUrl4", "type": "image", "description": "90 x 90" }, { "name": "title4", "type": "text", "description": "title4" }, { "name": "content4", "type": "textarea", "description": "content4" } ], "values": { "useTextCenter": false, "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "", "title2": "", "content2": "", "imageUrl3": "", "title3": "", "content3": "", "imageUrl4": "", "title4": "", "content4": "" }, "template": "
\n
\n
fc-text-align-center<% } %>\">\n <% if (imageUrl1 || title1 || content1) { %>\n
\n
\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\"><%= title1 %>
\n
\"><%= content1 %>
\n
\n
\n <% } %>\n <% if (imageUrl2 || title2 || content2) { %>\n
\n
\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\"><%= title2 %>
\n
\"><%= content2 %>
\n
\n
\n <% } %>\n <% if (imageUrl3 || title3 || content3) { %>\n
\n
\n <% if (imageUrl3) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\"><%= title3 %>
\n
\"><%= content3 %>
\n
\n
\n <% } %>\n <% if (imageUrl4 || title4 || content4) { %>\n
\n
\n <% if (imageUrl4) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\"><%= title4 %>
\n
\"><%= content4 %>
\n
\n
\n <% } %>\n
\n
\n
\n" }, "values": { "useTextCenter": true, "titleSize": "fc-h6-text", "contentSize": "fc-content-text", "imageUrl1": "https://cdn.day1company.io/prod/uploads/202309/123015-199/group-1321315526.png", "title1": "Kursusnya sudah bisa dipesan melalui pre-order", "content1": "\nVideo akan dirilis menjadi 3 bagian, dengan jadwal\n
\n\n\n(Sekali bayar akses semua video, sepuasnya)\n

\n\n\n\n

\n\nPertama 9 Juni, 2025 (Senin) \n
\n\nKedua 30 Juni, 2025 (Senin) \n
\n\nKetiga 14 Juli, 2025 (Senin) ", "imageUrl2": "", "title2": "", "content2": "", "imageUrl3": "", "title3": "", "content3": "", "imageUrl4": "", "title4": "", "content4": "" }, "uniqueId": "fc-block-1-3z3571f3q", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-68-nsd46m6um", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "60", "backgroundColor": "#fff" }, "uniqueId": "fc-block-61-omirh24uj", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-9caqhvvs9", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#1B52B7", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202410/165558-1395/웹---상세페이지-배너.webp", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202410/165615-1395/모바일---상세페이지-배너.webp", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "https://forms.gle/c5rroDMAPEujmH9f8" }, "uniqueId": "fc-block-1-e2qh48vqw", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-1-aeq84bkmn", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "60", "paddingBottom": "30", "backgroundColor": "#000000", "useTextCenter": false, "textSize": "fc-h4-text", "textColor": "#ffffff", "text": "\nKursus tingkat kepuasan \n\n\n *dari 10\n
\nIni adalah ulasan asli dari para peserta kursus.\n" }, "uniqueId": "fc-block-1-8d5czxxhh", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-6bfls8oy6", "layout": { "id": "212", "description": "자동재생 캐러셀 (인피니티루프, 셔플)", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "autoPlay", "type": "checkbox", "description": "default - on", "options": [ "3", "2" ] }, { "name": "shuffleOption", "type": "checkbox", "description": "컨텐츠의 순서를 셔플해서 보여주는 기능입니다.", "options": [ "3", "2" ] }, { "name": "autoPlayDelay", "type": "number", "description": "숫자를 입력하여 자동 재생되는 타이밍을 조절할 수 있습니다.
단위는 ms(밀리세컨드)로 조절됩니다.
1초 = 1000ms" }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) content1(14px)", "options": [ "text--h5", "text--h6", "text--content1" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) content1(14px)", "options": [ "text--h5", "text--h6", "text--content1" ] }, { "name": "cards", "type": "list", "description": "카드는 반드시 규칙을 맞춰서 작성해주세요.
- 2단 설정 : 3개 이상 작성할 것
- 3단 설정 : 4개 이상 작성할 것", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "파일 업로드" }, { "name": "text1", "type": "text", "description": "자유 입력" }, { "name": "text2", "type": "text", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "autoPlay": true, "shuffleOption": false, "autoPlayDelay": 2500, "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "text--h5", "text2Size": "text--h6", "cards": [ { "imageUrl": "", "text1": "", "text2": "", "link": "" }, { "imageUrl": "", "text1": "", "text2": "", "link": "" }, { "imageUrl": "", "text1": "", "text2": "", "link": "" } ] }, "template": "rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>;\n \"\n>\n
\">\n
\n
\n \"\n data-column-count=\"<%= columnCount %>\"\n data-shuffle=\"<%= shuffleOption %>\"\n data-autoplay=\"<%= autoPlay %>\"\n data-delay=\"<%= autoPlayDelay %>\"\n >\n <% cards.forEach(({ imageUrl, text1, text2, link }) => { %>\n
\n <% if (link) { %> \"> <% } %> \n
\">\n <% if (imageUrl) { %>\n \" alt=\"\" loading=\"lazy\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %> <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n <% if (link) { %> <% } %> \n
\n <% }); %>\n \n
\n
\n
\n\n" }, "values": { "paddingTop": "0", "paddingBottom": "100", "columnCount": "2", "autoPlay": true, "shuffleOption": false, "autoPlayDelay": "2000", "backgroundColor": "#000000", "colorTheme": "theme-dark-mono", "text1Size": "text--h5", "text2Size": "text--h6", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/153024-199/review-1.webp", "text1": "", "text2": "", "link": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/153028-199/review-2.webp", "text1": "", "text2": "", "link": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/153031-199/review-3.webp", "text1": "", "text2": "", "link": "" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/153036-199/review-4.webp", "text1": "", "text2": "" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/153047-199/review-5.webp", "text1": "", "text2": "" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/153052-199/review-6.webp", "text1": "", "text2": "" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/153057-199/review-7.webp", "text1": "", "text2": "" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/153102-199/review-8.webp", "text1": "", "text2": "" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/153107-199/review-9.webp", "text1": "", "text2": "" } ] }, "uniqueId": "fc-block-2-5c23kleqc", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-qzm0iisjh", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#191919", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202403/125606-472/introduction---trust.webp", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202403/131455-472/introduction---trust-mob-1.webp", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-1-5drnvtrkl", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-35-3szxympov", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "60", "backgroundColor": "#000000" }, "uniqueId": "fc-block-62-tf4u346pk", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-67-96yht6zsz", "layout": { "id": "502", "description": "1단 아코디언 리스트 (FAQ 전용)", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapseAll", "type": "checkbox", "description": "" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "title1", "type": "text", "description": "title1 text" }, { "name": "content1", "type": "textarea", "description": "content1 text" }, { "name": "title2", "type": "text", "description": "title2 text" }, { "name": "content2", "type": "textarea", "description": "content2 text" }, { "name": "title3", "type": "text", "description": "title3 text" }, { "name": "content3", "type": "textarea", "description": "content3 text" }, { "name": "title4", "type": "text", "description": "title4 text" }, { "name": "content4", "type": "textarea", "description": "content4 text" }, { "name": "title5", "type": "text", "description": "title5 text" }, { "name": "content5", "type": "textarea", "description": "content5 text" }, { "name": "title6", "type": "text", "description": "title6 text" }, { "name": "content6", "type": "textarea", "description": "content6 text" }, { "name": "title7", "type": "text", "description": "title7 text" }, { "name": "content7", "type": "textarea", "description": "content7 text" }, { "name": "title8", "type": "text", "description": "title8 text" }, { "name": "content8", "type": "textarea", "description": "content8 text" }, { "name": "title9", "type": "text", "description": "title9 text" }, { "name": "content9", "type": "textarea", "description": "content9 text" }, { "name": "title10", "type": "text", "description": "title10 text" }, { "name": "content10", "type": "textarea", "description": "content10 text" }, { "name": "title11", "type": "text", "description": "title11 text" }, { "name": "content11", "type": "textarea", "description": "content11 text" }, { "name": "title12", "type": "text", "description": "title12 text" }, { "name": "content12", "type": "textarea", "description": "content12 text" }, { "name": "title13", "type": "text", "description": "title13 text" }, { "name": "content13", "type": "textarea", "description": "content13 text" }, { "name": "title14", "type": "text", "description": "title14 text" }, { "name": "content14", "type": "textarea", "description": "content14 text" }, { "name": "title15", "type": "text", "description": "title15 text" }, { "name": "content15", "type": "textarea", "description": "content15 text" }, { "name": "title16", "type": "text", "description": "title16 text" }, { "name": "content16", "type": "textarea", "description": "content16 text" }, { "name": "title17", "type": "text", "description": "title17 text" }, { "name": "content17", "type": "textarea", "description": "content17 text" }, { "name": "title18", "type": "text", "description": "title18 text" }, { "name": "content18", "type": "textarea", "description": "content18 text" }, { "name": "contentLinkTitle", "type": "text", "description": "content link title" }, { "name": "contentLink", "type": "url", "description": "content link" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "contentLinkDescription", "type": "text", "description": "content link description" } ], "values": { "backgroundColor": "", "collapseAll": false, "textSize": "fc-h6-text", "title1": "", "content1": "", "title2": "", "content2": "", "title3": "", "content3": "", "title4": "", "content4": "", "title5": "", "content5": "", "title6": "", "content6": "", "title7": "", "content7": "", "title8": "", "content8": "", "title9": "", "content9": "", "title10": "", "content10": "", "title11": "", "content11": "", "title12": "", "content12": "", "title13": "", "content13": "", "title14": "", "content14": "", "title15": "", "content15": "", "title16": "", "content16": "", "title17": "", "content17": "", "title18": "", "content18": "", "contentLinkTitle": "1:1 문의하기", "contentLinkDescription": "해당 사항이 없다면 1:1 문의 게시판을 이용해주세요", "useNewTab": true, "contentLink": "https://fastcampus.co.kr" }, "template": "
background-color: <%= backgroundColor %><% } %>\">\n
\n
\n
\n <% if (title1 || content1) { %>\n
\n \">\n >\n \n <%= title1 %>\n \n \"><%= content1 %>\n \n
\n <% } %>\n <% if (title2 || content2) { %>\n
\n \">\n >\n \n <%= title2 %>\n \n \"><%= content2 %>\n \n
\n <% } %>\n <% if (title3 || content3) { %>\n
\n \">\n >\n \n <%= title3 %>\n \n \"><%= content3 %>\n \n
\n <% } %>\n <% if (title4 || content4) { %>\n
\n \">\n >\n \n <%= title4 %>\n \n \"><%= content4 %>\n \n
\n <% } %>\n <% if (title5 || content5) { %>\n
\n \">\n >\n \n <%= title5 %>\n \n \"><%= content5 %>\n \n
\n <% } %>\n <% if (title6 || content6) { %>\n
\n \">\n >\n \n <%= title6 %>\n \n \"><%= content6 %>\n \n
\n <% } %>\n <% if (title7 || content7) { %>\n
\n \">\n >\n \n <%= title7 %>\n \n \"><%= content7 %>\n \n
\n <% } %>\n <% if (title8 || content8) { %>\n
\n \">\n >\n \n <%= title8 %>\n \n \"><%= content8 %>\n \n
\n <% } %>\n <% if (title9 || content9) { %>\n
\n \">\n >\n \n <%= title9 %>\n \n \"><%= content9 %>\n \n
\n <% } %>\n <% if (title10 || content10) { %>\n
\n \">\n >\n \n <%= title10 %>\n \n \"><%= content10 %>\n \n
\n <% } %>\n <% if (title11 || content11) { %>\n
\n \">\n >\n \n <%= title11 %>\n \n \"><%= content11 %>\n \n
\n <% } %>\n <% if (title12 || content12) { %>\n
\n \">\n >\n \n <%= title12 %>\n \n \"><%= content12 %>\n \n
\n <% } %>\n <% if (title13 || content13) { %>\n
\n \">\n >\n \n <%= title13 %>\n \n \"><%= content13 %>\n \n
\n <% } %>\n <% if (title14 || content14) { %>\n
\n \">\n >\n \n <%= title14 %>\n \n \"><%= content14 %>\n \n
\n <% } %>\n <% if (title15 || content15) { %>\n
\n \">\n >\n \n <%= title15 %>\n \n \"><%= content15 %>\n \n
\n <% } %>\n <% if (title16 || content16) { %>\n
\n \">\n >\n \n <%= title16 %>\n \n \"><%= content16 %>\n \n
\n <% } %>\n <% if (title17 || content17) { %>\n
\n \">\n >\n \n <%= title17 %>\n \n \"><%= content17 %>\n \n
\n <% } %>\n <% if (title18 || content18) { %>\n
\n \">\n >\n \n <%= title18 %>\n \n \"><%= content18 %>\n \n
\n <% } %>\n
\n
\n <% if (contentLinkTitle || contentLinkDescription) { %>\n
\n
<%=contentLinkDescription%>
\n <% if (contentLink && contentLinkTitle) { %>\n
\n \" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>> <%= contentLinkTitle %> \n
\n <% } %>\n
\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#000000", "collapseAll": true, "textSize": "fc-content-text", "title1": " Penting untuk Diketahui", "content1": "\n\n- Informasi di halaman ini dapat berubah sewaktu-waktu tanpa pemberitahuan sebelumnya.
\n- Kurikulum dapat ditambah, dikurangi, atau dimodifikasi selama proses pengembangan.
\n- Promosi diskon dapat berakhir lebih awal atau diperpanjang tanpa pemberitahuan sebelumnya, tergantung pada situasinya.
\n- Kursus ini menggunakan Mac sebagai platform utama, namun tetap dapat diakses oleh pengguna Windows.
\n- Dalam keadaan force majeure, seperti bencana alam atau penutupan usaha, layanan kami mungkin terpaksa dihentikan.
\n- Kami akan menyediakan spesifikasi perangkat keras dari pengajar dan rekomendasi spesifikasi sebagai referensi dalam mengikuti kursus.
\n", "title2": "", "content2": "", "title3": "", "content3": "", "title4": "Kebijakan Pengembalian Dana", "content4": "\n- Ingin tahu lebih lanjut tentang kebijakan pengembalian dana kami? Pelajari di link berikut ►\n", "title5": "Hak Cipta", "content5": "\n- Fast Campus melarang keras semua tindakan pelanggaran hak cipta, termasuk distribusi dan pengolahan yang tidak sah, berbagi melalui tangkapan layar atau perekaman, dan penjualan materi kursus yang tidak sah. Jika penggunaan yang tidak sah terdeteksi, Anda dapat dikenakan sanksi hukum berdasarkan undang-undang hak cipta.\n", "title6": "", "content6": "", "title7": "", "content7": "", "title8": "", "content8": "", "title9": "", "content9": "", "title10": "", "content10": "", "title11": "", "content11": "", "title12": "", "content12": "", "title13": "", "content13": "", "title14": "", "content14": "", "title15": "", "content15": "", "title16": "", "content16": "", "title17": "", "content17": "", "title18": "", "content18": "", "contentLinkTitle": "", "contentLinkDescription": "", "useNewTab": false, "contentLink": "" }, "uniqueId": "fc-block-63-jlrk893fx", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-4-s6l3w5x2x", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "80", "backgroundColor": "#000000" }, "uniqueId": "fc-block-1-9qctu43ww", "isChecked": false, "hasSyntaxErrorTags": false } ]

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

COUPON

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title4 %>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title4 %>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Optimalisasi performa React hingga migrasi ke Next.js bisa diselesaikan dalam satu kali pertemuan.

Informasi detail kelas

Optimalisasi performa React hingga migrasi ke Next.js bisa diselesaikan dalam satu kali pertemuan Details

Optimalisasi performa React hingga migrasi ke Next.js   bisa diselesaikan dalam satu kali pertemuan Details