[ { "id": "fc-block-21-sq11ic57x", "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": "#000", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202406/190338-1395/2-main.webp", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202406/190500-1395/2-main.webp", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-1-pfoe5ssh2", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-20-ylgt5m8aj", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "

\">\n

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

\">\n

\n" }, "values": { "backgroundColor": "#000", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/162730-347/2-main-인니.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202405/162733-347/인니-m.png", "imageWidth": "500", "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-3-gqhdjn10j", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-dchbk9hnv", "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": "50", "paddingBottom": "50", "backgroundColor": "#000000", "useTextCenter": true, "textSize": "fc-h1-text", "textColor": "#ffffff", "text": "\nTermasuk praktik proyek\nJaminan harga termurah untuk kursus\n\n
\n\n\n\n\n8 September 00:00\n\n\n\n\n" }, "uniqueId": "fc-block-1-x3mbsq7q6", "isChecked": false, "hidden": true }, { "id": "fc-block-22-69qaz3btb", "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": "⚠ Hingga kenaikan harga tersisa waktu ⚠", "targetTime": "2025-09-07T23:59", "backgroundColor": "#FF0000", "textColor": "white" }, "uniqueId": "fc-block-4-zb7g6wyl8", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-lesx4udg8", "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": "2025-09-01T04:57", "endDate": "2025-09-07T12:59", "paddingTop": "20", "paddingBottom": "20", "colorTheme": "dark", "couponColor": "#121212", "couponTextColor": "#ffffff", "title": "Kesempatan Terakhir Sebelum Harganya Naik 8 September", "content": " ", "buttonText": "Download", "buttonTextColor": "#ffffff", "buttonBgColor": "#ED234B", "showRemainingCoupons": false, "coupons": [ { "couponTemplateCode": "CL244MXDSMHFC" } ] }, "uniqueId": "fc-block-1-n6okm4zr2", "isChecked": false, "hidden": true }, { "id": "fc-block-23-f8ugskwwa", "layout": { "id": "803", "description": "앵커탭바", "icon": "\n", "params": [ { "name": "paddingTop", "label": "안쪽 여백: 위", "type": "number", "description": "· 앵커탭바 상단 여백 공간
· PC, Mobile 고려하여 높이값 설정" }, { "name": "paddingBottom", "label": "안쪽 여백: 아래", "type": "number", "description": "· 앵커탭바 하단 여백 공간
· PC, Mobile 고려하여 높이값 설정" }, { "name": "colorTheme", "label": "색상 테마", "type": "select", "description": "앵커탭바 색상 테마 선택
1. theme-light-mono: 흰색 배경에 검정색 텍스트
2. theme-dark-mono: 검은 배경에 흰색 텍스트
3. theme-light-red: 흰색 배경에 FC 레드 텍스트
4. theme-dark-red: 검은 배경에 FC 레드 텍스트
5. theme-light-free: 흰색 배경에 원하는 글자색 지정
6. theme-dark-free: 검은 배경에 원하는 글자색 지정
· 테마 고정형 (1~4번 선택시, pointColor 지정 불가)
· 테마 자유형 (5~6번 선택시, pointColor 지정 가능)", "options": [ "theme-light-mono", "theme-dark-mono", "theme-light-red", "theme-dark-red", "theme-light-free", "theme-dark-free" ] }, { "name": "pointColor", "type": "text", "description": "· 테마 자유형 선택시, pointColor 입력 (입력하지 않는 경우 #000 흰색으로 보여짐)
· 테마 고정형에서는 작동하지 않음" }, { "name": "enableMobileScroll", "type": "checkbox", "description": "모바일에서 앵커탭바 가로스크롤 필요한 경우 체크
체크O: 모바일에서 앵커 메뉴 길이가 화면 사이즈보다 넘칠 경우 스크롤 됨.
체크X: 모바일에서 화면 가로 너비에 맞게 고루 배치됩니다.
모바일 미리보기 페이지에서 체크여부 미리 체크 권장.
" }, { "name": "tabs", "label": "탭 메뉴", "type": "list", "description": "<메뉴 탭>
콘텐츠 추가/제거를 통해 메뉴 구성", "maxLength": 20, "params": [ { "name": "label", "label": "탭 제목", "type": "text", "description": "<메뉴명(레이블)>
키보드 spacing 사용시 단어 단위로 줄바꿈 될 수 있음
미리보기 페이지에서 확인 필요" }, { "name": "id", "label": "연결될 탭 id", "type": "text", "description": "· 메뉴 클릭시 이동할 위치 지정
· 자유입력 가능하며, 804 레이어에 지정할 id와 동일한 텍스트 입력
· 사용자가 메뉴를 클릭시, 해당 레이어 위치로 화면이 스크롤 됨
" } ] } ], "values": { "paddingTop": 20, "paddingBottom": 20, "colorTheme": "theme-light-mono", "enableMobileScroll": false, "pointColor": "", "tabs": [ { "label": "", "id": "" } ] }, "template": "

\" style=\"--stroke-color: <%= pointColor %>\">\n

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

\n" }, "values": { "paddingTop": 20, "paddingBottom": 20, "colorTheme": "theme-dark-mono", "enableMobileScroll": false, "pointColor": "", "tabs": [ { "label": "Ringkasan Kurikulum", "id": "ringkasan" }, { "label": "Pengajar", "id": "pengajar" }, { "label": "Proyek Utama", "id": "proyek" }, { "label": "Keuntungan Kursus", "id": "keuntungan" }, { "label": "Bonus", "id": "bonus" } ] }, "uniqueId": "fc-block-1-s9vdmlbrp", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-8-zktasmn3d", "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": "80", "paddingBottom": "0", "backgroundColor": "#071B48", "useTextCenter": false, "textSize": "fc-h6-text", "textColor": "#071B48", "text": "\nOverview Kursus\n" }, "uniqueId": "fc-block-1-tq9ljk3ih", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-4-venmsg2w4", "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": 10, "backgroundColor": "#071B48", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#fff", "text": "\nSatu-satunya paket fullstack Laravel +Vue JS terlengkap di Indonesia.\n" }, "uniqueId": "fc-block-2-97b302pd6", "isChecked": false, "hasSyntaxErrorTags": 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": "0", "paddingBottom": "40", "backgroundColor": "#071B48", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#fff", "text": "· Belajar Laravel dari basic sampai advanced (Plus PHP & MySQL)
\n· Praktik buat website ecommerce dengan Laravel & Vue JS
\n· Bonus miniproject buat website company profile dengan Laravel + React JS\n" }, "uniqueId": "fc-block-19-746vxp5th", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-xme1w912m", "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": "#071B48", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202410/110532-1390/group-1410118841--1-.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202410/110538-1390/group-1410118730.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-3-uhkc77nar", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-7-c5gyk12gy", "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": "#071B48" }, "uniqueId": "fc-block-2-gvnnlx8m1", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-23-ytq4o25l3", "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": "80", "paddingBottom": "40", "backgroundColor": "#191919", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#071B48", "text": "\nTarget Peserta\n" }, "uniqueId": "fc-block-17-2fg3u89e5", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-bqjjxgj2r", "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": "#191919", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/103708-1423/02.webp", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-4-b8j8vxtk5", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-7-6e1eiwqbd", "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": "#191919" }, "uniqueId": "fc-block-5-424caq6pg", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-6-c7kz4l80o", "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": "#25272C", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/103833-1423/02-2.webp", "mobileImageUrl": "", "imageWidth": "980", "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-1-w57ew9f2a", "isChecked": false, "hasSyntaxErrorTags": 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": "40", "paddingBottom": 10, "backgroundColor": "#25272C", "useTextCenter": true, "textSize": "fc-h5-text", "textColor": "#fff", "text": "\nKursus ini direkomendasikan untuk Anda yang ingin belajar...\n" }, "uniqueId": "fc-block-18-egbwcmnjr", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-0uu1b20td", "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 <% if (imageUrl) { %>\n \" alt=\"\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n

\n" }, "values": { "paddingTop": 40, "paddingBottom": "0", "columnCount": "3", "backgroundColor": "#25272C", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/140810-1423/03-1.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/140813-1423/03-2.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/140815-1423/03-3.webp", "text1": "", "text2": "" } ] }, "uniqueId": "fc-block-1-9bv444u59", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-6-5i5b63tod", "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": "#25272C" }, "uniqueId": "fc-block-7-lwsqtdjbv", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-11-llqx6tc6r", "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": "80", "paddingBottom": "0", "backgroundColor": "#001856", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#071B48", "text": "\n10+ Tech Stack\n" }, "uniqueId": "fc-block-8-v7gw5xgtz", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-12-58rh648r4", "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": "0", "backgroundColor": "#001856", "useTextCenter": true, "textSize": "fc-h5-text", "textColor": "#fff", "text": "Pelajari lebih dari 10 technology stack utama untuk
\njadi fullstack developer hebat, dari PHP, Laravel, sampai Vue JS!" }, "uniqueId": "fc-block-9-r9q3pz4j1", "isChecked": false, "hasSyntaxErrorTags": true }, { "id": "fc-block-10-ijald3rgx", "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": "#001856", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/104239-1423/04.webp", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-10-fdu0fy4rc", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-25-w35s0umon", "layout": { "id": "804", "description": "앵커탭영역", "icon": "\n", "params": [ { "name": "id", "label": "id", "type": "text", "description": "연결 될 탭 영역에 대한 id 값" } ], "values": { "id": "" }, "template": "
\">
\n" }, "values": { "id": "ringkasan" }, "uniqueId": "fc-block-2-r4gq6nbts", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-39-d80tl0vim", "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": "0", "backgroundColor": "#ffffff", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#071B48", "text": "\nRingkasan Kurikulum\n" }, "uniqueId": "fc-block-11-tnxtjazf4", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-tkrliivc2", "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": "40", "backgroundColor": "#ffffff", "useTextCenter": true, "textSize": "fc-h5-text", "textColor": "#000", "text": "Kuasai fullstack development menggunakan Laravel, Vue JS,
\ndan tech stack pendukung lainnya dalam 50+ Jam!" }, "uniqueId": "fc-block-12-i7gnk2hzh", "isChecked": false, "hasSyntaxErrorTags": true }, { "id": "fc-block-13-46kutygt5", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/104946-1423/05.webp", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202408/115137-1423/05-m.webp", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-13-vr4goc670", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-16-888m9rwyl", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 20, "params": [ { "name": "imageUrl", "type": "image", "description": "파일 업로드" }, { "name": "text1", "type": "text", "description": "자유 입력" }, { "name": "text2", "type": "text", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "
rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\">\n
\n
\n
\" data-column-count=\"<%= columnCount %>\">\n <% cards.forEach(({ imageUrl, text1, text2 }) => { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% }); %>\n
\n
\n
\n
\n
\n" }, "values": { "paddingTop": "20", "paddingBottom": 40, "columnCount": "2", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/142332-1423/05-1.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/105010-1423/05-2.webp", "text1": "", "text2": "" } ] }, "uniqueId": "fc-block-14-dqidua5cl", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-18-ix5h0nesk", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/105032-1423/06.webp", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202408/115143-1423/06-m.webp", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-15-l7fbjdywa", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-17-grpclmlj7", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 20, "params": [ { "name": "imageUrl", "type": "image", "description": "파일 업로드" }, { "name": "text1", "type": "text", "description": "자유 입력" }, { "name": "text2", "type": "text", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "
rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\">\n
\n
\n
\" data-column-count=\"<%= columnCount %>\">\n <% cards.forEach(({ imageUrl, text1, text2 }) => { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% }); %>\n
\n
\n
\n
\n
\n" }, "values": { "paddingTop": "20", "paddingBottom": "0", "columnCount": "2", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/105043-1423/06-1.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/105045-1423/06-2.webp", "text1": "", "text2": "" } ] }, "uniqueId": "fc-block-16-2iy9q6fw9", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-19-e25gyyczo", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 20, "params": [ { "name": "imageUrl", "type": "image", "description": "파일 업로드" }, { "name": "text1", "type": "text", "description": "자유 입력" }, { "name": "text2", "type": "text", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "
rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\">\n
\n
\n
\" data-column-count=\"<%= columnCount %>\">\n <% cards.forEach(({ imageUrl, text1, text2 }) => { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% }); %>\n
\n
\n
\n
\n
\n" }, "values": { "paddingTop": "20", "paddingBottom": 40, "columnCount": "2", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/105109-1423/06-3.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/105114-1423/06-4.webp", "text1": "", "text2": "" } ] }, "uniqueId": "fc-block-17-yqeamo8uv", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-20-ve82iy0bs", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202410/104943-1390/title01--1-.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202410/105017-1390/title01--2-.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-18-d2sobna9n", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-21-t7wuat3cn", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 20, "params": [ { "name": "imageUrl", "type": "image", "description": "파일 업로드" }, { "name": "text1", "type": "text", "description": "자유 입력" }, { "name": "text2", "type": "text", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "
rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\">\n
\n
\n
\" data-column-count=\"<%= columnCount %>\">\n <% cards.forEach(({ imageUrl, text1, text2 }) => { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% }); %>\n
\n
\n
\n
\n
\n" }, "values": { "paddingTop": "20", "paddingBottom": 40, "columnCount": "2", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/105136-1423/07-1.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/105139-1423/07-2.webp", "text1": "", "text2": "" } ] }, "uniqueId": "fc-block-19-0i0x2wtq5", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-22-vrf1r6nfk", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202410/105045-1390/title01--3-.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202410/105059-1390/title01--4-.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-20-7u7lebckc", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-23-faziufbix", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 20, "params": [ { "name": "imageUrl", "type": "image", "description": "파일 업로드" }, { "name": "text1", "type": "text", "description": "자유 입력" }, { "name": "text2", "type": "text", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "
rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\">\n
\n
\n
\" data-column-count=\"<%= columnCount %>\">\n <% cards.forEach(({ imageUrl, text1, text2 }) => { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% }); %>\n
\n
\n
\n
\n
\n" }, "values": { "paddingTop": "20", "paddingBottom": 40, "columnCount": "2", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/105157-1423/08-1.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/142342-1423/08-2.webp", "text1": "", "text2": "" } ] }, "uniqueId": "fc-block-21-9pp2g6hek", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-mwjra1sno", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202410/105120-1390/title01--5-.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202410/105230-1390/title01--6-.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-1-5tioa30q1", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-9ilad292w", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "20", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-2-xev05qynk", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-15-y56s5pyjo", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202410/105344-1390/group-1410118966.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202410/105446-1390/group-1410118941.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-22-tegkic3to", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-224y54ugh", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "40", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-3-2v0eqjzcn", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-14-ytz44svt0", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 20, "params": [ { "name": "imageUrl", "type": "image", "description": "파일 업로드" }, { "name": "text1", "type": "text", "description": "자유 입력" }, { "name": "text2", "type": "text", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "
rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\">\n
\n
\n
\" data-column-count=\"<%= columnCount %>\">\n <% cards.forEach(({ imageUrl, text1, text2 }) => { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% }); %>\n
\n
\n
\n
\n
\n" }, "values": { "paddingTop": "20", "paddingBottom": 40, "columnCount": "2", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/105221-1423/09-1.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/105225-1423/09-2.webp", "text1": "", "text2": "" } ] }, "uniqueId": "fc-block-23-guxmy8tlx", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-28-qmj8p9dko", "layout": { "id": "403", "description": "아이콘 가로 가변형 카드", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "cardType", "type": "select", "description": "card type", "options": [ "row", "column" ] }, { "name": "cardWidth", "type": "number", "description": "480 ~ 980" }, { "name": "useCardLeft", "type": "checkbox", "description": "use card left" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "border size", "options": [ 1, 2 ] }, { "name": "imageUrl", "type": "image", "description": "100 x 100" }, { "name": "imageSize", "type": "text", "description": "20 ~ 100" }, { "name": "fontSize", "type": "select", "description": "text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "fontColor", "type": "text", "description": "#000000" }, { "name": "content", "type": "textarea", "description": "content" } ], "values": { "backgroundColor": "", "cardType": "row", "borderColor": "#000000", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "", "imageUrl": "", "imageSize": 100, "fontSize": "fc-content-text", "fontColor": "#000000", "content": "" }, "template": "
background-color: <%= backgroundColor %><% } %>\">\n
\">\n
container__content--border-size-<%= borderSize %>\" style=\"width: <%= cardWidth/10 %>rem; <% if(borderColor) { %>border-color: <%= borderColor %>;<% } %> <% if(cardBackgroundColor) { %> background-color: <%= cardBackgroundColor %><% } %>\">\n <% if (imageUrl) { %>\n \" alt=\"\" style=\"<% if(imageSize) {%> width: <%= imageSize/10 %>rem; height: <%= imageSize/10 %>rem;<% } %>\" loading=\"lazy\">\n <% } %>\n
\" style=\"color: <%= fontColor || '#000000' %>\">\n <%= content %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "", "cardType": "row", "borderColor": "#267DE5", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/105250-1423/10.webp", "imageSize": 100, "fontSize": "fc-content-text", "fontColor": "#000000", "content": "Tutor Azis Hapidin\n\n
\nLaravel cocok digunakan dari project skala kecil sampai enterprise, dari project yang hanya di handle\n1 orang sampai project yang dipegang banyak orang sekaligus.\nLaravel juga sangat kompatibel untuk dikombinasikan dengan berbagai framework dan tech stack yang sering digunakan oleh developer.\n

\nSelain itu Laravel juga cocok untuk project dengan deadline yang singkat karena banyak library dan tools yang siap membantu pekerjaan agar bisa delivery ke client secepat mungkin." }, "uniqueId": "fc-block-24-viz7vvd2w", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-26-c7t21aitn", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "80", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-25-mrkzg75jv", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-27-14hai5fhm", "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": "0", "backgroundColor": "#FAFAFA", "useTextCenter": false, "textSize": "fc-h6-text", "textColor": "#071B48", "text": "\nKenalan dengan Pengajar\n" }, "uniqueId": "fc-block-26-lafbh1vpn", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-26-mcinafvce", "layout": { "id": "804", "description": "앵커탭영역", "icon": "\n", "params": [ { "name": "id", "label": "id", "type": "text", "description": "연결 될 탭 영역에 대한 id 값" } ], "values": { "id": "" }, "template": "
\">
\n" }, "values": { "id": "pengajar" }, "uniqueId": "fc-block-3-8otbag52s", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-31-jjo5ot5h0", "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": "20", "backgroundColor": "#FAFAFA", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#071B48", "text": "Belajar fullstack development jalur Laravel, Vue JS, dan React JS langsung dari ahlinya!" }, "uniqueId": "fc-block-27-7ztcx3gl3", "isChecked": false, "hasSyntaxErrorTags": true }, { "id": "fc-block-33-sglc9uksj", "layout": { "id": "403", "description": "아이콘 가로 가변형 카드", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "cardType", "type": "select", "description": "card type", "options": [ "row", "column" ] }, { "name": "cardWidth", "type": "number", "description": "480 ~ 980" }, { "name": "useCardLeft", "type": "checkbox", "description": "use card left" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "border size", "options": [ 1, 2 ] }, { "name": "imageUrl", "type": "image", "description": "100 x 100" }, { "name": "imageSize", "type": "text", "description": "20 ~ 100" }, { "name": "fontSize", "type": "select", "description": "text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "fontColor", "type": "text", "description": "#000000" }, { "name": "content", "type": "textarea", "description": "content" } ], "values": { "backgroundColor": "", "cardType": "row", "borderColor": "#000000", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "", "imageUrl": "", "imageSize": 100, "fontSize": "fc-content-text", "fontColor": "#000000", "content": "" }, "template": "
background-color: <%= backgroundColor %><% } %>\">\n
\">\n
container__content--border-size-<%= borderSize %>\" style=\"width: <%= cardWidth/10 %>rem; <% if(borderColor) { %>border-color: <%= borderColor %>;<% } %> <% if(cardBackgroundColor) { %> background-color: <%= cardBackgroundColor %><% } %>\">\n <% if (imageUrl) { %>\n \" alt=\"\" style=\"<% if(imageSize) {%> width: <%= imageSize/10 %>rem; height: <%= imageSize/10 %>rem;<% } %>\" loading=\"lazy\">\n <% } %>\n
\" style=\"color: <%= fontColor || '#000000' %>\">\n <%= content %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "#FAFAFA", "cardType": "row", "borderColor": "#F3742C", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "#FFF4EE", "imageUrl": "", "imageSize": 100, "fontSize": "fc-content-text", "fontColor": "#000000", "content": "Azis Hapidin #PHP #MySQL #Laravel #Nginx\n\n" }, "uniqueId": "fc-block-28-ptu1zgcno", "isChecked": false, "hasSyntaxErrorTags": true }, { "id": "fc-block-34-cd00hulgb", "layout": { "id": "802", "description": "강사소개 + 링크버튼", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "imageUrl", "type": "image", "description": "60 x 60" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "url", "description": "link url" }, { "name": "linkLabel", "type": "text", "description": "link label" } ], "values": { "paddingTop": 0, "paddingBottom": 0, "backgroundColor": "", "imageUrl": "", "titleSize": "fc-h5-text", "title1": "", "title2": "강사님 한마디", "contentSize": "fc-content-text", "content1": "", "content2": "", "useNewTab": true, "link": "", "linkLabel": "강사님 인터뷰 보기" }, "template": "
background-color: <%= backgroundColor %><% } %>\">\n
rem; padding-bottom: <%= paddingBottom/10 %>rem;\">\n <% if (imageUrl || title1 || title2 || content1 || content2) { %>\n
\n
\n <% if (imageUrl) { %>\n
\" loading=\"lazy\">
\n <% } %>\n
\n
\n
\"><%= title1 %>
\n
\"><%= content1 %>
\n
\n
\n
\"><%= title2 %>
\n
\"><%= content2 %>
\n <% if (link) { %>\n target=\"_blank\" rel=\"noopener noreferrer\" <% } %> href=\"<%=link%>\"><%= linkLabel %>\n <% } %>\n
\n
\n <% } %>\n
\n
\n" }, "values": { "paddingTop": "20", "paddingBottom": "20", "backgroundColor": "#FAFAFA", "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/105936-1423/11.webp", "titleSize": "fc-h5-text", "title1": "Pengalaman kerja", "title2": "Pengalaman lainnya", "contentSize": "fc-content-text", "content1": "Saat Ini)
\nSenior Software Engineer,
\nICDX Group
\nSebelumnya)
\nSoftware Engineer, DSH ID", "content2": "· Kreator project indoregion di Github yang kini sudah diinstall oleh lebih dari 49rb kali.
\n· Moota App", "useNewTab": true, "link": "", "linkLabel": "강사님 인터뷰 보기" }, "uniqueId": "fc-block-29-tfij72nqr", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-35-uj3undqvp", "layout": { "id": "403", "description": "아이콘 가로 가변형 카드", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "cardType", "type": "select", "description": "card type", "options": [ "row", "column" ] }, { "name": "cardWidth", "type": "number", "description": "480 ~ 980" }, { "name": "useCardLeft", "type": "checkbox", "description": "use card left" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "border size", "options": [ 1, 2 ] }, { "name": "imageUrl", "type": "image", "description": "100 x 100" }, { "name": "imageSize", "type": "text", "description": "20 ~ 100" }, { "name": "fontSize", "type": "select", "description": "text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "fontColor", "type": "text", "description": "#000000" }, { "name": "content", "type": "textarea", "description": "content" } ], "values": { "backgroundColor": "", "cardType": "row", "borderColor": "#000000", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "", "imageUrl": "", "imageSize": 100, "fontSize": "fc-content-text", "fontColor": "#000000", "content": "" }, "template": "
background-color: <%= backgroundColor %><% } %>\">\n
\">\n
container__content--border-size-<%= borderSize %>\" style=\"width: <%= cardWidth/10 %>rem; <% if(borderColor) { %>border-color: <%= borderColor %>;<% } %> <% if(cardBackgroundColor) { %> background-color: <%= cardBackgroundColor %><% } %>\">\n <% if (imageUrl) { %>\n \" alt=\"\" style=\"<% if(imageSize) {%> width: <%= imageSize/10 %>rem; height: <%= imageSize/10 %>rem;<% } %>\" loading=\"lazy\">\n <% } %>\n
\" style=\"color: <%= fontColor || '#000000' %>\">\n <%= content %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "#FAFAFA", "cardType": "row", "borderColor": "#fff", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "#fff", "imageUrl": "", "imageSize": 100, "fontSize": "fc-content-text", "fontColor": "#000000", "content": "Kenalan dengan Azis\n\n
\nHalo, saya Azis Hapidin, seorang software engineer dengan pengalaman lebih dari 7 tahun dan sudah mengerjakan berbagai macam project. Berbekal pengalaman dan spesialisasi saya dibidang backend, pada kursus ini saya akan mengajak teman-teman untuk belajar bersama-sama untuk menguasai Laravel khususnya untuk build backend service.\n

\nKursus ini sangat cocok untuk yang baru terjun ke dunia backend development, kursus ini juga cocok untuk Anda yang sudah berkecimpung di programming dan ingin menambah skill-set baru yang lumayan banyak dibutuhkan. Selain itu kursus ini juga cocok jika Anda ingin melebarkan sayap menjadi fullstack developer dari yang sebelumnya hanya menguasai backend atau frontend saja." }, "uniqueId": "fc-block-30-1jmrej7yn", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-36-p0rtc1550", "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": "20", "paddingBottom": "", "backgroundColor": "#FAFAFA", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#071B48", "text": "Proyek Individu" }, "uniqueId": "fc-block-31-vbo2y6r63", "isChecked": false, "hasSyntaxErrorTags": true }, { "id": "fc-block-37-we3omwp3j", "layout": { "id": "202", "description": "1~4단 이미지", "icon": "\n", "params": [ { "name": "columnCount", "type": "number", "description": "maximum 4" }, { "name": "columnMargin", "type": "number", "description": "column margin" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "imageUrl1", "type": "image", "description": "image1 url" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link url" }, { "name": "imageUrl2", "type": "image", "description": "image2 url" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link url" }, { "name": "imageUrl3", "type": "image", "description": "image3 url" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link url" }, { "name": "imageUrl4", "type": "image", "description": "image4 url" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "link4", "type": "text", "description": "link url" }, { "name": "imageUrl5", "type": "image", "description": "image5 url" }, { "name": "useNewTab5", "type": "checkbox", "description": "" }, { "name": "link5", "type": "text", "description": "link url" }, { "name": "imageUrl6", "type": "image", "description": "image6 url" }, { "name": "useNewTab6", "type": "checkbox", "description": "" }, { "name": "link6", "type": "text", "description": "link url" }, { "name": "imageUrl7", "type": "image", "description": "image7 url" }, { "name": "useNewTab7", "type": "checkbox", "description": "" }, { "name": "link7", "type": "text", "description": "link url" }, { "name": "imageUrl8", "type": "image", "description": "image8 url" }, { "name": "useNewTab8", "type": "checkbox", "description": "" }, { "name": "link8", "type": "text", "description": "link url" }, { "name": "imageUrl9", "type": "image", "description": "image9 url" }, { "name": "useNewTab9", "type": "checkbox", "description": "" }, { "name": "link9", "type": "text", "description": "link url" }, { "name": "imageUrl10", "type": "image", "description": "image10 url" }, { "name": "useNewTab10", "type": "checkbox", "description": "" }, { "name": "link10", "type": "text", "description": "link url" }, { "name": "imageUrl11", "type": "image", "description": "image11 url" }, { "name": "useNewTab11", "type": "checkbox", "description": "" }, { "name": "link11", "type": "text", "description": "link url" }, { "name": "imageUrl12", "type": "image", "description": "image12 url" }, { "name": "useNewTab12", "type": "checkbox", "description": "" }, { "name": "link12", "type": "text", "description": "link url" } ], "values": { "columnCount": 1, "columnMargin": 0, "paddingTop": 0, "paddingBottom": 0, "useColumnInMobile": false, "backgroundColor": "#ffffff", "imageUrl1": "", "useNewTab1": true, "link1": "", "imageUrl2": "", "useNewTab2": true, "link2": "", "imageUrl3": "", "useNewTab3": true, "link3": "", "imageUrl4": "", "useNewTab4": true, "link4": "", "imageUrl5": "", "useNewTab5": true, "link5": "", "imageUrl6": "", "useNewTab6": true, "link6": "", "imageUrl7": "", "useNewTab7": true, "link7": "", "imageUrl8": "", "useNewTab8": true, "link8": "", "imageUrl9": "", "useNewTab9": true, "link9": "", "imageUrl10": "", "useNewTab10": true, "link10": "", "imageUrl11": "", "useNewTab11": true, "link11": "", "imageUrl12": "", "useNewTab12": true, "link12": "" }, "template": "
; padding-top: <%=paddingTop/10 || 0 %>rem; padding-bottom: <%=paddingBottom/10 || 0 %>rem\">\n
\">\n <% if (link1 && imageUrl1) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link1 && imageUrl1) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link2 && imageUrl2) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link2 && imageUrl2) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link3 && imageUrl3) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link3 && imageUrl3) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link4 && imageUrl4) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab4) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link4 && imageUrl4) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link5 && imageUrl5) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab5) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link5 && imageUrl5) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link6 && imageUrl6) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab6) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link6 && imageUrl6) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link7 && imageUrl7) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab7) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link7 && imageUrl7) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link8 && imageUrl8) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab8) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link8 && imageUrl8) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link9 && imageUrl9) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab9) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link9 && imageUrl9) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link10 && imageUrl10) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab10) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link10 && imageUrl10) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link11 && imageUrl11) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab11) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link11 && imageUrl11) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link12 && imageUrl12) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab12) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link12 && imageUrl12) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n
\n
\n" }, "values": { "columnCount": "2", "columnMargin": "20", "paddingTop": 0, "paddingBottom": "60", "useColumnInMobile": false, "backgroundColor": "#FAFAFA", "imageUrl1": "https://cdn.day1company.io/prod/uploads/202408/110217-1423/11-1.webp", "useNewTab1": true, "link1": "", "imageUrl2": "https://cdn.day1company.io/prod/uploads/202408/110220-1423/11-2.webp", "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-32-v78qhe8sl", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-42-21n5s1sad", "layout": { "id": "403", "description": "아이콘 가로 가변형 카드", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "cardType", "type": "select", "description": "card type", "options": [ "row", "column" ] }, { "name": "cardWidth", "type": "number", "description": "480 ~ 980" }, { "name": "useCardLeft", "type": "checkbox", "description": "use card left" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "border size", "options": [ 1, 2 ] }, { "name": "imageUrl", "type": "image", "description": "100 x 100" }, { "name": "imageSize", "type": "text", "description": "20 ~ 100" }, { "name": "fontSize", "type": "select", "description": "text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "fontColor", "type": "text", "description": "#000000" }, { "name": "content", "type": "textarea", "description": "content" } ], "values": { "backgroundColor": "", "cardType": "row", "borderColor": "#000000", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "", "imageUrl": "", "imageSize": 100, "fontSize": "fc-content-text", "fontColor": "#000000", "content": "" }, "template": "
background-color: <%= backgroundColor %><% } %>\">\n
\">\n
container__content--border-size-<%= borderSize %>\" style=\"width: <%= cardWidth/10 %>rem; <% if(borderColor) { %>border-color: <%= borderColor %>;<% } %> <% if(cardBackgroundColor) { %> background-color: <%= cardBackgroundColor %><% } %>\">\n <% if (imageUrl) { %>\n \" alt=\"\" style=\"<% if(imageSize) {%> width: <%= imageSize/10 %>rem; height: <%= imageSize/10 %>rem;<% } %>\" loading=\"lazy\">\n <% } %>\n
\" style=\"color: <%= fontColor || '#000000' %>\">\n <%= content %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "#FAFAFA", "cardType": "row", "borderColor": "#E42E2C", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "#FFF2F2", "imageUrl": "", "imageSize": 100, "fontSize": "fc-content-text", "fontColor": "#000000", "content": "Irsyaad Budi #Vue.js #React.js #Nuxt.js #Next.js \n\n" }, "uniqueId": "fc-block-33-607192881", "isChecked": false, "hasSyntaxErrorTags": true }, { "id": "fc-block-29-oei2ckicx", "layout": { "id": "802", "description": "강사소개 + 링크버튼", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "imageUrl", "type": "image", "description": "60 x 60" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "url", "description": "link url" }, { "name": "linkLabel", "type": "text", "description": "link label" } ], "values": { "paddingTop": 0, "paddingBottom": 0, "backgroundColor": "", "imageUrl": "", "titleSize": "fc-h5-text", "title1": "", "title2": "강사님 한마디", "contentSize": "fc-content-text", "content1": "", "content2": "", "useNewTab": true, "link": "", "linkLabel": "강사님 인터뷰 보기" }, "template": "
background-color: <%= backgroundColor %><% } %>\">\n
rem; padding-bottom: <%= paddingBottom/10 %>rem;\">\n <% if (imageUrl || title1 || title2 || content1 || content2) { %>\n
\n
\n <% if (imageUrl) { %>\n
\" loading=\"lazy\">
\n <% } %>\n
\n
\n
\"><%= title1 %>
\n
\"><%= content1 %>
\n
\n
\n
\"><%= title2 %>
\n
\"><%= content2 %>
\n <% if (link) { %>\n target=\"_blank\" rel=\"noopener noreferrer\" <% } %> href=\"<%=link%>\"><%= linkLabel %>\n <% } %>\n
\n
\n <% } %>\n
\n
\n" }, "values": { "paddingTop": "20", "paddingBottom": "20", "backgroundColor": "#FAFAFA", "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/110418-1423/12.webp", "titleSize": "fc-h5-text", "title1": "Pengalaman kerja", "title2": "Pengalaman lainnya", "contentSize": "fc-content-text", "content1": "Saat Ini)
\nFrontend Engineer, Privy ID
\n\nSebelumnya)
\nTechnical Trainer, Arkademy (Pijar)
\nSoftware Engineer,
\nVirus Digital Indonesia", "content2": "\n\n· Fazztrack, Learn the Basic of React Native
\n· Edspert, Webinar Programming React JS
\n· Edspert, Jadi Web Developer dari Nol Banget
\n· Privy, Mentorship for Acceleration Program (Frontend)", "useNewTab": true, "link": "", "linkLabel": "강사님 인터뷰 보기" }, "uniqueId": "fc-block-34-a610zeqz0", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-24-e5usgaigj", "layout": { "id": "403", "description": "아이콘 가로 가변형 카드", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "cardType", "type": "select", "description": "card type", "options": [ "row", "column" ] }, { "name": "cardWidth", "type": "number", "description": "480 ~ 980" }, { "name": "useCardLeft", "type": "checkbox", "description": "use card left" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "border size", "options": [ 1, 2 ] }, { "name": "imageUrl", "type": "image", "description": "100 x 100" }, { "name": "imageSize", "type": "text", "description": "20 ~ 100" }, { "name": "fontSize", "type": "select", "description": "text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "fontColor", "type": "text", "description": "#000000" }, { "name": "content", "type": "textarea", "description": "content" } ], "values": { "backgroundColor": "", "cardType": "row", "borderColor": "#000000", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "", "imageUrl": "", "imageSize": 100, "fontSize": "fc-content-text", "fontColor": "#000000", "content": "" }, "template": "
background-color: <%= backgroundColor %><% } %>\">\n
\">\n
container__content--border-size-<%= borderSize %>\" style=\"width: <%= cardWidth/10 %>rem; <% if(borderColor) { %>border-color: <%= borderColor %>;<% } %> <% if(cardBackgroundColor) { %> background-color: <%= cardBackgroundColor %><% } %>\">\n <% if (imageUrl) { %>\n \" alt=\"\" style=\"<% if(imageSize) {%> width: <%= imageSize/10 %>rem; height: <%= imageSize/10 %>rem;<% } %>\" loading=\"lazy\">\n <% } %>\n
\" style=\"color: <%= fontColor || '#000000' %>\">\n <%= content %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "#FAFAFA", "cardType": "row", "borderColor": "#fff", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "#fff", "imageUrl": "", "imageSize": 100, "fontSize": "fc-content-text", "fontColor": "#000000", "content": "Kenalan dengan Irsyaad\n\n
\nHalo semuanya! Saya Irsyaad Budi Prasetianto, seorang Frontend Developer di salah satu startup di Indonesia dan kurang lebih sudah 5 tahun berkecimpung di dunia software engineering. Senang sekali bisa bertemu dengan kalian semua di kursus ini. Kita akan menjelajahi dunia Vue.js dan React.js bersama-sama untuk menjadi fullstack developer yang didukung Laravel untuk backend. Dengan mempelajari keduanya, kita akan punya bekal yang kuat untuk membangun aplikasi web yang interaktif dan modern. Dan tentunya dengan skill ini, kita bisa membuka banyak peluang karir di bidang pengembangan web. Yuk, kita belajar sambil seru-seruan dan bikin proyek keren bersama!" }, "uniqueId": "fc-block-35-76q920bna", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-38-fk2h42gwx", "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": "20", "paddingBottom": "", "backgroundColor": "#FAFAFA", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#071B48", "text": "Proyek Individu" }, "uniqueId": "fc-block-36-gbuwwgmvu", "isChecked": false, "hasSyntaxErrorTags": true }, { "id": "fc-block-32-qkmsu7uha", "layout": { "id": "202", "description": "1~4단 이미지", "icon": "\n", "params": [ { "name": "columnCount", "type": "number", "description": "maximum 4" }, { "name": "columnMargin", "type": "number", "description": "column margin" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "imageUrl1", "type": "image", "description": "image1 url" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link url" }, { "name": "imageUrl2", "type": "image", "description": "image2 url" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link url" }, { "name": "imageUrl3", "type": "image", "description": "image3 url" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link url" }, { "name": "imageUrl4", "type": "image", "description": "image4 url" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "link4", "type": "text", "description": "link url" }, { "name": "imageUrl5", "type": "image", "description": "image5 url" }, { "name": "useNewTab5", "type": "checkbox", "description": "" }, { "name": "link5", "type": "text", "description": "link url" }, { "name": "imageUrl6", "type": "image", "description": "image6 url" }, { "name": "useNewTab6", "type": "checkbox", "description": "" }, { "name": "link6", "type": "text", "description": "link url" }, { "name": "imageUrl7", "type": "image", "description": "image7 url" }, { "name": "useNewTab7", "type": "checkbox", "description": "" }, { "name": "link7", "type": "text", "description": "link url" }, { "name": "imageUrl8", "type": "image", "description": "image8 url" }, { "name": "useNewTab8", "type": "checkbox", "description": "" }, { "name": "link8", "type": "text", "description": "link url" }, { "name": "imageUrl9", "type": "image", "description": "image9 url" }, { "name": "useNewTab9", "type": "checkbox", "description": "" }, { "name": "link9", "type": "text", "description": "link url" }, { "name": "imageUrl10", "type": "image", "description": "image10 url" }, { "name": "useNewTab10", "type": "checkbox", "description": "" }, { "name": "link10", "type": "text", "description": "link url" }, { "name": "imageUrl11", "type": "image", "description": "image11 url" }, { "name": "useNewTab11", "type": "checkbox", "description": "" }, { "name": "link11", "type": "text", "description": "link url" }, { "name": "imageUrl12", "type": "image", "description": "image12 url" }, { "name": "useNewTab12", "type": "checkbox", "description": "" }, { "name": "link12", "type": "text", "description": "link url" } ], "values": { "columnCount": 1, "columnMargin": 0, "paddingTop": 0, "paddingBottom": 0, "useColumnInMobile": false, "backgroundColor": "#ffffff", "imageUrl1": "", "useNewTab1": true, "link1": "", "imageUrl2": "", "useNewTab2": true, "link2": "", "imageUrl3": "", "useNewTab3": true, "link3": "", "imageUrl4": "", "useNewTab4": true, "link4": "", "imageUrl5": "", "useNewTab5": true, "link5": "", "imageUrl6": "", "useNewTab6": true, "link6": "", "imageUrl7": "", "useNewTab7": true, "link7": "", "imageUrl8": "", "useNewTab8": true, "link8": "", "imageUrl9": "", "useNewTab9": true, "link9": "", "imageUrl10": "", "useNewTab10": true, "link10": "", "imageUrl11": "", "useNewTab11": true, "link11": "", "imageUrl12": "", "useNewTab12": true, "link12": "" }, "template": "
; padding-top: <%=paddingTop/10 || 0 %>rem; padding-bottom: <%=paddingBottom/10 || 0 %>rem\">\n
\">\n <% if (link1 && imageUrl1) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link1 && imageUrl1) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link2 && imageUrl2) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link2 && imageUrl2) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link3 && imageUrl3) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link3 && imageUrl3) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link4 && imageUrl4) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab4) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link4 && imageUrl4) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link5 && imageUrl5) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab5) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link5 && imageUrl5) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link6 && imageUrl6) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab6) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link6 && imageUrl6) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link7 && imageUrl7) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab7) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link7 && imageUrl7) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link8 && imageUrl8) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab8) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link8 && imageUrl8) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link9 && imageUrl9) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab9) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link9 && imageUrl9) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link10 && imageUrl10) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab10) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link10 && imageUrl10) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link11 && imageUrl11) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab11) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link11 && imageUrl11) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n <% if (link12 && imageUrl12) { %>\n
-<%= columnMargin %>\">\n \" <% if(useNewTab12) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\" alt=\"\" loading=\"lazy\">\n
\n <% } else if (!link12 && imageUrl12) { %>\n
-<%= columnMargin %>\">\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n
\n
\n" }, "values": { "columnCount": "2", "columnMargin": "20", "paddingTop": 0, "paddingBottom": "80", "useColumnInMobile": false, "backgroundColor": "#FAFAFA", "imageUrl1": "https://cdn.day1company.io/prod/uploads/202408/110553-1423/12-1.webp", "useNewTab1": true, "link1": "", "imageUrl2": "https://cdn.day1company.io/prod/uploads/202408/110600-1423/12-2.webp", "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-37-9zgcf9qjs", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-46-paem94o4l", "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": "0", "backgroundColor": "#202020", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#071B48", "text": "\nProyek Utama\n" }, "uniqueId": "fc-block-39-dn413f9jj", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-27-knidlav7x", "layout": { "id": "804", "description": "앵커탭영역", "icon": "\n", "params": [ { "name": "id", "label": "id", "type": "text", "description": "연결 될 탭 영역에 대한 id 값" } ], "values": { "id": "" }, "template": "
\">
\n" }, "values": { "id": "proyek" }, "uniqueId": "fc-block-4-bdktfempt", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-43-r2dkbphip", "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": "20", "backgroundColor": "#202020", "useTextCenter": true, "textSize": "fc-h5-text", "textColor": "#fff", "text": "Belajar membuat website ecommerce dengan metode pembelajaran
\nclone coding dari website ecommerce ternama.
\nAnda akan praktik membuat website ecommerce menggunakan Laravel dan Vue JS " }, "uniqueId": "fc-block-40-0mnlsg1gv", "isChecked": false, "hasSyntaxErrorTags": true }, { "id": "fc-block-1-rge6koudt", "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": "#202020", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/135113-1423/syopo-gif-파일-2.gif", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-1-sqwgv5e4o", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-zl3h3vdm7", "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": "#202020" }, "uniqueId": "fc-block-2-wlp2202ak", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-30-ptjfv602c", "layout": { "id": "403", "description": "아이콘 가로 가변형 카드", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "cardType", "type": "select", "description": "card type", "options": [ "row", "column" ] }, { "name": "cardWidth", "type": "number", "description": "480 ~ 980" }, { "name": "useCardLeft", "type": "checkbox", "description": "use card left" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "border size", "options": [ 1, 2 ] }, { "name": "imageUrl", "type": "image", "description": "100 x 100" }, { "name": "imageSize", "type": "text", "description": "20 ~ 100" }, { "name": "fontSize", "type": "select", "description": "text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "fontColor", "type": "text", "description": "#000000" }, { "name": "content", "type": "textarea", "description": "content" } ], "values": { "backgroundColor": "", "cardType": "row", "borderColor": "#000000", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "", "imageUrl": "", "imageSize": 100, "fontSize": "fc-content-text", "fontColor": "#000000", "content": "" }, "template": "
background-color: <%= backgroundColor %><% } %>\">\n
\">\n
container__content--border-size-<%= borderSize %>\" style=\"width: <%= cardWidth/10 %>rem; <% if(borderColor) { %>border-color: <%= borderColor %>;<% } %> <% if(cardBackgroundColor) { %> background-color: <%= cardBackgroundColor %><% } %>\">\n <% if (imageUrl) { %>\n \" alt=\"\" style=\"<% if(imageSize) {%> width: <%= imageSize/10 %>rem; height: <%= imageSize/10 %>rem;<% } %>\" loading=\"lazy\">\n <% } %>\n
\" style=\"color: <%= fontColor || '#000000' %>\">\n <%= content %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "#202020", "cardType": "row", "borderColor": "#F3742C", "borderSize": 1, "cardWidth": 980, "useCardLeft": true, "cardBackgroundColor": "#F3742C", "imageUrl": "", "imageSize": 100, "fontSize": "fc-h6-text", "fontColor": "#fff", "content": "Buat 6 Fitur Utama Website Ecommerce\n\n" }, "uniqueId": "fc-block-41-jilzm30my", "isChecked": false, "hasSyntaxErrorTags": true }, { "id": "fc-block-25-zbq4woxbn", "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": "0", "backgroundColor": "#202020", "useTextCenter": false, "textSize": "fc-h6-text", "textColor": "#fff", "text": "· Buat enam fitur utama website ecommerce, dari halaman verifikasi keamanan OTP sampai payment gateway
\n· Belajar membuat proses checkout menggunakan koin dari program loyalitas pelanggan dan voucher
\n· Bangun fitur cek tracking pesanan secara real time dan perhitungan ongkos kirim" }, "uniqueId": "fc-block-42-a5yavnbg8", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-45-lpt7f1as1", "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": 40, "paddingBottom": "20", "columnCount": "2", "backgroundColor": "#202020", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/111302-1423/13-1.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/111306-1423/13-2.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/111312-1423/13-3.webp", "text1": "", "text2": "" } ] }, "uniqueId": "fc-block-43-3x77yswt9", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-44-9uvgfp53o", "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": "2", "backgroundColor": "#202020", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/111328-1423/13-4.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/191200-1390/group-1410118912--1-.png", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/111334-1423/13-6.webp", "text1": "", "text2": "" } ] }, "uniqueId": "fc-block-44-mvkam4rwf", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-24-ngcelxs52", "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": "20", "backgroundColor": "#202020", "useTextCenter": true, "textSize": "fc-h4-text", "textColor": "#ffffff", "text": "👇Pratinjau Kuliah👇" }, "uniqueId": "fc-block-1-0hkcybae4", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-tqbc6q0uj", "layout": { "id": "302", "description": "1~3단 동영상과 텍스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "fontColor", "type": "text", "description": "font color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "videoPlatformType1", "type": "select", "description": "videoPlatformType1", "options": [ "Youtube", "Vimeo" ] }, { "name": "video1", "type": "video", "description": "video1" }, { "name": "title1", "type": "textarea", "description": "title1 text" }, { "name": "content1", "type": "textarea", "description": "content text" }, { "name": "videoPlatformType2", "type": "select", "description": "videoPlatformType2", "options": [ "Youtube", "Vimeo" ] }, { "name": "video2", "type": "video", "description": "video2" }, { "name": "title2", "type": "textarea", "description": "title2 text" }, { "name": "content2", "type": "textarea", "description": "content text" }, { "name": "videoPlatformType3", "type": "select", "description": "videoPlatformType3", "options": [ "Youtube", "Vimeo" ] }, { "name": "video3", "type": "video", "description": "video3" }, { "name": "title3", "type": "textarea", "description": "title3 text" }, { "name": "content3", "type": "textarea", "description": "content text" } ], "values": { "backgroundColor": "", "fontColor": "#000000", "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "videoPlatformType1": "Youtube", "video1": "", "title1": "", "content1": "", "videoPlatformType2": "Youtube", "video2": "", "title2": "", "content2": "", "videoPlatformType3": "Youtube", "video3": "", "title3": "", "content3": "" }, "template": "
background-color: <%=backgroundColor%><% } %>\">\n
\">\n
\n <% if (video1 || title1 || content1) { %>\n
\n <% if (video1) { %>\n
\n <% if (videoPlatformType1 === 'Youtube') { %>\n \" frameborder=\"0\">\n <% } else { %>\n \" frameborder=\"0\">\n <% } %>\n
\n <% } %>\n <% if (title1) { %>\n
\"><%= title1 %>
\n <% } %>\n <% if(content1) { %>\n
\"><%= content1 %>
\n <% } %>\n
\n <% } %>\n <% if (video2 || title2 || content2) { %>\n
\n <% if (video2) { %>\n
\n <% if (videoPlatformType2 === 'Youtube') { %>\n \" frameborder=\"0\">\n <% } else { %>\n \" frameborder=\"0\">\n <% } %>\n
\n <% } %>\n <% if (title2) { %>\n
\"><%= title2 %>
\n <% } %>\n <% if(content2) { %>\n
\"><%= content2 %>
\n <% } %>\n
\n <% } %>\n <% if (video3 || title3 || content3) { %>\n
\n <% if (video3) { %>\n
\n <% if (videoPlatformType3 === 'Youtube') { %>\n \" frameborder=\"0\">\n <% } else { %>\n \" frameborder=\"0\">\n <% } %>\n
\n <% } %>\n <% if (title3) { %>\n
\"><%= title3 %>
\n <% } %>\n <% if(content3) { %>\n
\"><%= content3 %>
\n <% } %>\n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#202020", "fontColor": "#ffffff", "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "videoPlatformType1": "Youtube", "video1": "wkcCg1Qdok0", "title1": "Pengenalan Laravel & Ekosistem Laravel", "content1": "", "videoPlatformType2": "Youtube", "video2": "rmtqYE0OlTk", "title2": "Tinjauan Proyek", "content2": "", "videoPlatformType3": "Youtube", "video3": "", "title3": "", "content3": "" }, "uniqueId": "fc-block-1-vlgic5xws", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-26-r8dfdj9qi", "layout": { "id": "302", "description": "1~3단 동영상과 텍스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "fontColor", "type": "text", "description": "font color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "videoPlatformType1", "type": "select", "description": "videoPlatformType1", "options": [ "Youtube", "Vimeo" ] }, { "name": "video1", "type": "video", "description": "video1" }, { "name": "title1", "type": "textarea", "description": "title1 text" }, { "name": "content1", "type": "textarea", "description": "content text" }, { "name": "videoPlatformType2", "type": "select", "description": "videoPlatformType2", "options": [ "Youtube", "Vimeo" ] }, { "name": "video2", "type": "video", "description": "video2" }, { "name": "title2", "type": "textarea", "description": "title2 text" }, { "name": "content2", "type": "textarea", "description": "content text" }, { "name": "videoPlatformType3", "type": "select", "description": "videoPlatformType3", "options": [ "Youtube", "Vimeo" ] }, { "name": "video3", "type": "video", "description": "video3" }, { "name": "title3", "type": "textarea", "description": "title3 text" }, { "name": "content3", "type": "textarea", "description": "content text" } ], "values": { "backgroundColor": "", "fontColor": "#000000", "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "videoPlatformType1": "Youtube", "video1": "", "title1": "", "content1": "", "videoPlatformType2": "Youtube", "video2": "", "title2": "", "content2": "", "videoPlatformType3": "Youtube", "video3": "", "title3": "", "content3": "" }, "template": "
background-color: <%=backgroundColor%><% } %>\">\n
\">\n
\n <% if (video1 || title1 || content1) { %>\n
\n <% if (video1) { %>\n
\n <% if (videoPlatformType1 === 'Youtube') { %>\n \" frameborder=\"0\">\n <% } else { %>\n \" frameborder=\"0\">\n <% } %>\n
\n <% } %>\n <% if (title1) { %>\n
\"><%= title1 %>
\n <% } %>\n <% if(content1) { %>\n
\"><%= content1 %>
\n <% } %>\n
\n <% } %>\n <% if (video2 || title2 || content2) { %>\n
\n <% if (video2) { %>\n
\n <% if (videoPlatformType2 === 'Youtube') { %>\n \" frameborder=\"0\">\n <% } else { %>\n \" frameborder=\"0\">\n <% } %>\n
\n <% } %>\n <% if (title2) { %>\n
\"><%= title2 %>
\n <% } %>\n <% if(content2) { %>\n
\"><%= content2 %>
\n <% } %>\n
\n <% } %>\n <% if (video3 || title3 || content3) { %>\n
\n <% if (video3) { %>\n
\n <% if (videoPlatformType3 === 'Youtube') { %>\n \" frameborder=\"0\">\n <% } else { %>\n \" frameborder=\"0\">\n <% } %>\n
\n <% } %>\n <% if (title3) { %>\n
\"><%= title3 %>
\n <% } %>\n <% if(content3) { %>\n
\"><%= content3 %>
\n <% } %>\n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#202020", "fontColor": "#ffffff", "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "videoPlatformType1": "Youtube", "video1": "IZaKs0n5EoY", "title1": "Slicing Cart", "content1": "", "videoPlatformType2": "Youtube", "video2": "ZIfsqJwTjb4", "title2": "Integrasi Order List", "content2": "", "videoPlatformType3": "Youtube", "video3": "", "title3": "", "content3": "" }, "uniqueId": "fc-block-2-r7ct6ch1m", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-28-k4yupm6la", "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": "#202020" }, "uniqueId": "fc-block-3-pspe08klp", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-62-sqw2gikaz", "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": "0", "backgroundColor": "#071B48", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#071B48", "text": "\nKeuntungan Kursus Fast Campus\n" }, "uniqueId": "fc-block-45-4u88soikf", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-28-zfbqknuo4", "layout": { "id": "804", "description": "앵커탭영역", "icon": "\n", "params": [ { "name": "id", "label": "id", "type": "text", "description": "연결 될 탭 영역에 대한 id 값" } ], "values": { "id": "" }, "template": "
\">
\n" }, "values": { "id": "keuntungan" }, "uniqueId": "fc-block-5-r1hp4623f", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-40-5p7ks40rg", "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": "40", "backgroundColor": "#071B48", "useTextCenter": true, "textSize": "fc-h5-text", "textColor": "#fff", "text": "Untuk jadi fullstack developer, tidak perlu beli kursus per tech stack secara terpisah.
\nDi Fast Campus, Anda hanya perlu beli 1 kursus untuk belajar semua tech stack penting
\nuntuk jadi fullstack developer, dari PHP, MySQL, Laravel, Vue JS, React JS, hingga Next JS. " }, "uniqueId": "fc-block-46-ldy0vbjz8", "isChecked": false, "hasSyntaxErrorTags": true }, { "id": "fc-block-48-owz382hgc", "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": "#071B48", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202410/111452-1390/group-1410118940--1-.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202410/111423-1390/group-1410118940.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-47-tpbiqk0u0", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-49-4efkcrbok", "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": "#071B48" }, "uniqueId": "fc-block-48-iphxfk69f", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-50-fzh3d22s7", "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": "60", "paddingBottom": "60", "backgroundColor": "", "useTextLeft": false, "backgroundColorOpacity": "100", "backgroundImageUrl": "https://cdn.day1company.io/prod/uploads/202408/111530-1423/15.webp", "mobileBackgroundImageUrl": "", "textColor": "#fff", "textSize1": "fc-h5-text", "text1": "\nBonus\n\n
\nKursus dengan banyak bonus?
\nHanya di Fast Campus!", "textSize2": "fc-h5-text", "text2": "" }, "uniqueId": "fc-block-49-jti84frdp", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-24-zugz9edx7", "layout": { "id": "804", "description": "앵커탭영역", "icon": "\n", "params": [ { "name": "id", "label": "id", "type": "text", "description": "연결 될 탭 영역에 대한 id 값" } ], "values": { "id": "" }, "template": "
\">
\n" }, "values": { "id": "bonus" }, "uniqueId": "fc-block-6-hym4rfiru", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-61-8z9s42d0e", "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-50-0yw07kbmk", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-53-ch357fo43", "layout": { "id": "204", "description": "이미지와 텍스트 좌/우 스위치", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "imageUrl1", "type": "image", "description": "고정넓이 480, 높이 320 ~ 640" }, { "name": "title1", "type": "text", "description": "title text 1" }, { "name": "content1", "type": "textarea", "description": "content text 1" }, { "name": "imageUrl2", "type": "image", "description": "고정넓이 480, 높이 320 ~ 640" }, { "name": "title2", "type": "text", "description": "title text 2" }, { "name": "content2", "type": "textarea", "description": "content text 2" } ], "values": { "backgroundColor": "", "titleSize": "fc-h3-text", "contentSize": "fc-h5-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "", "title2": "", "content2": "" }, "template": "
;\">\n
\n
\n
\n <% if (imageUrl1 || title1 || content1) { %>\n
\n <% if (imageUrl1) { %>\n
\n \" alt=\"\" loading=\"lazy\" />\n
\n <% } %>\n
\n
\"><%= title1 %>
\n
\"><%= content1 %>
\n
\n
\n <% } %>\n <% if (imageUrl2 || title2 || content2) { %>\n
\n
\n
\"><%= title2 %>
\n
\"><%= content2 %>
\n
\n <% if (imageUrl2) { %>\n
\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n
\n <% } %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "#000000", "titleSize": "fc-h5-text", "contentSize": "fc-content-text", "imageUrl1": "https://cdn.day1company.io/prod/uploads/202408/111803-1423/16-1.webp", "title1": "Gratis Kursus PHP & MySQL Dasar", "content1": "\n· Belum pernah belajar pemrograman untuk backend sebelumnya? \nTidak perlu khawatir karena Anda juga akan mendapatkan materi\ndasar PHP sebelum mulai mengerjakan praktikum

\n\n· Pelajari juga dasar-dasar penting database MySQL sebelum\npraktik membangun dan mengelola database website\necommerce dan company profile", "imageUrl2": "", "title2": "", "content2": "" }, "uniqueId": "fc-block-51-0x2pnnijt", "isChecked": false, "hasSyntaxErrorTags": true }, { "id": "fc-block-55-0xsoav532", "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": "#000000" }, "uniqueId": "fc-block-52-z33w46nqr", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-56-pddfl641w", "layout": { "id": "204", "description": "이미지와 텍스트 좌/우 스위치", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "imageUrl1", "type": "image", "description": "고정넓이 480, 높이 320 ~ 640" }, { "name": "title1", "type": "text", "description": "title text 1" }, { "name": "content1", "type": "textarea", "description": "content text 1" }, { "name": "imageUrl2", "type": "image", "description": "고정넓이 480, 높이 320 ~ 640" }, { "name": "title2", "type": "text", "description": "title text 2" }, { "name": "content2", "type": "textarea", "description": "content text 2" } ], "values": { "backgroundColor": "", "titleSize": "fc-h3-text", "contentSize": "fc-h5-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "", "title2": "", "content2": "" }, "template": "
;\">\n
\n
\n
\n <% if (imageUrl1 || title1 || content1) { %>\n
\n <% if (imageUrl1) { %>\n
\n \" alt=\"\" loading=\"lazy\" />\n
\n <% } %>\n
\n
\"><%= title1 %>
\n
\"><%= content1 %>
\n
\n
\n <% } %>\n <% if (imageUrl2 || title2 || content2) { %>\n
\n
\n
\"><%= title2 %>
\n
\"><%= content2 %>
\n
\n <% if (imageUrl2) { %>\n
\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n
\n <% } %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "#000000", "titleSize": "fc-h5-text", "contentSize": "fc-content-text", "imageUrl1": "https://cdn.day1company.io/prod/uploads/202408/112027-1423/16-2.webp", "title1": "Gratis Miniproject Laravel & React JS", "content1": "\n· Selain belajar Laravel & Vue JS, Anda juga bisa mengerjakan\nminiproject Laravel & React JS untuk meningkatkan skill Anda.

\n\n· Buat website company profile multibahasa beserta optimasi SEO-nya!", "imageUrl2": "", "title2": "", "content2": "" }, "uniqueId": "fc-block-53-ds1mlvenw", "isChecked": false, "hasSyntaxErrorTags": true }, { "id": "fc-block-57-vpeiabdje", "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": "#000000" }, "uniqueId": "fc-block-54-oy4unswbr", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-58-leywpih40", "layout": { "id": "204", "description": "이미지와 텍스트 좌/우 스위치", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "imageUrl1", "type": "image", "description": "고정넓이 480, 높이 320 ~ 640" }, { "name": "title1", "type": "text", "description": "title text 1" }, { "name": "content1", "type": "textarea", "description": "content text 1" }, { "name": "imageUrl2", "type": "image", "description": "고정넓이 480, 높이 320 ~ 640" }, { "name": "title2", "type": "text", "description": "title text 2" }, { "name": "content2", "type": "textarea", "description": "content text 2" } ], "values": { "backgroundColor": "", "titleSize": "fc-h3-text", "contentSize": "fc-h5-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "", "title2": "", "content2": "" }, "template": "
;\">\n
\n
\n
\n <% if (imageUrl1 || title1 || content1) { %>\n
\n <% if (imageUrl1) { %>\n
\n \" alt=\"\" loading=\"lazy\" />\n
\n <% } %>\n
\n
\"><%= title1 %>
\n
\"><%= content1 %>
\n
\n
\n <% } %>\n <% if (imageUrl2 || title2 || content2) { %>\n
\n
\n
\"><%= title2 %>
\n
\"><%= content2 %>
\n
\n <% if (imageUrl2) { %>\n
\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n
\n <% } %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "#000000", "titleSize": "fc-h5-text", "contentSize": "fc-content-text", "imageUrl1": "https://cdn.day1company.io/prod/uploads/202408/112056-1423/16-3.webp", "title1": "Gratis Kursus JavaScript Dasar", "content1": "\n· Dua praktikum utama di kursus ini menggunakan framework \nVue JS dan React JS. Anda perlu menguasai JavaScript terlebih dulu

\n\n· Apabila belum pernah mempelajari JavaScript, Anda bisa\nbelajar dasar-dasar JavaScript terlebih dahulu sebelum praktik\nmenggunakan Vue JS dan React JS", "imageUrl2": "", "title2": "", "content2": "" }, "uniqueId": "fc-block-55-v2i0r4uf5", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": true }, { "id": "fc-block-59-o2xxzyva1", "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": "#000000" }, "uniqueId": "fc-block-56-gnwnisxh7", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-60-7yxpmrlh4", "layout": { "id": "204", "description": "이미지와 텍스트 좌/우 스위치", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "imageUrl1", "type": "image", "description": "고정넓이 480, 높이 320 ~ 640" }, { "name": "title1", "type": "text", "description": "title text 1" }, { "name": "content1", "type": "textarea", "description": "content text 1" }, { "name": "imageUrl2", "type": "image", "description": "고정넓이 480, 높이 320 ~ 640" }, { "name": "title2", "type": "text", "description": "title text 2" }, { "name": "content2", "type": "textarea", "description": "content text 2" } ], "values": { "backgroundColor": "", "titleSize": "fc-h3-text", "contentSize": "fc-h5-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "", "title2": "", "content2": "" }, "template": "
;\">\n
\n
\n
\n <% if (imageUrl1 || title1 || content1) { %>\n
\n <% if (imageUrl1) { %>\n
\n \" alt=\"\" loading=\"lazy\" />\n
\n <% } %>\n
\n
\"><%= title1 %>
\n
\"><%= content1 %>
\n
\n
\n <% } %>\n <% if (imageUrl2 || title2 || content2) { %>\n
\n
\n
\"><%= title2 %>
\n
\"><%= content2 %>
\n
\n <% if (imageUrl2) { %>\n
\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n
\n <% } %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "#000000", "titleSize": "fc-h5-text", "contentSize": "fc-content-text", "imageUrl1": "https://cdn.day1company.io/prod/uploads/202408/112123-1423/16-4.webp", "title1": "Komunitas Belajar dan Q&A
\nuntuk Fullstack Developer", "content1": "\n· Kesulitan dalam memahami materi? Tidak perlu khawatir!\nAnda bisa bertanya langsung ke pengajar kursus, Azis dan Irsyaad

\n\n· Tingkatkan efektivitas belajar Anda bersama teman-teman \nyang juga berminat menjadi fullstack developer

\n\n· Komunitas ini beroperasi dari 30.08.2024 hingga 28.08.2027 melalui Discord.", "imageUrl2": "", "title2": "", "content2": "" }, "uniqueId": "fc-block-57-5zvz9qw07", "isChecked": false, "hasSyntaxErrorTags": true }, { "id": "fc-block-54-vap8wew1l", "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": "#000000" }, "uniqueId": "fc-block-58-5s6lsrw2q", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-51-u61efrm1x", "layout": { "id": "204", "description": "이미지와 텍스트 좌/우 스위치", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "imageUrl1", "type": "image", "description": "고정넓이 480, 높이 320 ~ 640" }, { "name": "title1", "type": "text", "description": "title text 1" }, { "name": "content1", "type": "textarea", "description": "content text 1" }, { "name": "imageUrl2", "type": "image", "description": "고정넓이 480, 높이 320 ~ 640" }, { "name": "title2", "type": "text", "description": "title text 2" }, { "name": "content2", "type": "textarea", "description": "content text 2" } ], "values": { "backgroundColor": "", "titleSize": "fc-h3-text", "contentSize": "fc-h5-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "", "title2": "", "content2": "" }, "template": "
;\">\n
\n
\n
\n <% if (imageUrl1 || title1 || content1) { %>\n
\n <% if (imageUrl1) { %>\n
\n \" alt=\"\" loading=\"lazy\" />\n
\n <% } %>\n
\n
\"><%= title1 %>
\n
\"><%= content1 %>
\n
\n
\n <% } %>\n <% if (imageUrl2 || title2 || content2) { %>\n
\n
\n
\"><%= title2 %>
\n
\"><%= content2 %>
\n
\n <% if (imageUrl2) { %>\n
\n \" alt=\"\" loading=\"lazy\">\n
\n <% } %>\n
\n <% } %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "#000000", "titleSize": "fc-h5-text", "contentSize": "fc-content-text", "imageUrl1": "https://cdn.day1company.io/prod/uploads/202408/112153-1423/16-5.webp", "title1": "Live Session Eksklusif
\nuntuk Q&A dan Coding Review", "content1": "\n· Tanya jawab dengan pengajar mengenai materi
\n· Request untuk coding review ke pengajar live session
\n· Bisa request ke pengajar untuk bahas topik tertentu
\n· Jadwal live session akan diumumkan selambat-lambatnya seminggu \nsebelum Hari H Live Session
\n· Jika Anda membeli kursus setelah Sesi Live berlangsung, video rekaman dari Sesi Live akan tersedia untuk semua siswa kursus tersebut.", "imageUrl2": "", "title2": "", "content2": "" }, "uniqueId": "fc-block-59-099tctdev", "isChecked": false, "hasSyntaxErrorTags": true }, { "id": "fc-block-52-d9h1j4m3t", "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-60-ke4uumw0b", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-47-gpsjqd91j", "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": "0", "backgroundColor": "#FAFAFA", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#071B48", "text": "\nFAQ" }, "uniqueId": "fc-block-61-r4icc4uj8", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-65-lluu6kt00", "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": "30", "paddingBottom": "", "backgroundColor": "#FAFAFA", "useTextCenter": false, "textSize1": "fc-h5-text", "textColor1": "#000000", "text1": "Apakah PHP masih relevan untuk dipelajari?", "textSize2": "fc-content-text", "textColor2": "#000000", "text2": "PHP masih sangat layak dipelajari mengingat kebutuhan pasar di Indonesia dan luar negeri yang masih bisa dibilang lumayan tinggi. Selain itu, PHP juga memiliki basis pengguna yang cukup besar dan aktif dibanding bahasa pemrograman lainnya. Banyak sumber belajar di luar sana, tapi yang membedakan kursus ini dengan sumber belajar di tempat lain adalah struktur pembelajaran yang sistematis dan relevan dengan tren terkini" }, "uniqueId": "fc-block-62-al55qgchg", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-67-np82q86b7", "layout": { "id": "003", "description": "문단 구분 선", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "size", "options": [ "1", "2" ] } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "borderColor": "#c8c8d2", "borderSize": "1" }, "template": "
\">\n
rem;padding-bottom: <%= paddingBottom/10 %>rem;\">\n
rem solid <%= borderColor %>;\">\n
\n
\n" }, "values": { "backgroundColor": "#FAFAFA", "paddingTop": "20", "paddingBottom": "20", "borderColor": "#CECECE", "borderSize": "1" }, "uniqueId": "fc-block-63-6x45a8qr7", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-4-rs315ozgx", "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": "30", "paddingBottom": "", "backgroundColor": "#FAFAFA", "useTextCenter": false, "textSize1": "fc-h5-text", "textColor1": "#000000", "text1": "Kenapa saya harus belajar Laravel?
\nApa keunggulannya dibanding framework lain?\n", "textSize2": "fc-content-text", "textColor2": "#000000", "text2": "- Sintaks yang elegan & ekspresif menjadikan coding menggunakan Laravel terasa menyenangkan dan mudah dibaca.

\n - Poin di atas membuat Laravel sangat mudah dipelajari (selama mempunyai basic PHP yang cukup)

\n - Ekosistem yang lengkap mulai dari 1st party dari pihak Laravel sendiri (Pulse, Echo, Cashier, Sail, dll) sampai berbagai library yang siap digunakan untuk membantu pekerjaan software developer.

\n - Dukungan komunitas yang sangat besar dan Dokumentasi yang lengkap dan mudah dipelajari.

\n - Banyak project pembuatan website di dalam dan luar negeri yang membutuhkan keahlian Laravel. Menguasai Laravel memungkinkan Anda untuk mendapatkan pekerjaan, baik itu fulltime ataupun freelance dari dalam dan luar negeri" }, "uniqueId": "fc-block-4-2hmu03bgt", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-tm1m4txr6", "layout": { "id": "003", "description": "문단 구분 선", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "size", "options": [ "1", "2" ] } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "borderColor": "#c8c8d2", "borderSize": "1" }, "template": "
\">\n
rem;padding-bottom: <%= paddingBottom/10 %>rem;\">\n
rem solid <%= borderColor %>;\">\n
\n
\n" }, "values": { "backgroundColor": "#FAFAFA", "paddingTop": "20", "paddingBottom": "20", "borderColor": "#CECECE", "borderSize": "1" }, "uniqueId": "fc-block-5-cpncfkfaa", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-6-av0cmc40a", "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": "30", "paddingBottom": "", "backgroundColor": "#FAFAFA", "useTextCenter": false, "textSize1": "fc-h5-text", "textColor1": "#000000", "text1": "Apakah perusahaan IT & Startup Indonesia
\nbanyak yang mewajibkan untuk mengetahui
\nVue JS dan React JS?\n", "textSize2": "fc-content-text", "textColor2": "#000000", "text2": "Ya, sangat banyak perusahaan IT dan startup di Indonesia yang mewajibkan atau sangat menghargai kemampuan calon karyawannya dalam menggunakan Vue.js atau React.js. Nggak cuma di Indonesia. Bahkan perusahaan luar negeri pun banyak yang mewajibkan dua framework ini.

\n\nKhususnya jika kamu memang memutuskan untuk berkarier sebagai Frontend Developer. Keduanya adalah framework JavaScript yang sangat populer dan banyak digunakan dalam pengembangan aplikasi web modern. 

\nMenguasai dua framework ini akan membuka peluang Anda semakin luas. Bukan hanya karier full-time, Anda juga bisa mengerjakan pekerjaan sampingan atau freelance di dalam maupun luar negeri dengan skill di dua framework ini. " }, "uniqueId": "fc-block-6-z5s0yohhs", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-7-3spvy6zzh", "layout": { "id": "003", "description": "문단 구분 선", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "size", "options": [ "1", "2" ] } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "borderColor": "#c8c8d2", "borderSize": "1" }, "template": "
\">\n
rem;padding-bottom: <%= paddingBottom/10 %>rem;\">\n
rem solid <%= borderColor %>;\">\n
\n
\n" }, "values": { "backgroundColor": "#FAFAFA", "paddingTop": "20", "paddingBottom": "20", "borderColor": "#CECECE", "borderSize": "1" }, "uniqueId": "fc-block-7-rhnjhdjkg", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-72-sq1iq7e0w", "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": "30", "paddingBottom": "", "backgroundColor": "#FAFAFA", "useTextCenter": false, "textSize1": "fc-h5-text", "textColor1": "#000000", "text1": "Kenapa saya perlu belajar web
\ndevelopment dengan kombinasi
\nLaravel & Vue JS? \n", "textSize2": "fc-content-text", "textColor2": "#000000", "text2": "Laravel dan Vue JS adalah framework yang sama-sama mempunyai learning curve yang mudah ketimbang kompetitornya. Jadi, sebagai pemula kombinasi ini sangat powerful untuk membuat berbagai website. Laravel dan Vue JS memungkinkan produktivitas yang tinggi. Kedua framework ini menyediakan banyak fitur bawaan dan ekosistem yang kaya, sehingga Anda dapat membangun aplikasi dengan lebih cepat." }, "uniqueId": "fc-block-66-he43bpwp5", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-64-tzdyoa2qy", "layout": { "id": "003", "description": "문단 구분 선", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "size", "options": [ "1", "2" ] } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "borderColor": "#c8c8d2", "borderSize": "1" }, "template": "
\">\n
rem;padding-bottom: <%= paddingBottom/10 %>rem;\">\n
rem solid <%= borderColor %>;\">\n
\n
\n" }, "values": { "backgroundColor": "#FAFAFA", "paddingTop": "20", "paddingBottom": "20", "borderColor": "#CECECE", "borderSize": "1" }, "uniqueId": "fc-block-67-vd9lyyk3w", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-63-lo4dlwkxw", "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": "30", "paddingBottom": "80", "backgroundColor": "#FAFAFA", "useTextCenter": false, "textSize1": "fc-h5-text", "textColor1": "#000000", "text1": "Apakah ada prasyarat untuk kursus ini?\n", "textSize2": "fc-content-text", "textColor2": "#000000", "text2": "Anda harus mengetahui dasar-dasar bahasa Javascript terlebih dahulu.\nJika Anda ingin mempelajari dasar-dasar bahasa Javascript, Anda dapat mengikuti kursus Fast Campus \nJavaScript 101 : Cara Termudah Untuk Mulai Bagi Pemula sebelum mengikuti kursus ini." }, "uniqueId": "fc-block-68-tb0u8yj9w", "isChecked": false, "hasSyntaxErrorTags": true }, { "id": "fc-block-7-cg5g1chrx", "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-1-hs7w7ewha", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-8-grtr2xk06", "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 yang dapat membantu kamu update
\ndengan tren terbaru bursa kerja untuk Web Development." }, "uniqueId": "fc-block-2-miolbm6f1", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-gq3wg65eo", "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. Memulai Backend Development di PHP", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-3-zpsn5ri63", "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. PHP Basic", "content1": "- Pengenalan Pengajar, Kursus, dan Tools
\n- Arsitektur Web, Frontend & Backend
\n- Sejarah & Ekosistem PHP
\n- Menjalankan Kode PHP
\n- Variabel & Konstanta
\n- Komentar
\n- Tipe Data
\n- Casting
\n- Operator
\n- Pengkondisian
\n- Function
\n- Array
\n- Indexed Array
\n- Associative Array
\n- Multidimensional Array
\n- Looping
\n", "imageUrl1": "", "title2": "Bab 2. PHP OOP", "content2": "- Apa itu OOP
\n- Class & Object
\n- Constructor & Destructor
\n- Access Modifiers
\n- Inheritance
\n- Abstract & Interface
\n- Traits
\n- Static Methods & Properties
\n- Chaining Method
\n- Koneksi Database menggunakan PDO
\n", "imageUrl2": "" }, "uniqueId": "fc-block-5-7dehmpbcy", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-w7ob6hgzd", "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-1-4k97hmvnn", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-qyvi9pka5", "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. Database MySQL", "content1": "- Konsep Dasar Database
\n- MySQL: CREATE Table
\n- MySQL: INSERT
\n- MySQL: SELECT
\n- MySQL: WHERE
\n- MySQL: UPDATE
\n- MySQL: DELETE
\n- MySQL: JOIN
\n- MySQL: ORDER BY & LIMIT
\n- MySQL: GROUP BY
\n- MySQL: Aggregate functions (COUNT, SUM, AVG, MIN, MAX)
\n- MySQL: SubQuery
\n- MySQL: Database Transaction
", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "uniqueId": "fc-block-1-kok3lis25", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-8-24dtx7pnw", "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. Proyek Website Ecommerce Backend & Pengenalan Vue JS", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-8-av9vfdzkw", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-10-828z6psc5", "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. Dasar Laravel", "content1": "- Pengenalan Laravel & Ekosistem Laravel
\n- Composer & Instalasi Laravel
\n- Struktur Folder
\n- Routing & Controller
\n- Middleware
\n- Blade Template
\n- Collection
\n- Helper (plus Membuat Custom Helper)
\n- Menggunakan Package
\n- Laravel Tinker
\n- Kirim Email
", "imageUrl1": "", "title2": "Bab 2. Interaksi Database Laravel", "content2": "- Koneksi Database
\n- Migration & Model
\n- Seeder
\n- Eloquent + Query Builder
\n- Relationship - One to One
\n- Relationship - One to Many
\n- Relationship - Many to Many
\n- Relationship - Polymorphic Many to Many
\n- Accessor & Mutator
\n- Scope
\n- Eager Loading & Lazy Loading
\n- Database Transaction
", "imageUrl2": "" }, "uniqueId": "fc-block-9-5v12lkiop", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-10-cmifoc5kf", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "20", "backgroundColor": "#F2F2F2" }, "uniqueId": "fc-block-4-9a4xy33zo", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-4-raadg4xet", "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. Membuat API dengan Laravel", "content1": "- Testing with Postman
\n- Auth with Sanctum
\n- Membuat API CRUD (Create, Read, Update, Delete with SoftDeletes)
\n- Validasi API
\n- Upload File
", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "uniqueId": "fc-block-3-tix26uahf", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-17-iwm68t6l9", "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. Proyek Website Ecommerce Backend dengan Laravel", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-10-rnmn2bayj", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-15-4nqq4nuji", "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 Project", "content1": "- Setup Project + GIT
\n- Overview Project
", "imageUrl1": "", "title2": "Bab 2. Register & Login", "content2": "- API Register 1 - Setup Auth + Register
\n- API Register 2 - Send OTP + Verify Register
\n- API Register 3 - Resend OTP + Login
\n- API Forgot Password
\n- API Profile + Update Profile
\n- API Slider + Seeder
\n- API Category + Seeder
\n- API Alamat - Migration, Model, Data Dump, Setup CRUD
\n- API Alamat - Testing CRUD & Set Alamat Utama
\n- API Alamat - API Provinsi & Kota
\n- API Login/Register Google
", "imageUrl2": "" }, "uniqueId": "fc-block-11-kov7hp665", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-14-4fwc3jz8n", "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-12-6ruzc796z", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-16-hvpcz03q6", "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. Customer Flow", "content1": "- Migration & Model - Product, Image, Variations, Review
\n- Seeder Dummy Product
\n- Coding API Explore Product, Detail Product
+ Review, Detail Seller
\n- Testing API Explore Product, Detail Product
+ Review, Detail Seller
\n- API Add to Cart part 1
\n- API Add to Cart part 2
\n- API List Cart
\n- API Remove Item from Cart
\n- API Voucher + Apply Voucher part 1
\n- API Voucher + Apply Voucher part 2
\n- API Kalkulasi Ongkos Kirim + Integrasi Raja Ongkir
\n- RajaOngkir Update - Apa yang berubah
\n- ⁠⁠RajaOngkir Update - Tambah Validasi di Alamat
\n- RajaOngkir Update - Update Kalkulasi Ongkir
\n- API Checkout with Midtrans Payment Gateway part 1
\n- API Checkout with Midtrans Payment Gateway part 2
\n- API Checkout with Koin (Max 10%)
\n- API Checkout: Send Email to Seller
\n- API List Pesanan
\n- API Detail Pesanan
\n- API Add Review + Add Koin Balance
", "imageUrl1": "", "title2": "Bab 4. Seller Flow", "content2": "- API Seller - List Product
\n- API Seller - Add & Edit Product part 1
\n- API Seller - Add & Edit Product part 2
\n- API Seller - Hapus Product
\n- API Seller - CRUD Voucher
\n- API Seller - List Order & Detail Order
\n- API Seller - Update Status Order
\n- API Seller - List Transaksi Wallet
\n- API Seller - Withdraw Wallet
", "imageUrl2": "" }, "uniqueId": "fc-block-13-4xc64bo22", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-18-dksytelc2", "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-uaxlqa5jz", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-9-obbl0z8aj", "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 5. Deployment", "content1": "- Deployment: Setup VPS
\n- Deployment: Remote SSH
\n- Deployment: Setup GIT di Server
\n- Deployment: Setup PHP + MySQL
\n- Deployment: Setup DNS
\n- Deployment: Setup NGINX
", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "uniqueId": "fc-block-14-syqdkdmhg", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-bhprvf8ct", "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. Frontend Development dengan Vue.js & Nuxt.js", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-5-0o6ya5bw6", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-11-7ymvsxc96", "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. Membangun Pondasi: Pengenalan Vue.js", "content1": "- Pengenalan Kelas
\n- Persiapan Tools
\n- Pengenalan Vue.js: Essentials
\n- Pengenalan Vue.js: Komponen
\n- Pengenalan Vue.js: State Management
\n\n", "imageUrl1": "", "title2": "Bab 2. Scale up: Mengenal Nuxt.js", "content2": "- Apa itu Nuxt.js dan perbedaan dengan VueJS
\n- Mengenal perbedaan SSR & SSG & CSR
\n- Structure project nuxtjs
\n- Routing
\n- Nuxt ui
\n", "imageUrl2": "" }, "uniqueId": "fc-block-8-a98lpa253", "isChecked": false, "hasSyntaxErrorTags": 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 7. Proyek Website Ecommerce (Backend) Part 1", "content1": "- Setup Project + GIT
\n- Overview Project
\n- Analisis Database
\n- Membuat Migration & Model
\n- API Login & Register
\n- API Forgot Password
\n- API Category + Seeder
\n- API Slider + Seeder
\n- API Profile + Update Profile
", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "uniqueId": "fc-block-6-dscqtsm3u", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-8-43x1eqbsx", "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 8. Proyek Website Ecommerce (Backend) Part 2", "content1": "- API CRUD Alamat
\n- API Login/Register Google
\n- API Login/Register Facebook
\n- Seeder Dummy Product
\n- API Explore Product + API Detail Product
\n- API Add to Cart part 1
\n- API Add to Cart part 2
\n- API List Cart
\n- API Remove Item from Cart
\n- API Voucher + Apply Voucher part 1
\n- API Voucher + Apply Voucher part 2
\n- API Kalkulasi Ongkos Kirim + Integrasi Raja Ongkir
\n- API Checkout with Midtrans Payment Gateway part 1
\n- API Checkout with Midtrans Payment Gateway part 2
\n- API Checkout with Koin (Max 10%)
\n- API Checkout: Send Email to Seller
\n- API List Pesanan
\n- API Detail Pesanan
\n- API Add Review + Add Koin Balance
\n- API Seller - List Product
\n- API Seller - Add & Edit Product part 1
\n- API Seller - Add & Edit Product part 2
\n- API Seller - Hapus Product
\n- API Seller - CRUD Voucher
\n- API Seller - List Order & Detail Order
\n- API Seller - Update Status Order
\n- API Seller - List Transaksi Wallet
\n- API Seller - Withdraw Wallet
\n- Deployment: Setup VPS
\n- Deployment: Remote SSH
\n- Deployment: Setup GIT di Server
\n- Deployment: Setup PHP + MySQL
\n- Deployment: Setup DNS
\n- Deployment: Setup NGINX
\n", "imageUrl1": "", "title2": "Bab 9. Proyek Company Profile (Backend) Part 1", "content2": "- Setup Project + GIT
\n- Overview Project, Analisis Database, Migration & Model
\n- API CRUD Review
\n- API Contact US Inbox
\n- API CRUD Page
\n- API Site Settings
\n- API untuk Frontend: Contact US + Kirim Email
\n\n", "imageUrl2": "" }, "uniqueId": "fc-block-6-0hz8j8etj", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-13-ko9jrmbc6", "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" }, "hidden": true, "uniqueId": "fc-block-15-aw2g0vv3k", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-12-lr2awa7pi", "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-9-4lob4djad", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-13-9c82fywgl", "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 12. Mengenal Nuxt JS", "content1": "- Apa itu Nuxt.js dan perbedaan dengan VueJS
\n- Mengenal perbedaan SSR & SSG & CSR
\n- Structure project nuxtjs
\n- Routing
\n- Nuxt ui
\n\n", "imageUrl1": "", "title2": "Bab 13. Menerapkan UI dan Routing pada Nuxt.js", "content2": "- Membuat Layout
\n- Membuat Halaman Utama
\n- Membuat Halaman Autentikasi
\n- Membuat Halaman User
\n- Membuat Halaman Shop
\n", "imageUrl2": "" }, "uniqueId": "fc-block-10-ivnvgvs03", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-17-6fksujt4v", "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-11-wvyjw0rq4", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-7-si0dhtez3", "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 14. Nuxt.js Advance implementation", "content1": "- Setup Integration API
\n- Integrasi Autentikasi
\n- Integrasi User
\n- Integrasi Halaman Utama
\n\n\n", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "uniqueId": "fc-block-8-ll4sw0ej4", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": 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": "40", "paddingBottom": "20", "labelText": "Bagian 5. Proyek Website Ecommerce Frontend dengan Vue.js & Nuxt.js", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-4-kh0nqik91", "isChecked": false, "hasSyntaxErrorTags": 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 1. Membuat Layout", "content1": "- Slicing layout utama - header
\n- Slicing layout utama - footer
\n- Slicing layout secondary - header
\n- Slicing layout secondary - footer
\n- Slicing layout dashboard - header
\n- Slicing layout dashboard - footer
\n", "imageUrl1": "", "title2": "Bab 2. Membuat Halaman Utama", "content2": "- Slicing Homepage
\n- Slicing Search page
\n- Slicing Product Detail part 1
\n- Slicing Product Detail part 2
\n- Slicing Cart part 1
\n- Slicing Cart part 2
\n- Slicing Checkout page part 1
\n- Slicing Checkout page part 2
\n- Slicing Halaman Pembayaran
\n", "imageUrl2": "" }, "uniqueId": "fc-block-16-6n0mcasxu", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-18-6q1zdwrck", "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-16-87zu0e67t", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-19-tic7cfdt9", "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. Membuat Halaman Autentikasi", "content1": "- Review ringkasan project terakhir
\n- Slicing Login
\n- Slicing Forgot password
\n- Slicing Sign up
\n", "imageUrl1": "", "title2": "Bab 4. Membuat Halaman User", "content2": "- Slicing Sidebar
\n- Slicing Akun Saya - Profile
\n- Slicing Akun Saya - Change email
\n- Slicing Akun Saya - Change phone
\n- Slicing Alamat - List
\n- Slicing Alamat - Tambah alamat
\n- Slicing Alamat - Tambah alamat - custom select address
\n- Slicing Ubah password
\n- Slicing Order list
\n- Slicing popup review
\n- Slicing Order detail
\n- Slicing Koin Saya
", "imageUrl2": "" }, "uniqueId": "fc-block-17-3lcnk9tqg", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-20-eitkjjajs", "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-nmdy4zn4k", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-21-bmba8lp9f", "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 5. Membuat Halaman Shop", "content1": "- Review ringkasan project terakhir
\n- Slicing Shop Detail
\n- Slicing Seller - Produk - List
\n- Slicing Seller - Produk - Detail
\n- Slicing Seller - Produk - Tambah
\n- Slicing Seller - Order - List
\n- Slicing Seller - Order - Detail
\n- Slicing Seller - Voucher - List
\n- Slicing Seller - Voucher - Tambah
\n- Slicing Seller - Voucher - Detail
\n- Slicing Seller - Wallet (Saldo)
\n- Slicing Seller - Withdraw wallet
\n", "imageUrl1": "", "title2": "Bab 6. Setup Integration API", "content2": "- Review ringkasan project terakhir
\n- Pengenalan useAsyncData
\n- Pengenalan useFetch
\n- Pengenalan cors & proxy
\n- Membuat function reusable untuk fetch api
", "imageUrl2": "" }, "uniqueId": "fc-block-19-v3z9zfb5u", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-23-x93v6y5k0", "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-20-86xld1vnc", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-22-0cnur3cj7", "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 7. Integrasi Autentikasi", "content1": "- Review ringkasan project terakhir
\n- Pengenalan middleware & plugins
\n- Integrasi Login
\n- Integrasi Akun saya - Profil
\n- Integrasi Sign up
\n- Integrasi Forgot password
\n", "imageUrl1": "", "title2": "Bab 8. Integrasi User", "content2": "- Integrasi Akun saya - Alamat - List
\n- Integrasi Akun saya - Alamat - Tambah
\n- Integrasi Akun saya - Alamat - Edit
\n- Integrasi Akun saya - Profile - change photo
\n- Integrasi Akun saya - Profile - change email
\n- Integrasi Akun saya - Profile - change phone
\n- Integrasi Koin Saya
", "imageUrl2": "" }, "uniqueId": "fc-block-21-sw0duggb1", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-25-bxo7sqidc", "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-22-272c5yu4c", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-24-2ln6h92k4", "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 9. Integrasi Halaman Utama", "content1": "- Review ringkasan project terakhir
\n- Integrasi Homepage - Hero
\n- Integrasi Homepage - Kategori
\n- Integrasi Homepage produk list dan load more
\n- Optimasi SEO di Homepage
\n- Integrasi Search page
\n- Optimasi SEO di Search page
\n- Integrasi Produk Detail - Hero
\n- Integrasi Produk Detail - Shop detail
\n- Integrasi Produk Detail - Review List
\n- Integrasi Produk Detail - Tambah Review
\n- Integrasi Produk Detail - Tambah Keranjang
\n- Optimasi SEO di Produk Detail
\n- Integrasi Keranjang - List
\n- Integrasi Keranjang - Voucher
\n- Integrasi Checkout - Alamat
\n- Integrasi Checkout - Product
\n- Integrasi Checkout - Price
\n- Integrasi Pembayaran menggunakan payment gateway
\n", "imageUrl1": "", "title2": "Bab 10. Integrasi Pesanan", "content2": "- Review ringkasan project terakhir
\n- Integrasi Order List
\n- Integrasi Order List - Review
\n- Integrasi Order detail
\n- Integrasi Order detail
\n- Integrasi Order detail
", "imageUrl2": "" }, "uniqueId": "fc-block-23-mpwkmrlxk", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-20-45mvfmfas", "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-12-3ww08d755", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-16-utpbsedf6", "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 11. Integrasi Halaman Penjual", "content1": "- Integrasi Penjual - Produk - List
\n- Integrasi Penjual - Produk - Tambah
\n- Integrasi Penjual - Produk - Detail
\n- Integrasi Penjual - Voucher - List
\n- Integrasi Penjual - Voucher - Tambah
\n- Integrasi Penjual - Voucher - Detail & Edit
\n- Integrasi Penjual - Order - List
\n- Integrasi Penjual - Order - Detail
\n- Integrasi Penjual - Order - Detail - Update status
\n- Integrasi Penjual - Wallet (Saldo)
\n- Integrasi Penjual - Withdraw wallet
\n", "imageUrl1": "", "title2": "Bab 12. Deployment to VPS", "content2": "- Penjelasan deployment
\n- Setup VPS
\n- Install Node & PM2
\n- Setup Git
\n- Deployment NuxtJS
", "imageUrl2": "" }, "uniqueId": "fc-block-13-3lddhn2gv", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-6-4jh3hvik7", "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. Mini Proyek Website Company Profile dengan Laravel, React.js & Next.js", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-9-uqepyv8vg", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-19-yfn8643ts", "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. Website Company Profile Backend (Laravel)", "content1": "- Setup Project + GIT
\n- Overview Project, Analisis Database, Migration & Model
\n- API Site Settings
\n- API untuk Frontend: Contact US + Kirim Email
\n- API untuk Frontend: Settings
\n- Deployment: Setup GIT di Server
\n- Deployment: Setup NGINX
\n", "imageUrl1": "", "title2": "Bab 2. Laravel Advance", "content2": "- Queue/Job
\n- Cache
\n- Artisan Console
\n- Task Scheduler
\n", "imageUrl2": "" }, "uniqueId": "fc-block-14-brtakbmxy", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-22-5j2m5pth2", "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-15-0l6zn2w9g", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-21-xd1ztj2g6", "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. Website Company Profile Frontend (React.js)", "content1": "- Pengenalan aplikasi dan ringkasan materi
\n- Inisasi Project dengan Vite dan Shadcn
\n- Slicing Dashboard - Login
\n- Slicing Dashboard - Layout
\n- Slicing Dashboard - Sidebar
\n- Slicing Dashboard - Site setting
\n- Mengenal library fetching API
\n- Integrasi Dashboard - Login & Logout
\n- Setup state management sebagai session
\n- Membuat navigation guard
\n- Integrasi Dashboard - Site setting
", "imageUrl1": "", "title2": "Bab 4. Website Company Profile Frontend (Next.js)", "content2": "- Pengenalan aplikasi dan ringkasan materi
\n- Inisasi Project Next.js dan structure folder
\n- Perbedaan SSR, SSG, ISR
\n- Setup shadcn & tailwind pada nextjs
\n- Slicing Layout Navbar & Footer
\n- Slicing Homepage
\n- Mengenal localization & Menambahkan next-intl
\n- Menambahkan localization untuk Page Home
\n- Mengenal Data Fetching di Next.js part 1
\n- Mengenal Data Fetching di Next.js part 2
\n- Integrasi Page Home
\n- Integrasi Submit Contact Us
\n", "imageUrl2": "" }, "uniqueId": "fc-block-16-8ztjf3d62", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-14-2a9v7vvcf", "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-17-7gc08q1ux", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-15-b7y9agzjd", "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 5. Frontend Bonus - Optimasi SEO dan Deployment VPS", "content1": "- Menambahkan meta untuk optimasi SEO di berbagai halaman
\n- Deployment React.js untuk dashboard
\n- Deployment Next.js untuk company profile
", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "uniqueId": "fc-block-18-w6t4um6fc", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-9-s1hytrgc9", "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-10-zeawmncg1", "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": "80", "backgroundColor": "#fff" }, "uniqueId": "fc-block-6-tbrqibmf6", "isChecked": false, "hidden": true, "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 4 bagian, dengan jadwal\n
\n\n\n(Sekali bayar akses semua video, sepuasnya)\n

\n\n\n\n

\n\nPertama 27 September, 2024 (Jumat) \n
\n\nKedua 18 Oktober, 2024 (Jumat) \n
\n\nKetiga 8 November, 2024 (Jumat)\n
\n\nKeempat 29 November, 2024 (Jumat) \n", "imageUrl2": "", "title2": "", "content2": "", "imageUrl3": "", "title3": "", "content3": "", "imageUrl4": "", "title4": "", "content4": "" }, "uniqueId": "fc-block-1-3z3571f3q", "isChecked": false, "hidden": true, "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": "80", "backgroundColor": "#fff" }, "uniqueId": "fc-block-61-omirh24uj", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-5-j2fpsjjii", "layout": { "id": "215", "description": "캐러셀형 코스카드", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "colorTheme", "type": "select", "description": "컬러 테마를 설정할 수 있습니다.
-라이트 모드 (default)
-다크 모드", "options": [ "theme--light", "theme--dark" ] }, { "name": "mobileColumnCount", "type": "select", "description": "모바일 카드 배열: 1단/2단", "options": [ 1, 2 ] }, { "name": "useNewTab", "type": "checkbox", "description": "use new tab" }, { "name": "title", "type": "text", "description": "레이아웃 제목" }, { "name": "reverseOrder", "type": "checkbox", "description": "체크하면 목록이 역순으로 나열됩니다.\n페이지 > 미리보기에서 확인해주세요" }, { "name": "courseList", "type": "list", "description": "이 레이아웃은 컴포저의 실시간 미리보기 지원이 불가합니다.\n페이지의 미리보기 기능을 활용해주세요.", "maxLength": 100, "params": [ { "name": "courseId", "type": "text", "description": "course id", "isRequired": true }, { "name": "imageBadge", "type": "text", "description": "공백 없이 최대 4글자까지 입력이 가능합니다.", "isRequired": true }, { "name": "imageBadgeBackgroundColor", "type": "text", "description": "기본 값은 #ff7450입니다.", "isRequired": true, "defaultValue": "#ff7450" }, { "name": "imageBadgeTextColor", "type": "text", "description": "기본 값은 #ffffff입니다.", "defaultValue": "#ffffff" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "colorTheme": "theme--light", "mobileColumnCount": 2, "useNewTab": false, "title": "", "reverseOrder": false, "courseList": [ { "courseId": "", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff" } ] }, "template": "
\"\n data-color-theme=\"<%= colorTheme %>\"\n data-use-new-tab=\"<%= useNewTab %>\"\n data-mobile-column-count=\"<%= mobileColumnCount %>\"\n data-title=\"<%= title %>\"\n data-padding-top=\"<%= paddingTop %>\"\n data-padding-bottom=\"<%= paddingBottom %>\"\n data-reverse-order=\"<%= reverseOrder %>\"\n style=\"padding-top: <%= paddingTop / 10 %>rem; padding-bottom: <%= paddingBottom / 10 %>rem;\"\n>\n
\n
\n <% if (title) { %>\n
<%= title %>
\n <% } %>\n
\">\n
4 || title ? ' carousel__lower' : '' %>\">\n <% courseList.forEach((course, idx) => { %>\n
\"\n data-course-id=\"<%= course.courseId %>\"\n data-image-badge=\"<%= course.imageBadge %>\"\n data-badge-background-color=\"<%= course.imageBadgeBackgroundColor || '#ff7450' %>\"\n data-badge-text-color=\"<%= course.imageBadgeTextColor || '#ffffff' %>\"\n data-id=\"<%= (course.id ) ? course.id : ( reverseOrder ? (course.id = course.length-idx) : (course.id = idx+1) ) %>\"\n >\n <% if (course.courseId) { %>\n \">\n <% if (course.imageBadge) { %>\n
; color: <%= course.imageBadgeTextColor || '#ffffff' %>\">\n
);\">\n <%= course.imageBadge %>\n
\n
\n <% } %>\n
\n
\n
\n
\n \n <% } %>\n
\n <% }) %>\n
\n
\n
\n
\n
\n" }, "values": { "paddingTop": "80", "paddingBottom": "80", "colorTheme": "theme--light", "mobileColumnCount": 2, "useNewTab": false, "title": "Rekomendasi kursus lainnya", "reverseOrder": false, "courseList": [ { "courseId": "238279", "imageBadge": "Online", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 1 }, { "courseId": "243108", "imageBadge": "Online", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 2 }, { "courseId": "242055", "imageBadge": "Online", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 3 }, { "courseId": "236720", "imageBadge": "Online", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 4 } ] }, "uniqueId": "fc-block-1-7pyrgdxbh", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-4-xoka5p4tx", "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-d7qilsupk", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-2-dzyb4x2r8", "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" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-1-lldr6j57a", "isChecked": false }, { "id": "fc-block-3-qdyx1inul", "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-light-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": "" } ] }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-2-csnqn304s", "isChecked": 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 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title1 %>

\"><%= title2 %>

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

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

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

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

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

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

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

<%= title %>

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

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

[Paket All-in-One] Jadi Fullstack Developer Hebat dengan PHP, Laravel, Vue JS, dan Nuxt JS

Informasi detail kelas

(IDN) [Paket All-in-One] Jadi Fullstack Developer Hebat dengan PHP, Laravel, Vue JS, dan Nuxt JS (11/25 ~ ) Details