206

[ { "id": "fc-block-7-zilvjz56p", "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": "30", "backgroundColor": "#f2f2f2", "useTextCenter": true, "textSize": "fc-h4-text", "textColor": "#000000", "text": "\nPERUSAHAAN BIGTECH TERBAIK DI INDONESIA\n" }, "uniqueId": "fc-block-1-qb488jsjs", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-4-aeccwv1ma", "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": "#f2f2f2", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/095536-199/1-1.webp", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-2-433gi6qfu", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-6-8lyyrf538", "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-3-9t8rxa3xc", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-4sx7o8y3e", "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": "#f2f2f2", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/095601-199/1-2.webp", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202409/135638-199/1-2-mob.webp", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-4-r587ynhpn", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-vs920sta0", "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-5-nytguc9sg", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-7dkrlpeyw", "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": "#f2f2f2", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/095606-199/dot-2.webp", "mobileImageUrl": "", "imageWidth": "390", "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-6-hruqb3zur", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-8-ans9apjdj", "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": "20", "paddingBottom": "10", "backgroundColor": "#f2f2f2", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#797979", "text": "\nTerbebani dengan banyaknya pengalaman yang dibutuhkan untuk level Junior?
\nSedang mencari cara untuk mendapatkan semua pengalaman penting dengan cepat?\n" }, "uniqueId": "fc-block-7-mw5n6p8qs", "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": "0", "paddingBottom": "80", "backgroundColor": "#f2f2f2", "useTextCenter": true, "textSize": "fc-h5-text", "textColor": "#000", "text": "\nFast Campus sudah menyiapkan semuanya.\n" }, "uniqueId": "fc-block-18-egbwcmnjr", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-25-ucv7qpb8h", "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": "#000", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#000000", "text": "\nTujuan Kursus\n" }, "uniqueId": "fc-block-8-qqka2zrm8", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-26-ruhqqfh35", "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": "30", "backgroundColor": "#000", "useTextCenter": true, "textSize": "fc-h4-text", "textColor": "#fff", "text": "\nKursus untuk menjadi Backend Junior Developer Big-Tech yang sepenuhnya siap
\nberdasarkan analisis lowongan pekerjaan selama tiga tahun terakhir\n" }, "uniqueId": "fc-block-9-s2hr1d3ep", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-11-m5m76ouvp", "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/202409/230146-1536/2-web--1-.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202409/230235-1536/2-mob.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-10-l35yvmy6g", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-12-xxttxncbb", "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": "#000" }, "uniqueId": "fc-block-11-1qvql7qv4", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-19-12e70bk7j", "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": "#fff", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#000000", "text": "\nPoin 1\n" }, "uniqueId": "fc-block-12-89lwjt8a4", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-20-qnmh6il8q", "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": "#fff", "useTextCenter": true, "textSize": "fc-h4-text", "textColor": "#000000", "text": "\nKursus proyek berdurasi 60 jam!
\n7 proyek praktis dalam satu kursus\n" }, "uniqueId": "fc-block-13-oj5c1imxz", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-21-c7qw6bqw2", "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": "30", "backgroundColor": "#fff", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#3C3C3C", "text": "Termasuk 7 proyek yang sangat mendekati praktik dunia nyata,
mencakup semuanya dari requirement analysis, domain design, DB construction,
feature implementation, distribution, hingga performance improvement" }, "uniqueId": "fc-block-14-7hnuwep9z", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-15-l6nk0bri4", "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": "0", "paddingBottom": "30", "columnCount": "2", "backgroundColor": "#ffffff", "colorTheme": "theme-light-mono", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/131112-199/1.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/131115-199/2.webp", "text1": "", "text2": "" } ] }, "uniqueId": "fc-block-15-yx18bj3yf", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-16-t7kycdfm2", "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": "15", "paddingBottom": "15", "backgroundColor": "#7F52FF", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#fff", "text": "\n✔ Good knowledge on Java and SpringBoot ✔ Strong OOPS skills and system design skills ✔ Experience in DB\n" }, "uniqueId": "fc-block-16-u61xjby2e", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-17-j53g184pw", "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": "30", "paddingBottom": "30", "columnCount": "2", "backgroundColor": "#ffffff", "colorTheme": "theme-light-mono", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/131119-199/3.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/131122-199/4.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/131128-199/5.webp", "text1": "", "text2": "" } ] }, "uniqueId": "fc-block-17-jzma0gve9", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-18-vlqb6mip9", "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": "15", "paddingBottom": "15", "backgroundColor": "#7F52FF", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#fff", "text": "\n✔ Experience with high scale systems is a plus ✔ Experience in message broker ✔ Strong analytical and problem solving skills\n" }, "uniqueId": "fc-block-18-hy6kz2pfu", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-14-aykpupbfi", "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": "30", "paddingBottom": "30", "columnCount": "2", "backgroundColor": "#ffffff", "colorTheme": "theme-light-mono", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/131134-199/6.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/131138-199/7.webp", "text1": "", "text2": "" } ] }, "uniqueId": "fc-block-19-2clqn6g1r", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-13-s7pa0bwev", "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": "15", "paddingBottom": "15", "backgroundColor": "#7F52FF", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#fff", "text": "\n✔ Experience in AWS EKS, Docker, and Kubernetes ✔ Experience in implement unit, integration, and API tests.\n" }, "uniqueId": "fc-block-20-7rtmakv4m", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-29-ri8fpi1wn", "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": "#f2f2f2", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#000000", "text": "\nPoin 2\n" }, "uniqueId": "fc-block-21-48wryigvj", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-30-zkvlolehl", "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": "#f2f2f2", "useTextCenter": true, "textSize": "fc-h4-text", "textColor": "#000", "text": "\nCara menggunakan 35+ tech stack
\ndengan menerapkan 94 fitur sesuai tingkat kesulitan\n" }, "uniqueId": "fc-block-22-9izxuqhu7", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-31-ma008cwaz", "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": "30", "backgroundColor": "#f2f2f2", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#3C3C3C", "text": "Dari fitur penting untuk pemula hingga fitur lanjutan untuk developer!
\nKami akan merealisasikannya menggunakan tech stack yang digunakan di perusahaan sebenarnya!" }, "uniqueId": "fc-block-23-lalqq3nuw", "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": "#f2f2f2", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/100503-199/4-1.webp", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-1-w57ew9f2a", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-10-omvzxny42", "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": "30", "paddingBottom": "30", "backgroundColor": "#f2f2f2", "useTextCenter": true, "textSize": "fc-h5-text", "textColor": "#000", "text": "\n94 fitur back-end dasar hingga lanjutan diterapkan dengan
\ntech stack yang digunakan di perusahaan sebenarnya!\n" }, "uniqueId": "fc-block-24-a4s7c4ca8", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-24-vcbak16ow", "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": "0", "paddingBottom": "80", "columnCount": "3", "backgroundColor": "#f2f2f2", "colorTheme": "theme-light-mono", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/100547-199/4-2-1.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/100551-199/4-2-2.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/100553-199/4-2-3.webp", "text1": "", "text2": "" } ] }, "uniqueId": "fc-block-25-397notr5m", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-9-d7sdnmyk1", "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": "#000", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#000000", "text": "\nPoin 3\n" }, "uniqueId": "fc-block-26-n5a78atpz", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-z4w48vkn6", "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": "#000", "useTextCenter": true, "textSize": "fc-h4-text", "textColor": "#fff", "text": "\nCara menggunakan 35+ tech stack
\ndengan menerapkan 94 fitur sesuai tingkat kesulitan\n" }, "uniqueId": "fc-block-27-bz3i4l1of", "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": "30", "backgroundColor": "#000", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#CCCCCC", "text": "Dari fitur penting untuk pemula hingga fitur lanjutan untuk developer!
\nKami akan merealisasikannya menggunakan tech stack yang digunakan di perusahaan sebenarnya!" }, "uniqueId": "fc-block-19-746vxp5th", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-28-t2bf31bph", "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": "0", "paddingBottom": "80", "columnCount": "2", "backgroundColor": "#000", "colorTheme": "theme-light-mono", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/100806-199/5-1.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/230044-1536/5-2.png", "text1": "", "text2": "" } ] }, "uniqueId": "fc-block-28-7f32k6dib", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-45-tcrw3ll8i", "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": "#fff", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#000000", "text": "\nPoin 4\n" }, "uniqueId": "fc-block-29-k8483gb3l", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-46-nfk95oi66", "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": "#fff", "useTextCenter": true, "textSize": "fc-h4-text", "textColor": "#000", "text": "\nCara menjadi junior yang siap,
\noleh 3 Software Engineer Big-Tech saat ini!\n" }, "uniqueId": "fc-block-30-2uttuefaj", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-47-970ri8dzg", "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": "30", "backgroundColor": "#fff", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#3C3C3C", "text": "Jangan lewatkan rahasia yang dibutuhkan untuk kerja praktek dengan cermat
\nyang dibuat oleh para ahli Big-Tech!" }, "uniqueId": "fc-block-31-v4w5was1o", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-37-8soxmmk9b", "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" }, "values": { "backgroundColor": "#ffffff", "paddingTop": "0", "paddingBottom": "20", "borderColor": "#7F52FF", "borderSize": "1" }, "uniqueId": "fc-block-32-i2lk98g0f", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-38-lp5js0y2x", "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 <% if (imageUrl) { %>\n

\" loading=\"lazy\">

\n <% } %>\n

\"><%= title1 %>

\"><%= content1 %>

\"><%= title2 %>

\"><%= content2 %>

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

\n <% } %>\n

\n" }, "values": { "paddingTop": 0, "paddingBottom": "20", "backgroundColor": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/101108-199/profile-1.webp", "titleSize": "fc-h5-text", "title1": "Ganis Zulfa Santoso", "title2": "Riwayat Kerja", "contentSize": "fc-content-text", "content1": "· Senior Principal Software Engineer
\n· di Blibli.com\n

\n

", "content2": "· Sebelumnya) Technical Lead Manager - Kargo Technologies
\n· Sebelumnya) Head of Engineering - EVOS Esports
\n· Sebelumnya) Software Engineer - Shopee
\n· Bachelor) Universitas Indonesia (UI) - Electrical Engineering", "useNewTab": true, "link": "", "linkLabel": "강사님 인터뷰 보기" }, "uniqueId": "fc-block-33-l6zs1r2wo", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-35-mq0o11qws", "layout": { "id": "405", "description": "1~4단 컬러카드", "icon": "\n", "params": [ { "name": "spacingTop", "type": "number", "description": "spacing-top" }, { "name": "spacingBottom", "type": "number", "description": "spacing-bottom" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "cardGapInUseColumn", "type": "number", "description": "모바일 2단 컬럼에서 카드 간격 (rem단위) (default 3rem)" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "mainTextSize", "type": "select", "description": "main text size", "options": [ "fc-h4-text", "fc-h5-text", "fc-h6-text" ] }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "cardColor1", "type": "text", "description": "card color" }, { "name": "title1", "type": "text", "description": "title text" }, { "name": "main1", "type": "textarea", "description": "main text" }, { "name": "sub1", "type": "textarea", "description": "sub text" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link" }, { "name": "buttonLabel1", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor2", "type": "text", "description": "card color" }, { "name": "title2", "type": "text", "description": "title text" }, { "name": "main2", "type": "textarea", "description": "main text" }, { "name": "sub2", "type": "textarea", "description": "sub text" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link" }, { "name": "buttonLabel2", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor3", "type": "text", "description": "card color" }, { "name": "title3", "type": "text", "description": "title text" }, { "name": "main3", "type": "textarea", "description": "main text" }, { "name": "sub3", "type": "textarea", "description": "sub text" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link" }, { "name": "buttonLabel3", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor4", "type": "text", "description": "card color" }, { "name": "title4", "type": "text", "description": "title text" }, { "name": "main4", "type": "textarea", "description": "main text" }, { "name": "sub4", "type": "textarea", "description": "sub text" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "link4", "type": "text", "description": "link" }, { "name": "buttonLabel4", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" } ], "values": { "spacingTop": 0, "spacingBottom": 0, "useTextCenter": false, "backgroundColor": "#ffffff", "useColumnInMobile": false, "cardGapInUseColumn": 2, "textColor": "#000000", "buttonColor": "#E4FF18", "buttonTextColor": "#000000", "titleSize": "fc-h5-text", "mainTextSize": "fc-h4-text", "subTextSize": "fc-h6-text", "cardColor1": "#ff947a", "title1": "", "main1": "", "sub1": "", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#88abff", "title2": "", "main2": "", "sub2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#c88dff", "title3": "", "main3": "", "sub3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "", "cardColor4": "#91eaa2", "title4": "", "main4": "", "sub4": "", "useNewTab4": true, "link4": "", "buttonLabel4": "" }, "template": "

rem; padding-bottom: <%= spacingBottom/10 || 0 %>rem; background-color: <%= backgroundColor || 'transparent' %>\">\n

; <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title1) { %>\n
\"><%= title1 %>
\n <% } %>\n <% if(main1) { %>\n
\"><%= main1 %>
\n <% } %>\n <% if(sub1) { %>\n
\"><%= sub1 %>
\n <% } %>\n
\n <% if(link1) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link1 %>\" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel1 %>\n
\n <% } %>\n
background-color: <%= cardColor2 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title2) { %>\n
\"><%= title2 %>
\n <% } %>\n <% if(main2) { %>\n
\"><%= main2 %>
\n <% } %>\n <% if(sub2) { %>\n
\"><%= sub2 %>
\n <% } %>\n
\n <% if(link2) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link2 %>\" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel2 %>\n
\n <% } %>\n
background-color: <%= cardColor3 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title3) { %>\n
\"><%= title3 %>
\n <% } %>\n <% if(main3) { %>\n
\"><%= main3 %>
\n <% } %>\n <% if(sub3) { %>\n
\"><%= sub3 %>
\n <% } %>\n
\n <% if(link3) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link3 %>\" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel3 %>\n
\n <% } %>\n
background-color: <%= cardColor4 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title4) { %>\n
\"><%= title4 %>
\n <% } %>\n <% if(main4) { %>\n
\"><%= main4 %>
\n <% } %>\n <% if(sub4) { %>\n
\"><%= sub4 %>
\n <% } %>\n
\n <% if(link4) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link4 %>\" <% if(useNewTab4) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel4 %>\n
\n <% } %>\n

\n" }, "values": { "spacingTop": 0, "spacingBottom": 0, "useTextCenter": false, "backgroundColor": "#ffffff", "useColumnInMobile": false, "cardGapInUseColumn": 2, "textColor": "#000000", "buttonColor": "#E4FF18", "buttonTextColor": "#000000", "titleSize": "fc-h6-text", "mainTextSize": "fc-h6-text", "subTextSize": "fc-content-text", "cardColor1": "#f2f2f2", "title1": "", "main1": "Komentar tutor", "sub1": "\nKursus ini memberikan kesempatan untuk mengembangkan aplikasi backend yang scalable dan efisien menggunakan Spring Boot yang akan di-deploy di Cloud. Melalui pendekatan hands-on, Anda dapat membangun proyek yang dapat digunakan sebagai portofolio untuk membantu dalam mendapatkan pekerjaan impian. Di setiap sesinya, saya juga akan menyisipkan tips dan pengalaman saya selama bekerja lebih dari 10 tahun di berbagai startup dan perusahaan besar.\n", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#88abff", "title2": "", "main2": "", "sub2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#c88dff", "title3": "", "main3": "", "sub3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "", "cardColor4": "#91eaa2", "title4": "", "main4": "", "sub4": "", "useNewTab4": true, "link4": "", "buttonLabel4": "" }, "uniqueId": "fc-block-34-zkqcv6bqg", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-39-elomcxxus", "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" }, "values": { "backgroundColor": "#ffffff", "paddingTop": "40", "paddingBottom": "20", "borderColor": "#7F52FF", "borderSize": "1" }, "uniqueId": "fc-block-35-733orc55x", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-40-crz7hrp9j", "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 <% if (imageUrl) { %>\n

\" loading=\"lazy\">

\n <% } %>\n

\"><%= title1 %>

\"><%= content1 %>

\"><%= title2 %>

\"><%= content2 %>

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

\n <% } %>\n

\n" }, "values": { "paddingTop": 0, "paddingBottom": "20", "backgroundColor": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/101428-199/profile-2.webp", "titleSize": "fc-h5-text", "title1": "Elan Qisthi", "title2": "Riwayat Kerja", "contentSize": "fc-content-text", "content1": "· Senior Software Engineer
\n· di Ajaib\n

\n

", "content2": "· Sebelumnya) Senior Software Engineer - Bukalapak
\n· Sebelumnya) Senior Software Engineer - Mekari
\n· Bachelor) Institut Teknologi Bandung (ITB) - Network and Digital Media", "useNewTab": true, "link": "", "linkLabel": "강사님 인터뷰 보기" }, "uniqueId": "fc-block-36-llk89322b", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-36-2rme9ibc2", "layout": { "id": "405", "description": "1~4단 컬러카드", "icon": "\n", "params": [ { "name": "spacingTop", "type": "number", "description": "spacing-top" }, { "name": "spacingBottom", "type": "number", "description": "spacing-bottom" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "cardGapInUseColumn", "type": "number", "description": "모바일 2단 컬럼에서 카드 간격 (rem단위) (default 3rem)" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "mainTextSize", "type": "select", "description": "main text size", "options": [ "fc-h4-text", "fc-h5-text", "fc-h6-text" ] }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "cardColor1", "type": "text", "description": "card color" }, { "name": "title1", "type": "text", "description": "title text" }, { "name": "main1", "type": "textarea", "description": "main text" }, { "name": "sub1", "type": "textarea", "description": "sub text" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link" }, { "name": "buttonLabel1", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor2", "type": "text", "description": "card color" }, { "name": "title2", "type": "text", "description": "title text" }, { "name": "main2", "type": "textarea", "description": "main text" }, { "name": "sub2", "type": "textarea", "description": "sub text" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link" }, { "name": "buttonLabel2", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor3", "type": "text", "description": "card color" }, { "name": "title3", "type": "text", "description": "title text" }, { "name": "main3", "type": "textarea", "description": "main text" }, { "name": "sub3", "type": "textarea", "description": "sub text" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link" }, { "name": "buttonLabel3", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor4", "type": "text", "description": "card color" }, { "name": "title4", "type": "text", "description": "title text" }, { "name": "main4", "type": "textarea", "description": "main text" }, { "name": "sub4", "type": "textarea", "description": "sub text" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "link4", "type": "text", "description": "link" }, { "name": "buttonLabel4", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" } ], "values": { "spacingTop": 0, "spacingBottom": 0, "useTextCenter": false, "backgroundColor": "#ffffff", "useColumnInMobile": false, "cardGapInUseColumn": 2, "textColor": "#000000", "buttonColor": "#E4FF18", "buttonTextColor": "#000000", "titleSize": "fc-h5-text", "mainTextSize": "fc-h4-text", "subTextSize": "fc-h6-text", "cardColor1": "#ff947a", "title1": "", "main1": "", "sub1": "", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#88abff", "title2": "", "main2": "", "sub2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#c88dff", "title3": "", "main3": "", "sub3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "", "cardColor4": "#91eaa2", "title4": "", "main4": "", "sub4": "", "useNewTab4": true, "link4": "", "buttonLabel4": "" }, "template": "

rem; padding-bottom: <%= spacingBottom/10 || 0 %>rem; background-color: <%= backgroundColor || 'transparent' %>\">\n

; <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title1) { %>\n
\"><%= title1 %>
\n <% } %>\n <% if(main1) { %>\n
\"><%= main1 %>
\n <% } %>\n <% if(sub1) { %>\n
\"><%= sub1 %>
\n <% } %>\n
\n <% if(link1) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link1 %>\" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel1 %>\n
\n <% } %>\n
background-color: <%= cardColor2 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title2) { %>\n
\"><%= title2 %>
\n <% } %>\n <% if(main2) { %>\n
\"><%= main2 %>
\n <% } %>\n <% if(sub2) { %>\n
\"><%= sub2 %>
\n <% } %>\n
\n <% if(link2) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link2 %>\" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel2 %>\n
\n <% } %>\n
background-color: <%= cardColor3 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title3) { %>\n
\"><%= title3 %>
\n <% } %>\n <% if(main3) { %>\n
\"><%= main3 %>
\n <% } %>\n <% if(sub3) { %>\n
\"><%= sub3 %>
\n <% } %>\n
\n <% if(link3) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link3 %>\" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel3 %>\n
\n <% } %>\n
background-color: <%= cardColor4 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title4) { %>\n
\"><%= title4 %>
\n <% } %>\n <% if(main4) { %>\n
\"><%= main4 %>
\n <% } %>\n <% if(sub4) { %>\n
\"><%= sub4 %>
\n <% } %>\n
\n <% if(link4) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link4 %>\" <% if(useNewTab4) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel4 %>\n
\n <% } %>\n

\n" }, "values": { "spacingTop": 0, "spacingBottom": 0, "useTextCenter": false, "backgroundColor": "#ffffff", "useColumnInMobile": false, "cardGapInUseColumn": 2, "textColor": "#000000", "buttonColor": "#E4FF18", "buttonTextColor": "#000000", "titleSize": "fc-h6-text", "mainTextSize": "fc-h6-text", "subTextSize": "fc-content-text", "cardColor1": "#f2f2f2", "title1": "", "main1": "Komentar tutor", "sub1": "\nHalo, calon developer masa depan! Mau jadi buruan recruiter? Kuasai tech stack yang keren sekarang! Bayangkan, kamu mahir di Java Spring Boot, PostgreSQL, dan Docker untuk bikin aplikasi canggih dan deployment mudah. Tambahkan Elasticsearch, Kafka, Xendit, SendGrid, VideoSDK, dan monitoring dengan Grafana dan Prometheus ke skill set kamu. Dengan kemampuan ini, kamu bisa jadi bintang di berbagai industri, dari e-commerce hingga fintech. Startup unicorn dan perusahaan teknologi ternama pasti akan berebut merekrut kamu! Jadi, tunggu apa lagi? Mulai petualangan kamu di dunia teknologi sekarang!\n", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#88abff", "title2": "", "main2": "", "sub2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#c88dff", "title3": "", "main3": "", "sub3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "", "cardColor4": "#91eaa2", "title4": "", "main4": "", "sub4": "", "useNewTab4": true, "link4": "", "buttonLabel4": "" }, "uniqueId": "fc-block-37-gcvkcp30z", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-32-rg37fy7zd", "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" }, "values": { "backgroundColor": "#ffffff", "paddingTop": "40", "paddingBottom": "20", "borderColor": "#7F52FF", "borderSize": "1" }, "uniqueId": "fc-block-38-jk40wf3u3", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-33-ohvy9qabt", "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 <% if (imageUrl) { %>\n

\" loading=\"lazy\">

\n <% } %>\n

\"><%= title1 %>

\"><%= content1 %>

\"><%= title2 %>

\"><%= content2 %>

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

\n <% } %>\n

\n" }, "values": { "paddingTop": 0, "paddingBottom": "20", "backgroundColor": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/101433-199/profile-3.webp", "titleSize": "fc-h5-text", "title1": "Dery Rahman
Ahaddienata", "title2": "Riwayat Kerja", "contentSize": "fc-content-text", "content1": "· Senior Software Engineer
\n· di Gojek - Data Platform\n

\n

", "content2": "· Sebelumnya) AI Engineer - Bukalapak
\n· Sebelumnya) Software Engineer - Blibli.com
\n· Bachelor) Institut Teknologi Bandung (ITB) - Informatics ", "useNewTab": true, "link": "", "linkLabel": "강사님 인터뷰 보기" }, "uniqueId": "fc-block-39-2y37gh0lz", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-34-itl9fo57j", "layout": { "id": "405", "description": "1~4단 컬러카드", "icon": "\n", "params": [ { "name": "spacingTop", "type": "number", "description": "spacing-top" }, { "name": "spacingBottom", "type": "number", "description": "spacing-bottom" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "cardGapInUseColumn", "type": "number", "description": "모바일 2단 컬럼에서 카드 간격 (rem단위) (default 3rem)" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "mainTextSize", "type": "select", "description": "main text size", "options": [ "fc-h4-text", "fc-h5-text", "fc-h6-text" ] }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "cardColor1", "type": "text", "description": "card color" }, { "name": "title1", "type": "text", "description": "title text" }, { "name": "main1", "type": "textarea", "description": "main text" }, { "name": "sub1", "type": "textarea", "description": "sub text" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link" }, { "name": "buttonLabel1", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor2", "type": "text", "description": "card color" }, { "name": "title2", "type": "text", "description": "title text" }, { "name": "main2", "type": "textarea", "description": "main text" }, { "name": "sub2", "type": "textarea", "description": "sub text" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link" }, { "name": "buttonLabel2", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor3", "type": "text", "description": "card color" }, { "name": "title3", "type": "text", "description": "title text" }, { "name": "main3", "type": "textarea", "description": "main text" }, { "name": "sub3", "type": "textarea", "description": "sub text" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link" }, { "name": "buttonLabel3", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor4", "type": "text", "description": "card color" }, { "name": "title4", "type": "text", "description": "title text" }, { "name": "main4", "type": "textarea", "description": "main text" }, { "name": "sub4", "type": "textarea", "description": "sub text" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "link4", "type": "text", "description": "link" }, { "name": "buttonLabel4", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" } ], "values": { "spacingTop": 0, "spacingBottom": 0, "useTextCenter": false, "backgroundColor": "#ffffff", "useColumnInMobile": false, "cardGapInUseColumn": 2, "textColor": "#000000", "buttonColor": "#E4FF18", "buttonTextColor": "#000000", "titleSize": "fc-h5-text", "mainTextSize": "fc-h4-text", "subTextSize": "fc-h6-text", "cardColor1": "#ff947a", "title1": "", "main1": "", "sub1": "", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#88abff", "title2": "", "main2": "", "sub2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#c88dff", "title3": "", "main3": "", "sub3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "", "cardColor4": "#91eaa2", "title4": "", "main4": "", "sub4": "", "useNewTab4": true, "link4": "", "buttonLabel4": "" }, "template": "

rem; padding-bottom: <%= spacingBottom/10 || 0 %>rem; background-color: <%= backgroundColor || 'transparent' %>\">\n

; <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title1) { %>\n
\"><%= title1 %>
\n <% } %>\n <% if(main1) { %>\n
\"><%= main1 %>
\n <% } %>\n <% if(sub1) { %>\n
\"><%= sub1 %>
\n <% } %>\n
\n <% if(link1) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link1 %>\" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel1 %>\n
\n <% } %>\n
background-color: <%= cardColor2 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title2) { %>\n
\"><%= title2 %>
\n <% } %>\n <% if(main2) { %>\n
\"><%= main2 %>
\n <% } %>\n <% if(sub2) { %>\n
\"><%= sub2 %>
\n <% } %>\n
\n <% if(link2) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link2 %>\" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel2 %>\n
\n <% } %>\n
background-color: <%= cardColor3 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title3) { %>\n
\"><%= title3 %>
\n <% } %>\n <% if(main3) { %>\n
\"><%= main3 %>
\n <% } %>\n <% if(sub3) { %>\n
\"><%= sub3 %>
\n <% } %>\n
\n <% if(link3) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link3 %>\" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel3 %>\n
\n <% } %>\n
background-color: <%= cardColor4 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title4) { %>\n
\"><%= title4 %>
\n <% } %>\n <% if(main4) { %>\n
\"><%= main4 %>
\n <% } %>\n <% if(sub4) { %>\n
\"><%= sub4 %>
\n <% } %>\n
\n <% if(link4) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link4 %>\" <% if(useNewTab4) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel4 %>\n
\n <% } %>\n

\n" }, "values": { "spacingTop": 0, "spacingBottom": 0, "useTextCenter": false, "backgroundColor": "#ffffff", "useColumnInMobile": false, "cardGapInUseColumn": 2, "textColor": "#000000", "buttonColor": "#E4FF18", "buttonTextColor": "#000000", "titleSize": "fc-h6-text", "mainTextSize": "fc-h6-text", "subTextSize": "fc-content-text", "cardColor1": "#f2f2f2", "title1": "", "main1": "Komentar tutor", "sub1": "\nSpring merupakan framework berbasis Java yang sangat populer dalam pengembangan backend skala enterprise. Sebagai praktisi pengembangan software skala enterprise dibidang data platform di salah satu perusahaan teknologi terkemuka di Indonesia, tentunya belajar mengintegrasikannya dengan pemrosesan data skala besar dan mengetahui bagaimana cara menghandle jutaan users menjadi topik tersendiri yang menarik untuk dipelajari. Disini kita akan belajar bersama hal-hal dasar mengenai integrasi aplikasi Spring dengan Stream Processing (Kafka), Container Technology (Kubernetes, Docker), Infrastructure As Code (Terraform) dan sebagainya.", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#88abff", "title2": "", "main2": "", "sub2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#c88dff", "title3": "", "main3": "", "sub3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "", "cardColor4": "#91eaa2", "title4": "", "main4": "", "sub4": "", "useNewTab4": true, "link4": "", "buttonLabel4": "" }, "uniqueId": "fc-block-40-6w6nwyzeg", "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": "#ffffff" }, "uniqueId": "fc-block-2-gvnnlx8m1", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-l4vk61wtf", "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": "20", "backgroundColor": "#ffffff", "useTextCenter": true, "textSize": "fc-h4-text", "textColor": "#000000", "text": "👇Pratinjau Kuliah👇" }, "uniqueId": "fc-block-1-n6lgxqqft", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-hcs9cn0xh", "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 \n <% } else { %>\n \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 \n <% } else { %>\n \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 \n <% } else { %>\n \n <% } %>\n

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

\"><%= title3 %>

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

\"><%= content3 %>

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#ffffff", "fontColor": "#000000", "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "videoPlatformType1": "Youtube", "video1": "FnPtQwCDcMo", "title1": "Tinjauan Tingkat Tinggi dan Desain Sistem", "content1": "", "videoPlatformType2": "Youtube", "video2": "0fYTO4VWDxc", "title2": "Membuat Admin dan Dashboard", "content2": "", "videoPlatformType3": "Youtube", "video3": "", "title3": "", "content3": "" }, "uniqueId": "fc-block-1-bkvmudsg9", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-dw5yq0dkj", "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 \n <% } else { %>\n \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 \n <% } else { %>\n \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 \n <% } else { %>\n \n <% } %>\n

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

\"><%= title3 %>

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

\"><%= content3 %>

\n <% } %>\n

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

\n" }, "values": { "spacing": "60", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-3-1ixo56264", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-41-xqlc63kn3", "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": "40", "backgroundColor": "#7F52FF", "useTextCenter": true, "textSize": "fc-h5-text", "textColor": "#fff", "text": "\nPenting untuk mengetahui proyek yang Anda kerjakan, tetapi
\nperiksa juga dengan cermat\n seberapa dalam proyek yang Anda kerjakan!\n" }, "uniqueId": "fc-block-41-kduzg2kkd", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-60-zs28jv572", "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": "#f2f2f2", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#000000", "text": "\nPoin 5\n" }, "uniqueId": "fc-block-42-gfzvwkw2u", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-61-89ct6lo6o", "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": "#f2f2f2", "useTextCenter": true, "textSize": "fc-h4-text", "textColor": "#000", "text": "\nAsah dasar-dasar, Java → Spring Boot → DataBase
\nProyek Pengantar Pengembangan Web Sesuai Tahap\n" }, "uniqueId": "fc-block-43-rv0gcwvvn", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-62-msfusq071", "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": "30", "backgroundColor": "#f2f2f2", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#3C3C3C", "text": "Terjun ke proyek sulit hanya karena bisa menulis kode dengan Java?
\nJika Anda calon backend developer, penting untuk mengasah dasar pengembangan web!
\nLihatlah kurikulum sesuai tahap dari Project 01." }, "uniqueId": "fc-block-44-4bucxntlj", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-52-cx6lkrlra", "layout": { "id": "405", "description": "1~4단 컬러카드", "icon": "\n", "params": [ { "name": "spacingTop", "type": "number", "description": "spacing-top" }, { "name": "spacingBottom", "type": "number", "description": "spacing-bottom" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "cardGapInUseColumn", "type": "number", "description": "모바일 2단 컬럼에서 카드 간격 (rem단위) (default 3rem)" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "mainTextSize", "type": "select", "description": "main text size", "options": [ "fc-h4-text", "fc-h5-text", "fc-h6-text" ] }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "cardColor1", "type": "text", "description": "card color" }, { "name": "title1", "type": "text", "description": "title text" }, { "name": "main1", "type": "textarea", "description": "main text" }, { "name": "sub1", "type": "textarea", "description": "sub text" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link" }, { "name": "buttonLabel1", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor2", "type": "text", "description": "card color" }, { "name": "title2", "type": "text", "description": "title text" }, { "name": "main2", "type": "textarea", "description": "main text" }, { "name": "sub2", "type": "textarea", "description": "sub text" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link" }, { "name": "buttonLabel2", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor3", "type": "text", "description": "card color" }, { "name": "title3", "type": "text", "description": "title text" }, { "name": "main3", "type": "textarea", "description": "main text" }, { "name": "sub3", "type": "textarea", "description": "sub text" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link" }, { "name": "buttonLabel3", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor4", "type": "text", "description": "card color" }, { "name": "title4", "type": "text", "description": "title text" }, { "name": "main4", "type": "textarea", "description": "main text" }, { "name": "sub4", "type": "textarea", "description": "sub text" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "link4", "type": "text", "description": "link" }, { "name": "buttonLabel4", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" } ], "values": { "spacingTop": 0, "spacingBottom": 0, "useTextCenter": false, "backgroundColor": "#ffffff", "useColumnInMobile": false, "cardGapInUseColumn": 2, "textColor": "#000000", "buttonColor": "#E4FF18", "buttonTextColor": "#000000", "titleSize": "fc-h5-text", "mainTextSize": "fc-h4-text", "subTextSize": "fc-h6-text", "cardColor1": "#ff947a", "title1": "", "main1": "", "sub1": "", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#88abff", "title2": "", "main2": "", "sub2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#c88dff", "title3": "", "main3": "", "sub3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "", "cardColor4": "#91eaa2", "title4": "", "main4": "", "sub4": "", "useNewTab4": true, "link4": "", "buttonLabel4": "" }, "template": "

rem; padding-bottom: <%= spacingBottom/10 || 0 %>rem; background-color: <%= backgroundColor || 'transparent' %>\">\n

; <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title1) { %>\n
\"><%= title1 %>
\n <% } %>\n <% if(main1) { %>\n
\"><%= main1 %>
\n <% } %>\n <% if(sub1) { %>\n
\"><%= sub1 %>
\n <% } %>\n
\n <% if(link1) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link1 %>\" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel1 %>\n
\n <% } %>\n
background-color: <%= cardColor2 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title2) { %>\n
\"><%= title2 %>
\n <% } %>\n <% if(main2) { %>\n
\"><%= main2 %>
\n <% } %>\n <% if(sub2) { %>\n
\"><%= sub2 %>
\n <% } %>\n
\n <% if(link2) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link2 %>\" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel2 %>\n
\n <% } %>\n
background-color: <%= cardColor3 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title3) { %>\n
\"><%= title3 %>
\n <% } %>\n <% if(main3) { %>\n
\"><%= main3 %>
\n <% } %>\n <% if(sub3) { %>\n
\"><%= sub3 %>
\n <% } %>\n
\n <% if(link3) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link3 %>\" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel3 %>\n
\n <% } %>\n
background-color: <%= cardColor4 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title4) { %>\n
\"><%= title4 %>
\n <% } %>\n <% if(main4) { %>\n
\"><%= main4 %>
\n <% } %>\n <% if(sub4) { %>\n
\"><%= sub4 %>
\n <% } %>\n
\n <% if(link4) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link4 %>\" <% if(useNewTab4) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel4 %>\n
\n <% } %>\n

\n" }, "values": { "spacingTop": 0, "spacingBottom": 0, "useTextCenter": false, "backgroundColor": "#f2f2f2", "useColumnInMobile": false, "cardGapInUseColumn": 2, "textColor": "#fff", "buttonColor": "#E4FF18", "buttonTextColor": "#000000", "titleSize": "fc-h5-text", "mainTextSize": "fc-h5-text", "subTextSize": "fc-h6-text", "cardColor1": "#220557", "title1": "

\nLANGKAH 01. Pelajari dasar-dasar pemrograman Java\n

", "main1": "", "sub1": "

\nKita akan belajar teknik pemrograman yang harus diketahui tapi sulit untuk dikuasai.\n

", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#88abff", "title2": "", "main2": "", "sub2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#c88dff", "title3": "", "main3": "", "sub3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "", "cardColor4": "#91eaa2", "title4": "", "main4": "", "sub4": "", "useNewTab4": true, "link4": "", "buttonLabel4": "" }, "uniqueId": "fc-block-45-l3fg52ff3", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-49-n7k7fsoj5", "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-46-56y6lqpsy", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-53-cvzurn7uv", "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": "#f2f2f2", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/102841-199/7-1-web.webp", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202409/102848-199/7-1-mob.webp", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-47-avehx9us6", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-54-jyykmw5cw", "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": "#f2f2f2" }, "uniqueId": "fc-block-48-d0hdmwe5k", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-56-48nolwv7z", "layout": { "id": "405", "description": "1~4단 컬러카드", "icon": "\n", "params": [ { "name": "spacingTop", "type": "number", "description": "spacing-top" }, { "name": "spacingBottom", "type": "number", "description": "spacing-bottom" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "cardGapInUseColumn", "type": "number", "description": "모바일 2단 컬럼에서 카드 간격 (rem단위) (default 3rem)" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "mainTextSize", "type": "select", "description": "main text size", "options": [ "fc-h4-text", "fc-h5-text", "fc-h6-text" ] }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "cardColor1", "type": "text", "description": "card color" }, { "name": "title1", "type": "text", "description": "title text" }, { "name": "main1", "type": "textarea", "description": "main text" }, { "name": "sub1", "type": "textarea", "description": "sub text" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link" }, { "name": "buttonLabel1", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor2", "type": "text", "description": "card color" }, { "name": "title2", "type": "text", "description": "title text" }, { "name": "main2", "type": "textarea", "description": "main text" }, { "name": "sub2", "type": "textarea", "description": "sub text" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link" }, { "name": "buttonLabel2", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor3", "type": "text", "description": "card color" }, { "name": "title3", "type": "text", "description": "title text" }, { "name": "main3", "type": "textarea", "description": "main text" }, { "name": "sub3", "type": "textarea", "description": "sub text" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link" }, { "name": "buttonLabel3", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor4", "type": "text", "description": "card color" }, { "name": "title4", "type": "text", "description": "title text" }, { "name": "main4", "type": "textarea", "description": "main text" }, { "name": "sub4", "type": "textarea", "description": "sub text" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "link4", "type": "text", "description": "link" }, { "name": "buttonLabel4", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" } ], "values": { "spacingTop": 0, "spacingBottom": 0, "useTextCenter": false, "backgroundColor": "#ffffff", "useColumnInMobile": false, "cardGapInUseColumn": 2, "textColor": "#000000", "buttonColor": "#E4FF18", "buttonTextColor": "#000000", "titleSize": "fc-h5-text", "mainTextSize": "fc-h4-text", "subTextSize": "fc-h6-text", "cardColor1": "#ff947a", "title1": "", "main1": "", "sub1": "", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#88abff", "title2": "", "main2": "", "sub2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#c88dff", "title3": "", "main3": "", "sub3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "", "cardColor4": "#91eaa2", "title4": "", "main4": "", "sub4": "", "useNewTab4": true, "link4": "", "buttonLabel4": "" }, "template": "

rem; padding-bottom: <%= spacingBottom/10 || 0 %>rem; background-color: <%= backgroundColor || 'transparent' %>\">\n

; <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title1) { %>\n
\"><%= title1 %>
\n <% } %>\n <% if(main1) { %>\n
\"><%= main1 %>
\n <% } %>\n <% if(sub1) { %>\n
\"><%= sub1 %>
\n <% } %>\n
\n <% if(link1) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link1 %>\" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel1 %>\n
\n <% } %>\n
background-color: <%= cardColor2 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title2) { %>\n
\"><%= title2 %>
\n <% } %>\n <% if(main2) { %>\n
\"><%= main2 %>
\n <% } %>\n <% if(sub2) { %>\n
\"><%= sub2 %>
\n <% } %>\n
\n <% if(link2) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link2 %>\" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel2 %>\n
\n <% } %>\n
background-color: <%= cardColor3 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title3) { %>\n
\"><%= title3 %>
\n <% } %>\n <% if(main3) { %>\n
\"><%= main3 %>
\n <% } %>\n <% if(sub3) { %>\n
\"><%= sub3 %>
\n <% } %>\n
\n <% if(link3) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link3 %>\" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel3 %>\n
\n <% } %>\n
background-color: <%= cardColor4 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title4) { %>\n
\"><%= title4 %>
\n <% } %>\n <% if(main4) { %>\n
\"><%= main4 %>
\n <% } %>\n <% if(sub4) { %>\n
\"><%= sub4 %>
\n <% } %>\n
\n <% if(link4) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link4 %>\" <% if(useNewTab4) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel4 %>\n
\n <% } %>\n

\nLANGKAH 02. Pelajari pengembangan web menggunakan SpringBoot\n

", "main1": "", "sub1": "

\nMemahami struktur web dan mengembangkan modul dasar untuk layanan web blog.\n

", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#88abff", "title2": "", "main2": "", "sub2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#c88dff", "title3": "", "main3": "", "sub3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "", "cardColor4": "#91eaa2", "title4": "", "main4": "", "sub4": "", "useNewTab4": true, "link4": "", "buttonLabel4": "" }, "uniqueId": "fc-block-49-vr2d1ekgc", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-55-rcijwuv2d", "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-50-wxdjrlh16", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-57-0jrz306zf", "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": "#f2f2f2", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/102911-199/7-2-web.webp", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202409/102914-199/7-2-mob.webp", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-51-aovamp8m9", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-58-edsxduhue", "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": "#f2f2f2" }, "uniqueId": "fc-block-52-480iy4ji4", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-48-ilnbbjme3", "layout": { "id": "405", "description": "1~4단 컬러카드", "icon": "\n", "params": [ { "name": "spacingTop", "type": "number", "description": "spacing-top" }, { "name": "spacingBottom", "type": "number", "description": "spacing-bottom" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "cardGapInUseColumn", "type": "number", "description": "모바일 2단 컬럼에서 카드 간격 (rem단위) (default 3rem)" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "mainTextSize", "type": "select", "description": "main text size", "options": [ "fc-h4-text", "fc-h5-text", "fc-h6-text" ] }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "cardColor1", "type": "text", "description": "card color" }, { "name": "title1", "type": "text", "description": "title text" }, { "name": "main1", "type": "textarea", "description": "main text" }, { "name": "sub1", "type": "textarea", "description": "sub text" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link" }, { "name": "buttonLabel1", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor2", "type": "text", "description": "card color" }, { "name": "title2", "type": "text", "description": "title text" }, { "name": "main2", "type": "textarea", "description": "main text" }, { "name": "sub2", "type": "textarea", "description": "sub text" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link" }, { "name": "buttonLabel2", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor3", "type": "text", "description": "card color" }, { "name": "title3", "type": "text", "description": "title text" }, { "name": "main3", "type": "textarea", "description": "main text" }, { "name": "sub3", "type": "textarea", "description": "sub text" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link" }, { "name": "buttonLabel3", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor4", "type": "text", "description": "card color" }, { "name": "title4", "type": "text", "description": "title text" }, { "name": "main4", "type": "textarea", "description": "main text" }, { "name": "sub4", "type": "textarea", "description": "sub text" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "link4", "type": "text", "description": "link" }, { "name": "buttonLabel4", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" } ], "values": { "spacingTop": 0, "spacingBottom": 0, "useTextCenter": false, "backgroundColor": "#ffffff", "useColumnInMobile": false, "cardGapInUseColumn": 2, "textColor": "#000000", "buttonColor": "#E4FF18", "buttonTextColor": "#000000", "titleSize": "fc-h5-text", "mainTextSize": "fc-h4-text", "subTextSize": "fc-h6-text", "cardColor1": "#ff947a", "title1": "", "main1": "", "sub1": "", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#88abff", "title2": "", "main2": "", "sub2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#c88dff", "title3": "", "main3": "", "sub3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "", "cardColor4": "#91eaa2", "title4": "", "main4": "", "sub4": "", "useNewTab4": true, "link4": "", "buttonLabel4": "" }, "template": "

rem; padding-bottom: <%= spacingBottom/10 || 0 %>rem; background-color: <%= backgroundColor || 'transparent' %>\">\n

; <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title1) { %>\n
\"><%= title1 %>
\n <% } %>\n <% if(main1) { %>\n
\"><%= main1 %>
\n <% } %>\n <% if(sub1) { %>\n
\"><%= sub1 %>
\n <% } %>\n
\n <% if(link1) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link1 %>\" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel1 %>\n
\n <% } %>\n
background-color: <%= cardColor2 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title2) { %>\n
\"><%= title2 %>
\n <% } %>\n <% if(main2) { %>\n
\"><%= main2 %>
\n <% } %>\n <% if(sub2) { %>\n
\"><%= sub2 %>
\n <% } %>\n
\n <% if(link2) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link2 %>\" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel2 %>\n
\n <% } %>\n
background-color: <%= cardColor3 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title3) { %>\n
\"><%= title3 %>
\n <% } %>\n <% if(main3) { %>\n
\"><%= main3 %>
\n <% } %>\n <% if(sub3) { %>\n
\"><%= sub3 %>
\n <% } %>\n
\n <% if(link3) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link3 %>\" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel3 %>\n
\n <% } %>\n
background-color: <%= cardColor4 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title4) { %>\n
\"><%= title4 %>
\n <% } %>\n <% if(main4) { %>\n
\"><%= main4 %>
\n <% } %>\n <% if(sub4) { %>\n
\"><%= sub4 %>
\n <% } %>\n
\n <% if(link4) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link4 %>\" <% if(useNewTab4) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel4 %>\n
\n <% } %>\n

\n" }, "values": { "spacingTop": 0, "spacingBottom": 0, "useTextCenter": true, "backgroundColor": "#f2f2f2", "useColumnInMobile": false, "cardGapInUseColumn": 2, "textColor": "#fff", "buttonColor": "#E4FF18", "buttonTextColor": "#000000", "titleSize": "fc-h5-text", "mainTextSize": "fc-h5-text", "subTextSize": "fc-h6-text", "cardColor1": "#220557", "title1": "

\nLANGKAH 03. Desain dan integrasi database\n

", "main1": "", "sub1": "

\nMenggabungkan database ke blog dan merencanakan dasar dan migrasi database menggunakan JPA dan Flyway.\n

", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#88abff", "title2": "", "main2": "", "sub2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#c88dff", "title3": "", "main3": "", "sub3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "", "cardColor4": "#91eaa2", "title4": "", "main4": "", "sub4": "", "useNewTab4": true, "link4": "", "buttonLabel4": "" }, "uniqueId": "fc-block-53-wi63t7ws0", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-59-d90m469ui", "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-54-a5r0kdr7r", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-50-yk4f4vt70", "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": "#f2f2f2", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/102949-199/7-3-web.webp", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202409/102952-199/7-3-mob.webp", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-55-3qu81gtaq", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-51-np5anvou2", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "80", "backgroundColor": "#f2f2f2" }, "uniqueId": "fc-block-56-l9zm0tgwo", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-83-yv71mt3k8", "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": "#fff", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#000000", "text": "\n+ PLUS\n" }, "uniqueId": "fc-block-57-m1w3v8mdo", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-84-vjyt7hjfh", "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": "#fff", "useTextCenter": true, "textSize": "fc-h4-text", "textColor": "#000", "text": "\nPengalaman di berbagai domain dipuji oleh pewawancara,
\nseperti blog, e-commerce, dan sistem reservasi layanan kesehatan!\n" }, "uniqueId": "fc-block-58-adz93vrqj", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-85-ym6by3cn6", "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": "30", "backgroundColor": "#fff", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#3C3C3C", "text": "Tarik perhatian pewawancara dengan menguasai 3 domain: blog, e-commerce, dan Health Care Booking.
\nTingkatkan daya saing dengan menerapkan teknik yang bisa langsung diterapkan pada praktik di setiap domain!" }, "uniqueId": "fc-block-59-cuqxbmo0o", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-67-5hl5zilxe", "layout": { "id": "403", "description": "아이콘 가로 가변형 카드", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "cardType", "type": "select", "description": "card type", "options": [ "row", "column" ] }, { "name": "cardWidth", "type": "number", "description": "480 ~ 980" }, { "name": "useCardLeft", "type": "checkbox", "description": "use card left" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "border size", "options": [ 1, 2 ] }, { "name": "imageUrl", "type": "image", "description": "100 x 100" }, { "name": "imageSize", "type": "text", "description": "20 ~ 100" }, { "name": "fontSize", "type": "select", "description": "text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "fontColor", "type": "text", "description": "#000000" }, { "name": "content", "type": "textarea", "description": "content" } ], "values": { "backgroundColor": "", "cardType": "row", "borderColor": "#000000", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "", "imageUrl": "", "imageSize": 100, "fontSize": "fc-content-text", "fontColor": "#000000", "content": "" }, "template": "

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

\">\n

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

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

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

\n" }, "values": { "backgroundColor": "", "cardType": "row", "borderColor": "#7F52FF", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "#F6F3FF", "imageUrl": "", "imageSize": 100, "fontSize": "fc-h6-text", "fontColor": "#000000", "content": "\n\nProyek 1 & 2\n
\n\nProyek Layanan Blog | Sekitar 12 jam \n" }, "uniqueId": "fc-block-60-7xlswt4k7", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-73-coam4eyrq", "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": "20", "paddingBottom": "20", "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-mono", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/103742-199/8-1-1.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/103746-199/8-1-2.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/103749-199/8-1-3.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/103752-199/8-1-4.webp", "text1": "", "text2": "" } ] }, "uniqueId": "fc-block-61-2eacj5lcj", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-71-lwb9ls2ng", "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": "20", "backgroundColor": "", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#3C3C3C", "text": "∙ Pelajari pemrograman berorientasi objek, pengembangan berbasis pengujian, serta desain domain dan fitur melalui proses pembuatan blog.
\n∙ Dengan menggunakan berbagai fitur Spring Boot, Anda dapat mengembangkan untuk memenuhi lebih dari 15 persyaratan terperinci." }, "uniqueId": "fc-block-62-84w5b0ecy", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-78-fhqkyv16w", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#fff", "collapsed": false, "cardBackgroundColor": "#F8F8F8", "borderColor": "#e6e8eb", "arrowBtnColor": "#7F52FF", "textColor": "#000000", "title1": "Domain", "content1": "Anggota blog, postingan, komentar, kategori, gambar, tag, dll.
\n∙ Anggota: Informasi yang diperlukan untuk login - ID, email, kata sandi, izin
\n∙ Postingan: Informasi penting postingan - Judul, isi, tag, jumlah penayangan, suka, tanggal dan waktu pembuatan
\n∙ Komentar: Informasi tentang komentar yang ditinggalkan pada postingan - Id postingan, isi
\n∙ Kategori: Informasi yang mengidentifikasi postingan - Nama kategori, deskripsi
\n∙ Gambar: Nama file, URL
\n∙ Tag: Nama tag", "imageUrl1": "", "title2": "Persyaratan Terperinci\n", "content2": "∙ Anda harus dapat membuat, melihat, mengedit, dan menghapus postingan.
\n∙ Daftar postingan harus dapat dilihat dalam format tabel.
\n∙ Postingan harus diurutkan (judul, nama, tanggal pembuatan)
\n∙ Postingan harus dapat dicari (judul, isi, nama)
\n∙ Menyediakan fitur pencarian hashtag tunggal
\n∙ Komentar dapat ditambahkan ke postingan
\n∙ Postingan, komentar Menyediakan API terpisah untuk memeriksa data
\n∙ Menyediakan kemampuan untuk membuat dan mengelola halaman khusus
\n∙ Postingan dapat dikelola berdasarkan kategori
\n∙ Mendukung berbagai metode login melalui JWT dan OAuth2
\n∙ Menggunakan reCAPTCHA mencegah spam yang disebabkan oleh bot
\n∙ Mendistribusikan proyek ke lingkungan cloud (Google Cloud)
\n∙ Menambahkan fungsi pembuatan konten menggunakan AI dengan menghubungkan API ChatGPT", "imageUrl2": "" }, "uniqueId": "fc-block-63-o5dzb8rjt", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-77-y2qlkss4t", "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-64-nb2e4pnpm", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-68-g8p6q75uz", "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

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

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

\n" }, "values": { "backgroundColor": "", "cardType": "row", "borderColor": "#7F52FF", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "#F6F3FF", "imageUrl": "", "imageSize": 100, "fontSize": "fc-h6-text", "fontColor": "#000000", "content": "\n\nProyek 3 & 4\n
\n\nProyek layanan e-commerce | Sekitar 15 jam \n" }, "uniqueId": "fc-block-65-jnvtmzpie", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-74-3gkqqjzdq", "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": "20", "paddingBottom": "20", "columnCount": "2", "backgroundColor": "#ffffff", "colorTheme": "theme-light-mono", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/104247-199/8-2-1.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/104258-199/8-2-2.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/104304-199/8-2-3.webp", "text1": "", "text2": "" } ] }, "uniqueId": "fc-block-66-h2my3mtrw", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-72-gm2lo6cf6", "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": "20", "backgroundColor": "", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#3C3C3C", "text": "∙ Melalui proses membangun layanan e-commerce , pelajari cara merancang fitur inti e-commerce seperti katalog produk,
autentikasi dan izin pengguna, serta integrasi pembayaran.
\n∙ Anda dapat mempraktikkan 20+ fitur penting dalam pengembangan e-commerce, seperti desain API, optimasi kinerja, dan peningkatan keamanan." }, "uniqueId": "fc-block-67-7hyrz1a0x", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-80-ltx8q74yb", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#fff", "collapsed": false, "cardBackgroundColor": "#F8F8F8", "borderColor": "#e6e8eb", "arrowBtnColor": "#7F52FF", "textColor": "#000000", "title1": "Domain", "content1": "Anggota e-commerce, produk, kategori, keranjang belanja, pesanan, pembayaran, rekomendasi, pencarian, dll.
\n∙ Anggota: Informasi yang diperlukan untuk login - id, email, kata sandi, izin, alamat
\n∙ Produk: Informasi utama produk - id , nama, deskripsi, Harga, kategori, jumlah, dll.
\n∙ Pesanan : Informasi yang diperlukan untuk proses pemesanan - id, produk, jumlah, harga
\n∙ Pembayaran : Informasi yang diperlukan untuk proses pembayaran - id, pesanan, status pembayaran, metode pembayaran
\n∙ Sistem rekomendasi: Berdasarkan catatan produk dan aktivitas pengguna Rekomendasi
\n∙ Pencarian: Riwayat pencarian, pelengkapan otomatis, dll.", "imageUrl1": "", "title2": "Persyaratan Terperinci\n", "content2": "∙ Menyediakan fitur registrasi produk, penyelidikan, modifikasi, dan penghapusan
\n∙ Produk harus diberi halaman
\n∙ Produk dapat disaring berdasarkan kategori
\n∙ Menyediakan API untuk login dan registrasi keanggotaan
\n∙ Pengguna dapat menambahkan produk ke keranjang belanja Menyediakan fungsi manajemen
\n∙ Mengelola kuantitas dan inventaris inventaris produk mengurangi inventaris saat memesan
\n∙ Mencegah pemesanan dilakukan saat inventaris tidak mencukupi
\n∙ Fitur rekomendasi produk berdasarkan riwayat pencarian pengguna, riwayat pembelian, dll. Implementasi
\n∙ Tambahkan indeks untuk mengoptimalkan kueri basis data
\n∙ Siapkan Tindakan Github untuk menerapkan integrasi berkelanjutan (CI)
\n∙ Terapkan lingkungan pengembangan lokal menggunakan Docker dan Docker Compose
\n∙ Pantau metrik aplikasi dengan Prometheus dan Grafana", "imageUrl2": "" }, "uniqueId": "fc-block-68-y66yyi1y9", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-79-fh5olpcwm", "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-69-s1jo309i9", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-89-7g9s0uyxr", "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

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

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

\n" }, "values": { "backgroundColor": "", "cardType": "row", "borderColor": "#7F52FF", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "#F6F3FF", "imageUrl": "", "imageSize": 100, "fontSize": "fc-h6-text", "fontColor": "#000000", "content": "\n\nProyek 6\n
\n\nProyek Layanan Healthcare Booking | Sekitar 8 jam \n" }, "uniqueId": "fc-block-70-14wx94602", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-69-pa4b4mzw0", "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": "20", "paddingBottom": "20", "columnCount": "2", "backgroundColor": "#ffffff", "colorTheme": "theme-light-mono", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/104523-199/8-3-1.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/104528-199/8-3-2.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/104532-199/8-3-3.webp", "text1": "", "text2": "" } ] }, "uniqueId": "fc-block-71-sg37cdvci", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-70-onzxhz5sp", "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": "20", "backgroundColor": "", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#3C3C3C", "text": "∙ Pelajari fitur dasar dan lanjutan dari domain healthcare,seperti manajemen pengguna, informasi rumah sakit dan dokter, penanganan reservasi, pembayaran, dan konsultasi video.
\n∙ Rasakan lingkungan pengembangan platform reservasi nyata melalui sistem pemantauan dan pemberitahuan real-time." }, "uniqueId": "fc-block-72-h8wbj0uwx", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-75-y00eifqxk", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#fff", "collapsed": false, "cardBackgroundColor": "#F8F8F8", "borderColor": "#e6e8eb", "arrowBtnColor": "#7F52FF", "textColor": "#000000", "title1": "Domain", "content1": "Pengguna, rumah sakit, reservasi, pembayaran, konsultasi video, pemberitahuan, manajemen, distribusi, pemantauan, dll.
\n∙ Pengguna: implementasi login, manajemen profil, kontrol akses berbasis peran (pasien, administrator, dll.)
\n∙ Rumah Sakit: fungsi registrasi, fitur pencarian, dasbor administrator, pengujian unit
\n∙ Dokter: manajemen profil, fitur pencarian, manajemen afiliasi, manajemen spesialisasi, manajemen jadwal
\n∙ Reservasi: menerapkan titik akhir, menyelesaikan konflik penjadwalan, integrasi layanan
\n∙ Pembayaran: mengintegrasikan API Xendit, menerapkan alur pembayaran, menangani panggilan balik dan status
\n∙ Konsultasi video: membuat, bergabung dan mengakhiri sesi, kemampuan merekam
\n∙ Notifikasi: Menerapkan notifikasi email, membuat template email, pengujian sistem
\n∙ Penerapan: Pembuatan containerisasi Docker, diterapkan ke penyedia cloud
\n∙ Pemantauan: Grafana, pengaturan Prometheus, pembuatan dasbor", "imageUrl1": "", "title2": "Persyaratan Terperinci\n", "content2": "∙ Menyediakan fitur registrasi, penyelidikan, modifikasi, dan penghapusan rumah sakit dan dokter
\n∙ Pengguna dapat memfilter rumah sakit dan dokter berdasarkan kondisi tertentu (misalnya spesialisasi, lokasi)
\n∙ Pengguna dapat membuat reservasi konsultasi offline dan online Memberikan kemampuan untuk mengelola reservasi (melihat, memodifikasi, batal)
\n∙ Mengelola jadwal dokter dan rumah sakit, dan memastikan tidak ada konflik dengan jadwal saat melakukan reservasi
\n∙ Mencatat detail pembayaran, memperbarui status pembayaran, Menerapkan penanganan kesalahan yang tepat jika terjadi kegagalan pembayaran
\n∙ Menyediakan fitur untuk mengirim pemberitahuan email untuk peristiwa besar seperti konfirmasi dan pembatalan reservasi
\n∙ Terapkan lingkungan pengembangan lokal menggunakan Docker dan Docker Compose
\n∙ Metrik sistem melalui Prometheus dan Grafana Monitor dan atur peringatan pada metrik penting
\n∙ Terapkan lingkungan pengembangan lokal menggunakan Docker dan Docker Compose
\n∙ Pantau metrik aplikasi dengan Prometheus dan Grafana", "imageUrl2": "" }, "uniqueId": "fc-block-73-g743pgig3", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-81-6g41us0th", "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-74-6iok9tohb", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-82-qrvbx8jdo", "layout": { "id": "103", "description": "배경이미지가 있는 1단 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextLeft", "type": "checkbox", "description": "use text left" }, { "name": "backgroundColorOpacity", "type": "number", "description": "1~100" }, { "name": "backgroundImageUrl", "type": "image", "description": "1920 x auto" }, { "name": "mobileBackgroundImageUrl", "type": "image", "description": "mobile background image url" }, { "name": "textColor", "type": "text", "description": "font color" }, { "name": "textSize1", "type": "select", "description": "text size1", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text1", "type": "textarea", "description": "text1" }, { "name": "textSize2", "type": "select", "description": "text size2", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2", "type": "textarea", "description": "text2" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextLeft": false, "backgroundColorOpacity": 50, "backgroundImageUrl": "", "mobileBackgroundImageUrl": "", "textColor": "#000000", "textSize1": "fc-h1-text", "text1": "", "textSize2": "fc-content-text", "text2": "" }, "template": "

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

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

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

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

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

\n <% } %>\n

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

\n" }, "values": { "paddingTop": "40", "paddingBottom": "40", "backgroundColor": "", "useTextLeft": false, "backgroundColorOpacity": 50, "backgroundImageUrl": "https://cdn.day1company.io/prod/uploads/202409/104646-199/띠배너-2.webp", "mobileBackgroundImageUrl": "", "textColor": "#fff", "textSize1": "fc-h5-text", "text1": "Keterampilan pemecahan masalah sangat penting bagi pengembang backend!
\nKami akan memberi tahu Anda proyek apa yang harus dikerjakan agar menjadi lebih kompetitif sebagai developer!", "textSize2": "fc-content-text", "text2": "" }, "uniqueId": "fc-block-75-xt1jx6kui", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-104-ngzsg3j8w", "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": "#f2f2f2", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#000000", "text": "\nPoin 6\n" }, "uniqueId": "fc-block-76-12e5w2i4c", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-106-rp4s4bigb", "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": "#f2f2f2", "useTextCenter": true, "textSize": "fc-h4-text", "textColor": "#000", "text": "\nProyek mendalam yang meningkatkan skill pemecahan masalah
\nyang lebih penting daripada sekedar menerapkan fitur.\n" }, "uniqueId": "fc-block-77-039prtpdd", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-106-37lckan5z", "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": "30", "backgroundColor": "#f2f2f2", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#3C3C3C", "text": "Bagi developer backend, cara mengatasi masalah yang muncul (pengujian, hambatan, traffic berskala besar
\nkemacetan, kinerja, dll.), yakni skill pemecahan masalah, adalah kompetensi yang sangat penting.
\nKami perkenalkan proyek mendalam yang menggabungkan proses pemecahan masalah!" }, "uniqueId": "fc-block-1-b8henzb52", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-92-14s31201c", "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

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

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

\n" }, "values": { "backgroundColor": "#f2f2f2", "cardType": "row", "borderColor": "#220557", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "#220557", "imageUrl": "", "imageSize": 100, "fontSize": "fc-h6-text", "fontColor": "#fff", "content": "\n\n\nProyek 05. \nProyek Layanan Healthcare Booking | Sekitar 8 jam \n\n
\n\n# Kafka \n\n# Event Processing \n\n# Real-Time Analysis and Optimization" }, "uniqueId": "fc-block-79-h1fb9mio3", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-91-8ocilhj7y", "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-80-1yrwnufle", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-93-btiuvk1o5", "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": "#f2f2f2", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/135649-199/9-1-1.webp", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-81-qm9e9w6if", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-94-x5stk0bi8", "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": "20", "paddingBottom": "20", "columnCount": "3", "backgroundColor": "#f2f2f2", "colorTheme": "theme-light-mono", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/105331-199/9-1-2.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/105335-199/9-1-3.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/105338-199/9-1-4.webp", "text1": "", "text2": "" } ] }, "uniqueId": "fc-block-82-xrzohywg1", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-95-9as1ydcan", "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

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

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

\n" }, "values": { "backgroundColor": "#f2f2f2", "cardType": "row", "borderColor": "#7F52FF", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "#F6F3FF", "imageUrl": "", "imageSize": 100, "fontSize": "fc-content-text", "fontColor": "#000000", "content": "\n\nSepatah kata dari tutor\n
\n\nKursus ini dirancang untuk mengembangkan aplikasi web e-commerce secara bertahap. Anda dapat mencoba tech stack dan desain arsitektur yang digunakan sebenarnya, belajar bagaimana developer back-end harus berpikir dan merespons melalui berbagai proses pemecahan masalah!" }, "uniqueId": "fc-block-83-bnacpj99s", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-96-qnslrwdlg", "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": "#f2f2f2" }, "uniqueId": "fc-block-84-m54w1nb4l", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-66-2p5g2hmr8", "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

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

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

\n" }, "values": { "backgroundColor": "#f2f2f2", "cardType": "row", "borderColor": "#220557", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "#220557", "imageUrl": "", "imageSize": 100, "fontSize": "fc-h6-text", "fontColor": "#fff", "content": "\n\n\nProyek 07. \nPractical Traffic Scenarios and CI/CD Experience for
\nHealthCare Booking Using Kubernetes | 10 Jam\n\n
\n\n# SpringBootMicroservices \n\n# KubernetesOrchestration \n\n# Cloud" }, "uniqueId": "fc-block-85-9mrgs64i4", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-97-7h843c3bv", "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-86-0t5tlkbj9", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-87-yf8x3y9vm", "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": "#f2f2f2", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/105811-199/9-2-1.webp", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-87-dvqgpcvju", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-88-o2g4ioqvd", "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": "20", "paddingBottom": "20", "columnCount": "3", "backgroundColor": "#f2f2f2", "colorTheme": "theme-light-mono", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/105819-199/9-2-2.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/105823-199/9-2-3.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/105826-199/9-2-4.webp", "text1": "", "text2": "" } ] }, "uniqueId": "fc-block-88-6reonx8f9", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-86-c4reh57mz", "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

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

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

\n" }, "values": { "backgroundColor": "#f2f2f2", "cardType": "row", "borderColor": "#7F52FF", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "#F6F3FF", "imageUrl": "", "imageSize": 100, "fontSize": "fc-content-text", "fontColor": "#000000", "content": "\n\nSepatah kata dari tutor\n
\n\nAnda dapat mencoba konsep inti orkestrasi kontainer dan tech stack yang digunakan sebenarnya, mempelajari cara membangun dan mengelola sistem back-end di lingkungan pengguna berskala besar melalui proses pemecahan masalah dalam 3 tahap!\n" }, "uniqueId": "fc-block-89-cqw86plu1", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-90-6awm7qgke", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "80", "backgroundColor": "#f2f2f2" }, "uniqueId": "fc-block-90-s726o40ew", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-104-8qt13qnxc", "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": "30", "backgroundColor": "#220557", "useTextCenter": true, "textSize": "fc-h4-text", "textColor": "#fff", "text": "\nTujuan kursus pengembangan web back-end
\ndiselesaikan dengan 7 proyek\n" }, "uniqueId": "fc-block-2-o5mbb7ij8", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-99-18osv4ygg", "layout": { "id": "405", "description": "1~4단 컬러카드", "icon": "\n", "params": [ { "name": "spacingTop", "type": "number", "description": "spacing-top" }, { "name": "spacingBottom", "type": "number", "description": "spacing-bottom" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "cardGapInUseColumn", "type": "number", "description": "모바일 2단 컬럼에서 카드 간격 (rem단위) (default 3rem)" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "mainTextSize", "type": "select", "description": "main text size", "options": [ "fc-h4-text", "fc-h5-text", "fc-h6-text" ] }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "cardColor1", "type": "text", "description": "card color" }, { "name": "title1", "type": "text", "description": "title text" }, { "name": "main1", "type": "textarea", "description": "main text" }, { "name": "sub1", "type": "textarea", "description": "sub text" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link" }, { "name": "buttonLabel1", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor2", "type": "text", "description": "card color" }, { "name": "title2", "type": "text", "description": "title text" }, { "name": "main2", "type": "textarea", "description": "main text" }, { "name": "sub2", "type": "textarea", "description": "sub text" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link" }, { "name": "buttonLabel2", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor3", "type": "text", "description": "card color" }, { "name": "title3", "type": "text", "description": "title text" }, { "name": "main3", "type": "textarea", "description": "main text" }, { "name": "sub3", "type": "textarea", "description": "sub text" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link" }, { "name": "buttonLabel3", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor4", "type": "text", "description": "card color" }, { "name": "title4", "type": "text", "description": "title text" }, { "name": "main4", "type": "textarea", "description": "main text" }, { "name": "sub4", "type": "textarea", "description": "sub text" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "link4", "type": "text", "description": "link" }, { "name": "buttonLabel4", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" } ], "values": { "spacingTop": 0, "spacingBottom": 0, "useTextCenter": false, "backgroundColor": "#ffffff", "useColumnInMobile": false, "cardGapInUseColumn": 2, "textColor": "#000000", "buttonColor": "#E4FF18", "buttonTextColor": "#000000", "titleSize": "fc-h5-text", "mainTextSize": "fc-h4-text", "subTextSize": "fc-h6-text", "cardColor1": "#ff947a", "title1": "", "main1": "", "sub1": "", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#88abff", "title2": "", "main2": "", "sub2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#c88dff", "title3": "", "main3": "", "sub3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "", "cardColor4": "#91eaa2", "title4": "", "main4": "", "sub4": "", "useNewTab4": true, "link4": "", "buttonLabel4": "" }, "template": "

rem; padding-bottom: <%= spacingBottom/10 || 0 %>rem; background-color: <%= backgroundColor || 'transparent' %>\">\n

; <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title1) { %>\n
\"><%= title1 %>
\n <% } %>\n <% if(main1) { %>\n
\"><%= main1 %>
\n <% } %>\n <% if(sub1) { %>\n
\"><%= sub1 %>
\n <% } %>\n
\n <% if(link1) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link1 %>\" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel1 %>\n
\n <% } %>\n
background-color: <%= cardColor2 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title2) { %>\n
\"><%= title2 %>
\n <% } %>\n <% if(main2) { %>\n
\"><%= main2 %>
\n <% } %>\n <% if(sub2) { %>\n
\"><%= sub2 %>
\n <% } %>\n
\n <% if(link2) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link2 %>\" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel2 %>\n
\n <% } %>\n
background-color: <%= cardColor3 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title3) { %>\n
\"><%= title3 %>
\n <% } %>\n <% if(main3) { %>\n
\"><%= main3 %>
\n <% } %>\n <% if(sub3) { %>\n
\"><%= sub3 %>
\n <% } %>\n
\n <% if(link3) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link3 %>\" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel3 %>\n
\n <% } %>\n
background-color: <%= cardColor4 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title4) { %>\n
\"><%= title4 %>
\n <% } %>\n <% if(main4) { %>\n
\"><%= main4 %>
\n <% } %>\n <% if(sub4) { %>\n
\"><%= sub4 %>
\n <% } %>\n
\n <% if(link4) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link4 %>\" <% if(useNewTab4) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel4 %>\n
\n <% } %>\n

\n" }, "values": { "spacingTop": 0, "spacingBottom": "10", "useTextCenter": true, "backgroundColor": "#220557", "useColumnInMobile": true, "cardGapInUseColumn": 2, "textColor": "#fff", "buttonColor": "#E4FF18", "buttonTextColor": "#000000", "titleSize": "fc-h6-text", "mainTextSize": "fc-h6-text", "subTextSize": "fc-content-text", "cardColor1": "#5C3BAB", "title1": "", "main1": "", "sub1": "Dengan mengikuti proyek ini, Anda akan mempelajari penggunaan praktis teknik yang diperlukan\n untuk pengembangan web back-end.", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#88abff", "title2": "", "main2": "", "sub2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#c88dff", "title3": "", "main3": "", "sub3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "", "cardColor4": "#91eaa2", "title4": "", "main4": "", "sub4": "", "useNewTab4": true, "link4": "", "buttonLabel4": "" }, "uniqueId": "fc-block-91-hdo859uyv", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-100-xf9b4eokl", "layout": { "id": "405", "description": "1~4단 컬러카드", "icon": "\n", "params": [ { "name": "spacingTop", "type": "number", "description": "spacing-top" }, { "name": "spacingBottom", "type": "number", "description": "spacing-bottom" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "cardGapInUseColumn", "type": "number", "description": "모바일 2단 컬럼에서 카드 간격 (rem단위) (default 3rem)" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "mainTextSize", "type": "select", "description": "main text size", "options": [ "fc-h4-text", "fc-h5-text", "fc-h6-text" ] }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "cardColor1", "type": "text", "description": "card color" }, { "name": "title1", "type": "text", "description": "title text" }, { "name": "main1", "type": "textarea", "description": "main text" }, { "name": "sub1", "type": "textarea", "description": "sub text" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link" }, { "name": "buttonLabel1", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor2", "type": "text", "description": "card color" }, { "name": "title2", "type": "text", "description": "title text" }, { "name": "main2", "type": "textarea", "description": "main text" }, { "name": "sub2", "type": "textarea", "description": "sub text" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link" }, { "name": "buttonLabel2", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor3", "type": "text", "description": "card color" }, { "name": "title3", "type": "text", "description": "title text" }, { "name": "main3", "type": "textarea", "description": "main text" }, { "name": "sub3", "type": "textarea", "description": "sub text" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link" }, { "name": "buttonLabel3", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor4", "type": "text", "description": "card color" }, { "name": "title4", "type": "text", "description": "title text" }, { "name": "main4", "type": "textarea", "description": "main text" }, { "name": "sub4", "type": "textarea", "description": "sub text" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "link4", "type": "text", "description": "link" }, { "name": "buttonLabel4", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" } ], "values": { "spacingTop": 0, "spacingBottom": 0, "useTextCenter": false, "backgroundColor": "#ffffff", "useColumnInMobile": false, "cardGapInUseColumn": 2, "textColor": "#000000", "buttonColor": "#E4FF18", "buttonTextColor": "#000000", "titleSize": "fc-h5-text", "mainTextSize": "fc-h4-text", "subTextSize": "fc-h6-text", "cardColor1": "#ff947a", "title1": "", "main1": "", "sub1": "", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#88abff", "title2": "", "main2": "", "sub2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#c88dff", "title3": "", "main3": "", "sub3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "", "cardColor4": "#91eaa2", "title4": "", "main4": "", "sub4": "", "useNewTab4": true, "link4": "", "buttonLabel4": "" }, "template": "

rem; padding-bottom: <%= spacingBottom/10 || 0 %>rem; background-color: <%= backgroundColor || 'transparent' %>\">\n

; <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title1) { %>\n
\"><%= title1 %>
\n <% } %>\n <% if(main1) { %>\n
\"><%= main1 %>
\n <% } %>\n <% if(sub1) { %>\n
\"><%= sub1 %>
\n <% } %>\n
\n <% if(link1) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link1 %>\" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel1 %>\n
\n <% } %>\n
background-color: <%= cardColor2 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title2) { %>\n
\"><%= title2 %>
\n <% } %>\n <% if(main2) { %>\n
\"><%= main2 %>
\n <% } %>\n <% if(sub2) { %>\n
\"><%= sub2 %>
\n <% } %>\n
\n <% if(link2) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link2 %>\" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel2 %>\n
\n <% } %>\n
background-color: <%= cardColor3 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title3) { %>\n
\"><%= title3 %>
\n <% } %>\n <% if(main3) { %>\n
\"><%= main3 %>
\n <% } %>\n <% if(sub3) { %>\n
\"><%= sub3 %>
\n <% } %>\n
\n <% if(link3) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link3 %>\" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel3 %>\n
\n <% } %>\n
background-color: <%= cardColor4 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title4) { %>\n
\"><%= title4 %>
\n <% } %>\n <% if(main4) { %>\n
\"><%= main4 %>
\n <% } %>\n <% if(sub4) { %>\n
\"><%= sub4 %>
\n <% } %>\n
\n <% if(link4) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link4 %>\" <% if(useNewTab4) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel4 %>\n
\n <% } %>\n

\n" }, "values": { "spacingTop": 0, "spacingBottom": "10", "useTextCenter": true, "backgroundColor": "#220557", "useColumnInMobile": true, "cardGapInUseColumn": 2, "textColor": "#fff", "buttonColor": "#E4FF18", "buttonTextColor": "#000000", "titleSize": "fc-h6-text", "mainTextSize": "fc-h6-text", "subTextSize": "fc-content-text", "cardColor1": "#5C3BAB", "title1": "", "main1": "", "sub1": "Daripada memberikan contoh kode yang terpisah-pisah, kami mewujudkan proses
\npengembangan praktis dengan menemani Anda melalui proses penyelesaian proyek\npengembangan web.", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#88abff", "title2": "", "main2": "", "sub2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#c88dff", "title3": "", "main3": "", "sub3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "", "cardColor4": "#91eaa2", "title4": "", "main4": "", "sub4": "", "useNewTab4": true, "link4": "", "buttonLabel4": "" }, "uniqueId": "fc-block-92-j3o7fj7oe", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-98-j6rfb1kqu", "layout": { "id": "405", "description": "1~4단 컬러카드", "icon": "\n", "params": [ { "name": "spacingTop", "type": "number", "description": "spacing-top" }, { "name": "spacingBottom", "type": "number", "description": "spacing-bottom" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "cardGapInUseColumn", "type": "number", "description": "모바일 2단 컬럼에서 카드 간격 (rem단위) (default 3rem)" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "buttonColor", "type": "text", "description": "button color" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "mainTextSize", "type": "select", "description": "main text size", "options": [ "fc-h4-text", "fc-h5-text", "fc-h6-text" ] }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "cardColor1", "type": "text", "description": "card color" }, { "name": "title1", "type": "text", "description": "title text" }, { "name": "main1", "type": "textarea", "description": "main text" }, { "name": "sub1", "type": "textarea", "description": "sub text" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link" }, { "name": "buttonLabel1", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor2", "type": "text", "description": "card color" }, { "name": "title2", "type": "text", "description": "title text" }, { "name": "main2", "type": "textarea", "description": "main text" }, { "name": "sub2", "type": "textarea", "description": "sub text" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link" }, { "name": "buttonLabel2", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor3", "type": "text", "description": "card color" }, { "name": "title3", "type": "text", "description": "title text" }, { "name": "main3", "type": "textarea", "description": "main text" }, { "name": "sub3", "type": "textarea", "description": "sub text" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link" }, { "name": "buttonLabel3", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" }, { "name": "cardColor4", "type": "text", "description": "card color" }, { "name": "title4", "type": "text", "description": "title text" }, { "name": "main4", "type": "textarea", "description": "main text" }, { "name": "sub4", "type": "textarea", "description": "sub text" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "link4", "type": "text", "description": "link" }, { "name": "buttonLabel4", "type": "text", "description": "버튼 텍스트 운영 규칙 : 12자 이내로 작성해야함" } ], "values": { "spacingTop": 0, "spacingBottom": 0, "useTextCenter": false, "backgroundColor": "#ffffff", "useColumnInMobile": false, "cardGapInUseColumn": 2, "textColor": "#000000", "buttonColor": "#E4FF18", "buttonTextColor": "#000000", "titleSize": "fc-h5-text", "mainTextSize": "fc-h4-text", "subTextSize": "fc-h6-text", "cardColor1": "#ff947a", "title1": "", "main1": "", "sub1": "", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#88abff", "title2": "", "main2": "", "sub2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#c88dff", "title3": "", "main3": "", "sub3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "", "cardColor4": "#91eaa2", "title4": "", "main4": "", "sub4": "", "useNewTab4": true, "link4": "", "buttonLabel4": "" }, "template": "

rem; padding-bottom: <%= spacingBottom/10 || 0 %>rem; background-color: <%= backgroundColor || 'transparent' %>\">\n

; <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title1) { %>\n
\"><%= title1 %>
\n <% } %>\n <% if(main1) { %>\n
\"><%= main1 %>
\n <% } %>\n <% if(sub1) { %>\n
\"><%= sub1 %>
\n <% } %>\n
\n <% if(link1) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link1 %>\" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel1 %>\n
\n <% } %>\n
background-color: <%= cardColor2 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title2) { %>\n
\"><%= title2 %>
\n <% } %>\n <% if(main2) { %>\n
\"><%= main2 %>
\n <% } %>\n <% if(sub2) { %>\n
\"><%= sub2 %>
\n <% } %>\n
\n <% if(link2) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link2 %>\" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel2 %>\n
\n <% } %>\n
background-color: <%= cardColor3 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title3) { %>\n
\"><%= title3 %>
\n <% } %>\n <% if(main3) { %>\n
\"><%= main3 %>
\n <% } %>\n <% if(sub3) { %>\n
\"><%= sub3 %>
\n <% } %>\n
\n <% if(link3) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link3 %>\" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel3 %>\n
\n <% } %>\n
background-color: <%= cardColor4 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title4) { %>\n
\"><%= title4 %>
\n <% } %>\n <% if(main4) { %>\n
\"><%= main4 %>
\n <% } %>\n <% if(sub4) { %>\n
\"><%= sub4 %>
\n <% } %>\n
\n <% if(link4) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link4 %>\" <% if(useNewTab4) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel4 %>\n
\n <% } %>\n

\n" }, "values": { "spacingTop": 0, "spacingBottom": "0", "useTextCenter": true, "backgroundColor": "#220557", "useColumnInMobile": true, "cardGapInUseColumn": 2, "textColor": "#fff", "buttonColor": "#E4FF18", "buttonTextColor": "#000000", "titleSize": "fc-h6-text", "mainTextSize": "fc-h6-text", "subTextSize": "fc-content-text", "cardColor1": "#5C3BAB", "title1": "", "main1": "", "sub1": "Anda dapat mengembangkan skill pemecahan masalah seperti cara berpikir dan mendesain
\nsaat mengerjakan sebuah proyek.", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#88abff", "title2": "", "main2": "", "sub2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#c88dff", "title3": "", "main3": "", "sub3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "", "cardColor4": "#91eaa2", "title4": "", "main4": "", "sub4": "", "useNewTab4": true, "link4": "", "buttonLabel4": "" }, "uniqueId": "fc-block-93-acqgkuyp6", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-102-egbva669n", "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" }, "values": { "backgroundColor": "#220557", "paddingTop": "30", "paddingBottom": "30", "borderColor": "#645089", "borderSize": "1" }, "uniqueId": "fc-block-94-psbn1ueyh", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-103-q5dz7yo44", "layout": { "id": "102", "description": "2단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize1", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor1", "type": "text", "description": "text color" }, { "name": "text1", "type": "textarea", "description": "text" }, { "name": "textSize2", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor2", "type": "text", "description": "text color" }, { "name": "text2", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize1": "fc-h1-text", "textColor1": "#000000", "text1": "", "textSize2": "fc-h1-text", "textColor2": "#000000", "text2": "" }, "template": "

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

fc-text-align-center<% } %>\">\n <% if(text1) { %>\n

\" style=\"<% if(textColor1) { %>color: <%= textColor1 %><% } %>\">\n <%= text1 %>\n

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

\" style=\"<% if(textColor2) { %>color: <%= textColor2 %><% } %>\">\n <%= text2 %>\n

\n <% } %>\n

\n" }, "values": { "paddingTop": "0", "paddingBottom": "80", "backgroundColor": "#220557", "useTextCenter": false, "textSize1": "fc-h5-text", "textColor1": "#fff", "text1": "\nDirekomendasikan
\nuntuk\n", "textSize2": "fc-content-text", "textColor2": "#D3CDDD", "text2": "∙ Mereka yang ingin mempelajari pengembangan web back-end dengan mengerjakan proyek daripada mempelajari teori
\n∙ Mereka yang memiliki pengetahuan tentang Java/Spring, namun tidak yakin bagaimana memulai pengembangan web back-end
\n∙ Developer baru yang ingin memperluas keterampilan pengembangan web backend melalui proyek
\n∙ Mahasiswa jurusan atau developer junior yang ingin mempelajari konsep backend tingkat lanjut seperti pemrosesan data skala besar, peningkatan kinerja, dan CI/CD." }, "uniqueId": "fc-block-95-6a07q1vmh", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-105-jnv6mh8n1", "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": "#f2f2f2", "useTextCenter": false, "textSize": "fc-h6-text", "textColor": "#000000", "text": "\nPoin 7\n" }, "uniqueId": "fc-block-96-a6p96llsr", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-107-y2ibrrclx", "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": "30", "backgroundColor": "#f2f2f2", "useTextCenter": false, "textSize": "fc-h4-text", "textColor": "#000", "text": "\nKursus yang dapat dinikmati berulang tanpa batas
\nseumur hidup  hanya dengan sekali pembelian\n" }, "uniqueId": "fc-block-97-uz1t1lxba", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-110-avu3m2vdb", "layout": { "id": "206", "description": "좌/우 이미지와 텍스트", "icon": "\n", "params": [ { "name": "reverseColumn", "type": "checkbox", "description": "-" }, { "name": "textVerticalAlign", "type": "select", "description": "-", "options": [ "top", "center" ] }, { "name": "backgroundColor", "type": "text", "description": "-" }, { "name": "textColor", "type": "text", "description": "-" }, { "name": "titleSize", "type": "select", "description": "-", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "-", "options": [ "text--h6", "text--content1" ] }, { "name": "imageUrl", "type": "image", "description": "-" }, { "name": "imageWidth", "type": "number", "description": "~720" }, { "name": "title", "type": "text", "description": "-" }, { "name": "content", "type": "text", "description": "-" } ], "values": { "reverseColumn": false, "textVerticalAlign": "top", "backgroundColor": "#ffffff", "textColor": "#000000", "titleSize": "text--h5", "contentSize": "text--h6", "imageUrl": "", "imageWidth": 480, "title": "", "content": "" }, "template": "

\">\n

<%= textVerticalAlign === 'center' ? ' container__body--center-within-column' : ''%>\">\n

\" style=\"width: <%= imageWidth/10 %>rem\">\n <% if (imageUrl) { %>\n

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

\">\n

\"><%= title || '' %>

\"><%= content || '' %>

\n" }, "values": { "reverseColumn": false, "textVerticalAlign": "top", "backgroundColor": "#f2f2f2", "textColor": "#000000", "titleSize": "text--h5", "contentSize": "text--content1", "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/110637-199/11.webp", "imageWidth": 480, "title": "", "content": "Tidak perlu khawatir jika Anda melewatkan beberapa kursus karena jadwal yang padat; program kami menawarkan fleksibilitas yang Anda butuhkan.\n

\nDengan akses seumur hidup dan opsi untuk mengulang kembali tanpa batas,\nAnda dapat belajar sesuai keinginan Anda dan meninjau kembali materi kapan pun diperlukan.\n

\nHal ini memastikan Anda dapat menguasai konten sepenuhnya tanpa batasan waktu." }, "uniqueId": "fc-block-98-u7v8maq55", "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": "0", "backgroundColor": "#f2f2f2", "useTextCenter": false, "textSize": "fc-h6-text", "textColor": "#000000", "text": "\nPoin 8\n" }, "uniqueId": "fc-block-17-2fg3u89e5", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-108-rmhcg9s18", "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": "5", "backgroundColor": "#f2f2f2", "useTextCenter": false, "textSize": "fc-h4-text", "textColor": "#000", "text": "\nMenjalankan komunitas Discord untuk Tutor\n" }, "uniqueId": "fc-block-99-zysi0x0ir", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-22-tyqyvxf6s", "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": "#f2f2f2", "useTextCenter": false, "textSize": "fc-h6-text", "textColor": "#000", "text": "\ntempat di mana Anda dapat mengajukan pertanyaan langsung kepada mentor yang menciptakan Kafka\n" }, "uniqueId": "fc-block-100-3pyx2fvhi", "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

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

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

\n" }, "values": { "paddingTop": "0", "paddingBottom": "30", "backgroundColor": "#f2f2f2", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#3C3C3C", "text": "Jika Anda mengalami kebuntuan saat mengerjakan suatu proyek,
\nAnda dapat mengajukan pertanyaan langsung kepada tutor yang Anda lihat di layar." }, "uniqueId": "fc-block-2-miolbm6f1", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-109-t7r2kk1jt", "layout": { "id": "206", "description": "좌/우 이미지와 텍스트", "icon": "\n", "params": [ { "name": "reverseColumn", "type": "checkbox", "description": "-" }, { "name": "textVerticalAlign", "type": "select", "description": "-", "options": [ "top", "center" ] }, { "name": "backgroundColor", "type": "text", "description": "-" }, { "name": "textColor", "type": "text", "description": "-" }, { "name": "titleSize", "type": "select", "description": "-", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "-", "options": [ "text--h6", "text--content1" ] }, { "name": "imageUrl", "type": "image", "description": "-" }, { "name": "imageWidth", "type": "number", "description": "~720" }, { "name": "title", "type": "text", "description": "-" }, { "name": "content", "type": "text", "description": "-" } ], "values": { "reverseColumn": false, "textVerticalAlign": "top", "backgroundColor": "#ffffff", "textColor": "#000000", "titleSize": "text--h5", "contentSize": "text--h6", "imageUrl": "", "imageWidth": 480, "title": "", "content": "" }, "template": "

\">\n

<%= textVerticalAlign === 'center' ? ' container__body--center-within-column' : ''%>\">\n

\" style=\"width: <%= imageWidth/10 %>rem\">\n <% if (imageUrl) { %>\n

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

\">\n

\"><%= title || '' %>

\"><%= content || '' %>

\n" }, "values": { "reverseColumn": false, "textVerticalAlign": "top", "backgroundColor": "#f2f2f2", "textColor": "#000000", "titleSize": "text--h6", "contentSize": "text--content1", "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/110710-199/12.webp", "imageWidth": 480, "title": "\nKomunitas Q&A!
\nJika digunakan seperti ini utilisasinya 200%\n", "content": "✓ Bagaimana jika terjadi kesalahan saat latihan?\nPenyelesaian cepat melalui tanya jawab waktu nyata antara tutor dan siswa\n
\n✓ Jika ada yang belum dipahami saat mendengarkan kursus,\nsegera ajukan pertanyaan.\n

\n

\n
\n\n* Komunitas ini beroperasi dari 02.10.2024 hingga 01.10.2027 melalui Discord.
\n* Ini adalah ruang tipe komunitas tempat tutor memasuki saluran.
\n* Karena tutor sibuk selama bekerja, mungkin diperlukan waktu hingga 7 hari kerja untuk merespons. " }, "uniqueId": "fc-block-101-hejqyu36b", "isChecked": false, "hasSyntaxErrorTags": true }, { "id": "fc-block-112-fqulwn802", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "80", "backgroundColor": "#f2f2f2" }, "uniqueId": "fc-block-102-gt1btescq", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-105-u0694x3p2", "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": "#220557", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#fff", "text": "\nPoin 9\n" }, "uniqueId": "fc-block-3-femw18poq", "isChecked": false, "hasSyntaxErrorTags": false }, { "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

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

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

\n" }, "values": { "paddingTop": "0", "paddingBottom": "10", "backgroundColor": "#220557", "useTextCenter": true, "textSize": "fc-h4-text", "textColor": "#fff", "text": "\nKursus ini sangat berbeda dari video tips YouTube berdurasi 30 menit!
\nKursus spesial berdurasi 2 jam tentang A-Z bekerja sebagai developer\n" }, "uniqueId": "fc-block-1-hs7w7ewha", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-27-akwkumfh9", "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": "30", "backgroundColor": "#220557", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#D3CDDD", "text": "Dari menulis CV dan portofolio, persiapan sesuai tahap perekrutan, hingga strategi wawancara!
\nKami akan memberi tahu Anda semua mengenai developer, sehingga Anda dapat lolos!" }, "uniqueId": "fc-block-78-hrrj99i48", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-107-i6idyw0ex", "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": "0", "paddingBottom": "30", "columnCount": "3", "backgroundColor": "#220557", "colorTheme": "theme-light-mono", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/115111-199/13-1.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/155124-199/13-2.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/115117-199/13-3.webp", "text1": "", "text2": "" } ] }, "uniqueId": "fc-block-4-y8a1wd6zg", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-108-u3939tm1f", "layout": { "id": "202", "description": "1~4단 이미지", "icon": "\n", "params": [ { "name": "columnCount", "type": "number", "description": "maximum 4" }, { "name": "columnMargin", "type": "number", "description": "column margin" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "imageUrl1", "type": "image", "description": "image1 url" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link url" }, { "name": "imageUrl2", "type": "image", "description": "image2 url" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link url" }, { "name": "imageUrl3", "type": "image", "description": "image3 url" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link url" }, { "name": "imageUrl4", "type": "image", "description": "image4 url" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "link4", "type": "text", "description": "link url" }, { "name": "imageUrl5", "type": "image", "description": "image5 url" }, { "name": "useNewTab5", "type": "checkbox", "description": "" }, { "name": "link5", "type": "text", "description": "link url" }, { "name": "imageUrl6", "type": "image", "description": "image6 url" }, { "name": "useNewTab6", "type": "checkbox", "description": "" }, { "name": "link6", "type": "text", "description": "link url" }, { "name": "imageUrl7", "type": "image", "description": "image7 url" }, { "name": "useNewTab7", "type": "checkbox", "description": "" }, { "name": "link7", "type": "text", "description": "link url" }, { "name": "imageUrl8", "type": "image", "description": "image8 url" }, { "name": "useNewTab8", "type": "checkbox", "description": "" }, { "name": "link8", "type": "text", "description": "link url" }, { "name": "imageUrl9", "type": "image", "description": "image9 url" }, { "name": "useNewTab9", "type": "checkbox", "description": "" }, { "name": "link9", "type": "text", "description": "link url" }, { "name": "imageUrl10", "type": "image", "description": "image10 url" }, { "name": "useNewTab10", "type": "checkbox", "description": "" }, { "name": "link10", "type": "text", "description": "link url" }, { "name": "imageUrl11", "type": "image", "description": "image11 url" }, { "name": "useNewTab11", "type": "checkbox", "description": "" }, { "name": "link11", "type": "text", "description": "link url" }, { "name": "imageUrl12", "type": "image", "description": "image12 url" }, { "name": "useNewTab12", "type": "checkbox", "description": "" }, { "name": "link12", "type": "text", "description": "link url" } ], "values": { "columnCount": 1, "columnMargin": 0, "paddingTop": 0, "paddingBottom": 0, "useColumnInMobile": false, "backgroundColor": "#ffffff", "imageUrl1": "", "useNewTab1": true, "link1": "", "imageUrl2": "", "useNewTab2": true, "link2": "", "imageUrl3": "", "useNewTab3": true, "link3": "", "imageUrl4": "", "useNewTab4": true, "link4": "", "imageUrl5": "", "useNewTab5": true, "link5": "", "imageUrl6": "", "useNewTab6": true, "link6": "", "imageUrl7": "", "useNewTab7": true, "link7": "", "imageUrl8": "", "useNewTab8": true, "link8": "", "imageUrl9": "", "useNewTab9": true, "link9": "", "imageUrl10": "", "useNewTab10": true, "link10": "", "imageUrl11": "", "useNewTab11": true, "link11": "", "imageUrl12": "", "useNewTab12": true, "link12": "" }, "template": "

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

\n <% } %>\n

\n" }, "values": { "columnCount": "5", "columnMargin": "20", "paddingTop": 0, "paddingBottom": "80", "useColumnInMobile": false, "backgroundColor": "#220557", "imageUrl1": "https://cdn.day1company.io/prod/uploads/202409/115125-199/folder-1.webp", "useNewTab1": true, "link1": "", "imageUrl2": "https://cdn.day1company.io/prod/uploads/202409/115129-199/folder-2.webp", "useNewTab2": true, "link2": "", "imageUrl3": "https://cdn.day1company.io/prod/uploads/202409/115132-199/folder-3.webp", "useNewTab3": true, "link3": "", "imageUrl4": "https://cdn.day1company.io/prod/uploads/202409/115136-199/folder-4.webp", "useNewTab4": true, "link4": "", "imageUrl5": "https://cdn.day1company.io/prod/uploads/202409/115140-199/folder-5.webp", "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-5-iaro5vnrn", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-111-icdui4puq", "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": "20", "backgroundColor": "#f2f2f2", "useTextCenter": false, "textSize": "fc-h4-text", "textColor": "#000000", "text": "Curriculum" }, "hidden": false, "uniqueId": "fc-block-103-zzzzl8lgs", "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

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

\n" }, "values": { "backgroundColor": "#F2F2F2", "paddingTop": "0", "paddingBottom": "20", "labelText": "Part 1. Creating an Apple Homepage with HTML/CSS/JS", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-3-zpsn5ri63", "isChecked": false, "hidden": 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 <% if (title1 || content1 || imageUrl1) { %>\n

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

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

\n" }, "values": { "spacing": "20", "backgroundColor": "#F2F2F2" }, "uniqueId": "fc-block-2-fpmkuzvqi", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-k7wvf8wxi", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Chapter 3. HTML Basics", "content1": "Ch3-1. Introduction to HTML
\nCh3-2. Document Type (DTD)
\nCh3-3. HTML, Head Body(1)
\nCh3-4. HTML, Head Body(2)
\nCh3-5. HTML, Head Body(3)
\nCh3-6. HTML, Head Body(4)
\nCh3-7. HTML, Head Body(5)
\nCh3-8. HTML, Head Body(6)
\nCh3-9. HTML, Head Body(7)
\nCh3-10. HTML, Head Body(8)
\nCh3-11. Connecting CSS and JavaScript
\nCh3-12. Understanding Tags Containing Information(1)
\nCh3-13. Understanding Tags Containing Information(2)
\nCh3-14. Debugging in the Browser for HTML(1)
\nCh3-15. Debugging in the Browser for HTML(2)
\nCh3-16. Getting Started on the Web
\nCh3-17. Introduction to the Codepen.io Platform(1)
\nCh3-18. Introduction to the Codepen.io Platform(2)
\nCh3-19. Resetting Browser Styles
\nCh3-20. Emmet
\nCh3-21. Understanding the Relationship between Parent and Child Elements
\nCh3-22. Displaying Images- Multimedia on the Screen (1)
\nCh3-23. Displaying Images- Multimedia on Screen(2)
\nCh3-23. Displaying Images- Multimedia on the Screen (3)
\nCh3-24. Dividing and Connecting Pages (Links)
\nCh3-25. Tag Blank
\nCh3-26. Text and Boxes(1)
\nCh3-27. Text and Boxes(2)
\nCh3-28. Text and Boxes(3)
\nCh3-29. Text and Boxes(4)
\nCh3-30. HTML Summary(1)
\nCh3-31. HTML Summary(2)
\nCh3-32. Summary of Key Elements
\nCh3-33. Exercises on Key Elements(1)
\nCh3-34. Exercises on Key Elements(2)
\nCh3-35. Annotation
\nCh3-36. Air label(1)
\nCh3-37. Air label(2)
", "imageUrl1": "", "title2": "Chapter 4. CSS Overview", "content2": "Ch4-1. CSS Overview(1)
\nCh4-2. CSS Overview(2)
\nCh4-3. Global Properties
\nCh4-4. Declaration Method(1)
\nCh4-5. Declaration Method(2)
\nCh4-6. Default selector
\nCh4-7. Selector Kits(1)
\nCh4-8. Selector Kits(2)
\nCh4-9. Property Selector(1)
\nCh4-10. Property Selector(2)
\nCh4-11. Property Selector(3)
\nCh4-12. CSS Specificity(1)
\nCh4-13. CSS Specificity(2)
\nCh4-14. CSS Specificity(3)
\nCh4-15. Debugging in the Browser for CSS(1)
\nCh4-16. Debugging in the Browser for CSS(2)
\nCh4-17. Debugging in the Browser for CSS(3)
\nCh4-18. CSS Box Model(1)
\nCh4-19. CSS Box Model(2)
\nCh4-20. Width (Height) and CSS Units(1)
\nCh4-21. Width (Height) and CSS Units(2)
\nCh4-22. Outer Margins and Inner Margins (Padding)
\nCh4-23. Box-Sizing
\nCh4-24. Border Radius
\nCh4-25. Border and Color(1)
\nCh4-26. Border and Color(2)
\nCh4-27. Control Overflow
\nCh4-28. Display Characteristics
\nCh4-29. Pseudo Class(1)
\nCh4-30. Pseudo Class(2)
\nCh4-31. Pseudo Element
\nCh4-32. Position(1)
\nCh4-33. Position(2)
\nCh4-34. Font(1)
\nCh4-35. Font(2)
\nCh4-36. Outline
\nCh4-37. Transparency
\nCh4-38. Variabel CSS
", "imageUrl2": "" }, "uniqueId": "fc-block-3-pzgn1mynr", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-11-63jssirhs", "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-u0zewnd4c", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-8gkh18vvp", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Chapter 5. CSS Layout", "content1": "Ch5-1. CSS Layout Overview
\nCh5-2. Debugging CSS Layouts with a Browser
\nCh5-3. Introduction to Flexbox(1)
\nCh5-4. Introduction to Flexbox(2)
\nCh5-5. Flex Container
\nCh5-6. Flex Items(1)
\nCh5-7. Flex Items(2)
\nCh5-8. Setting Flex Direction
\nCh5-9. Setting Alignment (Justify Content)
\nCh5-10. Aligning Items
\nCh5-11. Gap Flexbox
\nCh5-12. Flex Wrap
\nCh5-13. Think in Flexbox(1)
\nCh5-14. Think in Flexbox(2)
\nCh5-15. Introduction to Grids
\nCh5-16. Grid Container
\nCh5-17. Grid Item
\nCh5-18. Grid Gap
\nCh5-19. Grid Column
\nCh5-20. Grid Row
\nCh5-21. Setting Grid Template Areas
\nCh5-22. Think in Grid
\nCh5-23. Using Flexbox and Grid
", "imageUrl1": "", "title2": "Chapter 6. CSS Animations", "content2": "Ch6-1. Animation Basics(1)
\nCh6-2. Animation Basics(2)
\nCh6-3. What Can Be Animated(1)
\nCh6-4. What Can Be Animated(2)
\nCh6-5. Naming Animations
\nCh6-6. Defining Keyframes
\nCh6-7. Transform Properties(1)
\nCh6-8. Transform Properties(2)
\nCh6-9. Transform Properties(3)
\nCh6-10. Animation Duration
\nCh6-11. Animation Delay
\nCh6-12. Animation Loop
\nCh6-13. Animation Direction
\nCh6-14. Animation Time Function(1)
\nCh6-15. Animation Time Function(2)
\nCh6-16. Animation Fill Mode
\nCh6-17. Introduction to CSS Transitions(1)
\nCh6-18. Introduction to CSS Transitions(2)
\nCh6-19. Transition Properties
\nCh6-20. Transition Duration
\nCh6-21. Transition Time Function
\nCh6-22. Transition Delay
\nCh6-23. The Difference Between Transitions and Animations
\nCh6-24. Animating SVG with CSS
\nCh6-25. Animating Layout Properties
\nCh6-26. Animation Library and Tools(1)
\nCh6-27. Animation Library and Tools(2)
\nCh6-28. Animation Accessibility Considerations
", "imageUrl2": "" }, "uniqueId": "fc-block-5-qzytx0m11", "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, "hidden": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-sy4deaobh", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Chapter 7. JS is Preferred", "content1": "Ch7-1. Introduction to JavaScript
\nCh7-2. History of JavaScript
\nCh7-3. Why JavaScript
\nCh7-4. Running JavaScript
\nCh7-5. Introduction to Basic Javascript Syntax Concepts
\nCh7-6. Programming Basics
\nCh7-7. Fundamentals of Algorithmic Programming
\nCh7-8. Pseudocode Programming Basics
\nCh7-9. Flowchart Programming Basics
\nCh7-10. Variables and Data Types
\nCh7-11. Types of Data Types
\nCh7-12. String, Boolean, and Number Data Types
\nCh7-13. Array and object data types
\nCh7-14. Declaration
\nCh7-15. Function
\nCh7-16. Arithmetic Operators
\nCh7-17. Comparison Operators
\nCh7-18. Logic Operator
\nCh7-19. Assignment Operators
\nCh7-20. Other Operators
\nCh7-21. Strings and Their Methods
\nCh7-22. Numbers and Their Methods
\nCh7-23. Booleans and Their Methods
\nCh7-24. Structure Control
\nCh7-25. Percabangan (if, else, switch)
\nCh7-26. Percabangan (try-catch,logical short,tenary)
\nCh7-27. Branching Practice
\nCh7-28. Perulangan (for, while, do-while)
\nCh7-29. Perulangan (for..of, for..in)
\nCh7-30. Repetition Practice
\nCh7-31. Break and Continue
\nCh7-32. Arrays and Their Methods
\nCh7-33. Array Practice and Its Methods
\nCh7-34. Array Manipulation
\nCh7-35. Array Manipulation Practice
\nCh7-36. Objects and Their Methods
\nCh7-37. Object and Method Practice
\nCh7-38. Object Manipulation
\nCh7-39. Object Manipulation Practice
\nCh7-40. Destructuring Objects
\nCh7-41. Object Destructuring Practice
\nCh7-42. Destructuring Arrays
\nCh7-43. Array Destructuring Practice
\nCh7-44. Javascript Data Manipulation Overview
\nCh7-45. DOM
\nCh7-46. DOM Exploration
\nCh7-47. Element Selection (getElementById, querySelecto, querySelector)
\nCh7-48. Element Selection Exploration
\nCh7-49. Elemental Manipulation (Content)
\nCh7-50. Element Manipulation (Changing Style)
\nCh7-51. Elemental Manipulation (Changing Attributes)
\nCh7-52. Element Manipulation (Adding and Removing Elements)
\nCh7-53. Element Manipulation (Setting Event Listeners)
\nCh7-54. Event Handling (Mouse)
\nCh7-55. Event Handling (Form)
\nCh7-56. Event Handling (Keyboard)
\nCh7-57. Event Handling (UI-Touch )
", "imageUrl1": "", "title2": "Chapter 8. Develop Apple Home in Desktop Mode", "content2": "Ch8-1. Getting started - project start, style initialization
\nCh8-2. Getting Started - Fonts and Headers
\nCh8-3. Hero iPhone(1)
\nCh8-4. Hero iPhone(2)
\nCh8-5. Hero Macbook Air
\nCh8-6. Create Grid Section Feature (1)
\nCh8-7. Create Grid Section Feature (2)
\nCh8-8. Create a Karaoke UI
\nCh8-9. Create JS Karaosel(1)
\nCh8-10. Create JS Karaosel(2)
\nCh8-11. Footer(1)
\nCh8-12. Footer (2)
\nCh8-13. Meta Tags and Favicons
", "imageUrl2": "" }, "uniqueId": "fc-block-6-ymr0qdnu7", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-7-yjn6pmo12", "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-75yfcwghv", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-4-e9abegiqd", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Chapter 9. Develop Apple Home in Mobile/Tablet Mode", "content1": "Ch9-1. Introduction to Responsive Design
\nCh9-2. Why Responsive Design is Important(1)
\nCh9-3. Why Responsive Design is Important(2)
\nCh9-4. Responsive Design Principles(1)
\nCh9-5. Responsive Design Principles(2)
\nCh9-6. Media Query
\nCh9-7. Browser Responsive
\nCh9-8. Navigation
\nCh9-9. Mobile Javascript Navigation
\nCh9-10. Product Section, Carousel and Accordion
\nCh9-11. Accordion and Footer Section
\nCh9-12. Mobile Responsive Features
\nCh9-13. Mobile Carousel Responsive Features
", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "uniqueId": "fc-block-9-k6vb6zzq1", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-gbu716rd1", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "uniqueId": "fc-block-11-zuirn6rcy", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-25-8gqyhhwry", "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

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

\n" }, "values": { "backgroundColor": "#F2F2F2", "paddingTop": "40", "paddingBottom": "20", "labelText": "Part 2. Version control with Git", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-15-0i13l6tqj", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-15-gm21sug7l", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

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

\n" }, "values": { "spacing": "20", "backgroundColor": "#F2F2F2" }, "uniqueId": "fc-block-17-3f0v9rqj0", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-16-yx2233lx2", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Chapter 3. Collaborating with Git", "content1": "CH03-01. Team Collaboration with Git
\nCH03-02. Git Flow\nCH03-03. TBD\nCH03-03. TBD", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "uniqueId": "fc-block-18-pe15603xj", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-26-7jf2f8ygk", "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

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

\n" }, "values": { "backgroundColor": "#F2F2F2", "paddingTop": "40", "paddingBottom": "20", "labelText": "Part 3. The Complete Guide to CSS Frameworks", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-27-pyq2diras", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-33-n02vslrv6", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Chapter 1. CSS Framework Overview", "content1": "CH01-01. Introduction to Framework, Library(1)
\nCH01-02. Introduction to Framework, Library(2)
\nCH01-03. Framework, CSS Framework(1))
\nCH01-04. Framework, CSS Framework(2))
\nCH01-05. CSS Framework Type(1)- React Based, Agnostic)
\nCH01-06. CSS Framework Types (2) - Ready Components)
\nCH01-07. Introduction to Package Manager)
\nCH01-08. Npm vs Yarn)
\nCH01-09. Setup with package manager vs non-package manager)
\nCH01-10. Without Using NPM)
\nCH01-11. CDN Use and No CDN)
", "imageUrl1": "", "title2": "Chapter 2. Tailwind CSS", "content2": "CH02-01. TailwindCSS Overview
\nCH02-02. Prepare TailwindCSS
\nCH02-03. TailwindCSS Concept
\nCH02-04. Responsive with TailwindCSS
\nCH02-05. Animation with TailwindCSS
\nCH02-06. Coding exercises with Tailwind CSS
", "imageUrl2": "" }, "uniqueId": "fc-block-28-uu2jrwbv3", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-42-z2t94u5nj", "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-29-6ygnrtyml", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-34-oe0gfjewu", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Chapter 3. Bootstrap CSS", "content1": "CH03-01. BootstrapCSS Overview
\nCH03-02. Prepare Bootstrap CSS
\nCH03-03. Bootstrap CSS Concepts
\nCH03-04. Responsive with BootstrapCSS
\nCH03-05. Animation with BootstrapCSS
\nCH03-06. Code practice with Bootstrap CSS(1)
\nCH03-07. Code practice with Bootstrap CSS(2)
", "imageUrl1": "", "title2": "Chapter 4. Material UI", "content2": "CH04-01. UI Material Overview
\nCH04-02. Prepare UI Materials
\nCH04-03. UI Material Concept
\nCH04-04. Responsive with Material UI
\nCH04-05. Animation with Material UI
\nCH04-06. Code practice with Material UI(1)
\nCH04-07. Code practice with Material UI(2)
", "imageUrl2": "" }, "uniqueId": "fc-block-30-1zxdwzrii", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-44-3hx9omsni", "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-31-woqqg2d4f", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-35-mi6oeojw1", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Chapter 5. SCSS & BulmaCSS", "content1": "CH05-01. Pengantar SCSS
\nCH05-02. Why choose SCSS
\nCH05-03. SCSS Settings
\nCH05-04. Variables, Nested, Partial, Modules
\nCH05-05. Mixin, Warisan
\nCH05-06. Simple exercises using SCSS and BEM(1)
\nCH05-07. Simple exercises using SCSS and BEM(2)
\nCh05-08. Introduction to BulmaCSS
\nCh05-09. Prepare BulmaCSS
\nCh05-10. BulmaCSS Concept
\nCh05-11. Responsive and Animated with BulmaCSS
\nCh05-12. Choosing a CSS Framework
", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "uniqueId": "fc-block-32-mjpj5ihzk", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-27-b0x6nbq9o", "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

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

\n" }, "values": { "backgroundColor": "#F2F2F2", "paddingTop": "40", "paddingBottom": "20", "labelText": "Part 4. Animated Apple Ipad Website Project", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-44-k4fo5unn1", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-50-kyxvypryc", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Chapter 1. Project Review", "content1": "Ch1-1. Project Brief
\nCh1-2. Project Setup
\nCh1-3. Font Settings
\nCh1-4. Navigation Section (1)
\nCh1-5. Navigation Section (2)
\nCh1-6. Hero Section
\nCh1-7. Create a carousel with SwiperJS and Tailwind(1)
\nCh1-8. Create a carousel with SwiperJS and Tailwind(2)
\nCh1-9. Create a carousel with SwiperJS and Tailwind(3)
\nCh1-10. Comparing iPad Parts to Grid(1)
\nCh1-11. Comparing iPad Parts with Grid(2)
\nCh1-12. Comparing iPad Parts to Grid(3)
\nCh1-13. Accessories Section(1)
\nCh1-14. Accessories Section(2)
\nCh1-15. Accordion Pairing Part(1)
\nCh1-16. Accordion Pair Part (2)
\nCh1-17. Footer Section(1)
\nCh1-18. Footer Section (2)
\nCh1-19. Footer Section (3)
", "imageUrl1": "", "title2": "Chapter 2. Develop Animation", "content2": "Ch2-1. Navigation Transition Animation
\nCh2-2. Animation with AOS
", "imageUrl2": "" }, "uniqueId": "fc-block-45-pagcjoz7s", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-54-s3l872wrf", "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-46-ek3bjv6ed", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-51-vb4mvt6me", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Chapter 3. Implementation with Vercel", "content1": "Ch3-1. Using Vercel
\nCh3-2. Upload to Git and Vercel Integration
\nCh3-3. Project Improvement
", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "uniqueId": "fc-block-47-6lid65x5u", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-28-eu4cjxyd7", "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

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

\n" }, "values": { "backgroundColor": "#F2F2F2", "paddingTop": "40", "paddingBottom": "20", "labelText": "Part 5. JavaScript: Beginner to Advanced", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-52-rv7mrn6xq", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-57-xbsryc5en", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Chapter 1. JS data", "content1": "Ch1-1. Introduction
\nCh1-2. Programming Concepts
\nCh1-3. Introduction to Data Types
\nCh1-4. Tipe Data Primitive
\nCh1-5. Reference Data Types - Arrays
\nCh1-6. Tipe Data Reference - Object
\nCh1-7. Tipe Data Reference- Function
\nCh1-8. Data Type Checking
\nCh1-9. ECMAScript
", "imageUrl1": "", "title2": "Chapter 2. Operators and Syntax", "content2": "CH02-1. Declaration, Expression dan Hoisting
\nCH02-2. Structure Decomposition Assignment, Spread Operator
\nCH02-3. Arithmetic Operators
\nCH02-4. Operator Assignment, Increment, Decrement
\nCH02-5. Comparison Operators
\nCH02-6. Operator Logic, Why, Nullish Merge
\nCH02-7. Operator Ternary
\nCH02-8. What Else Is There in Mathematics?
\nCH02-9. Type Casting
\nCH02-10. If Conditional Statement
\nCH02-11. Switch Conditional Statement
\nCH02-12. For, For of, For in Loop Statement
\nCH02-13. Introduction to Competitive Programming with For
\nCH02-14. While, Do while Loop
\nCH02-15. Function
\nCH02-16. Parameters (Part I)
\nCH02-17. Parameters (Part II)
\nCH02-18. Parameters (Part III)
\nCH02-19. Function Solution
\nCH02-20. Arrow Function
\nCH02-21. Immediately Executed Function (IIFE)
\nCH02-22. Callback
\nCH02-23. Partial Application, Currying, Callback Hell
\nCH02-24. Recursive
", "imageUrl2": "" }, "uniqueId": "fc-block-53-vbxa361hm", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-62-ps4ir8l7h", "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-54-1oo6wfk9w", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-58-kkg64hifz", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Chapter 3. Class", "content1": "Ch3-1. Introduction
\nCh3-2. Getter,Setter, this
\nCh3-3. Private
\nCh3-4. Delete
\nCh3-5. Static
\nCh3-6. Inheritance (Part I)
\nCh3-7. Inheritance (Part II)
\nCh3-8. Prototype
\nCh3-9. Instanceof dan in
\nCh3-10. Optional Chaining
\n", "imageUrl1": "", "title2": "Chapter 4. Standard built-in objects", "content2": "CH04-01. Introduction
\nCH04-02. Math
\nCH04-03. String
\nCH04-04. Array (Part I)
\nCH04-05. Array (Part II)
\nCH04-06. Array (Part III)
\nCH04-07. Array (Part IV)
\nCH04-08. Array (Part V)
\nCH04-09. Set
\nCH04-10. JSON
\nCH04-11. Object
\nCH04-12. Map
\nCH04-13. Date
\nCH04-14. Module
\nCH04-15. Window
\nCH04-16. Navigator
", "imageUrl2": "" }, "uniqueId": "fc-block-55-muhejglqs", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-64-86coq99v8", "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-56-i1zeqcyyx", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-59-q0rt29hre", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Chapter 5. Asynchronous and External Data", "content1": "CH05-01. Introduction
\nCH05-02. Interval and Timeout
\nCH05-03. Promise
\nCH05-04. Resolve, Reject dan Error Handling
\nCH05-05. Fetch (Bagian I)
\nCH05-06. Fetch (Bagian II)
\nCH05-07. Pola Async Await
\nCH05-08. Managing Multiple Asynchronous Processes Simultaneously
\nCH05-09. What's the situation like before fetch
", "imageUrl1": "", "title2": "Chapter 6. Events", "content2": "CH06-01. Introduction
\nCH06-02. Object Event dan Custom Event
\nCH06-03. Add and Remove Events
\nCH06-04. Event Options
\nCH06-05. Bubbling and Capturing
\nCH06-06. Prevent Default dan Propagation
\nCH06-07. Event Delegation
\nCH06-08. Event Mouse dan Pointer
\nCH06-09. Event Keyboard
\nCH06-10. Event Change dan Submit
\nCH06-11. Cookies dan Storage
\nCH06-12. History dan Location
", "imageUrl2": "" }, "uniqueId": "fc-block-57-dg6in0nyt", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-63-un7xwr7ke", "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-58-cpfzka72d", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-51vrhfqae", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

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

\n" }, "values": { "spacing": "20", "backgroundColor": "#F2F2F2" }, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-y74xq3r8u", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Chapter 9. Debugging with DevTools", "content1": "Ch9-1. Introduction
\nCh9-2. Tab Console - Log, Warning, Error, Table, Group
\nCh9-3. Tab Console - Formatting, Live Expression
\nCh9-4. Tab Console - Count, Time
\nCh9-5. Tab Network
", "imageUrl1": "", "title2": "Chapter 10. NodeJS", "content2": "Ch10-1. Introduction and Installation
\nCh10-2. Starting a project with NPM, package.json
\nCh10-3. CSR and SSR Development
\n", "imageUrl2": "" }, "hasSyntaxErrorTags": false }, { "id": "fc-block-6-3dyas068h", "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" }, "hasSyntaxErrorTags": false }, { "id": "fc-block-7-pn4qn2hq4", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Chapter 7. Deep Learning", "content1": "Ch7-1. BigInt
\nCh7-2. Symbol
\nCh7-3. Mutable Immutable
\nCh7-4. Garbage Collection
\nCh7-5. Memory Leak
", "imageUrl1": "", "title2": "Chapter Chapter 11. Movie listing sites using API", "content2": "Ch11-1. Components - Introduction
\nCh11-2. Component - Creating With Classes
\nCh11-3. Component - Declarative rendering dan event handling
\nCh11-4. Component - Conditions dan Looping
\nCh11-5. Component - Passing data to child components
\nCh11-6. Component - Router 1-Hash Router 1
\nCh11-7. Component - Router 2
\nCh11-8. Component - State Management 1
\nCh11-9. Component - State Management 2
\nCh11-10. Project Configuration
\nCh11-11. Configuring font and color variables
\nCh11-12. Basic router configuration
\nCh11-13. Title components
\nCh11-14. Styling for Search Page components and buttons
\nCh11-15. Status management in MovieList
\nCh11-16. Component MovieList
\nCh11-17. Component MovieItem
\nCh11-18. Load more MovieList
\nCh11-19. Loading Animation
\nCh11-20. Exception handling
\nCh11-21. MovieDetail status management
\nCh11-22. Print detailed movie information
\nCh11-23. Loading MovieDetail with Skeleton
\nCh11-24. Component Header
\nCh11-25. Navigation routing adjustment
\nCh11-26. Component Footer
\nCh11-27. 404 Not Found
\nCh11-28. Responsive with media queries
\nCh11-29. Dark Mode Implementation
\nCh11-30. Initial Deployment and API Key Storage
\nCh11-31. Vercel Configuration
\nCh11-32. Configuring Environment Variables and Final Deployment
", "imageUrl2": "" }, "hasSyntaxErrorTags": false }, { "id": "fc-block-29-i8qwbdgf8", "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

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

\n" }, "values": { "backgroundColor": "#F2F2F2", "paddingTop": "40", "paddingBottom": "20", "labelText": "Part 6. Bundler", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-62-axly8pm57", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-66-fnflntxu6", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\">\n

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

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

\n" }, "values": { "backgroundColor": "#F2F2F2", "paddingTop": "40", "paddingBottom": "20", "labelText": "Part 7. TypeScript", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "hasSyntaxErrorTags": false }, { "id": "fc-block-9-ltekgd6pv", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Chapter 1. Grammar", "content1": "Ch1-1. Introduction and environment configuration
\nCh1-2. Types - from strings to functions
\nCh1-3. Type - from any to union
\nCh1-4. Type checking dan assignment
\nCh1-5. Type - Interface
\nCh1-6. Interface vs Type
\nCh1-7. Interface and Function
\nCh1-8. Indexable Interface
\nCh1-9. Extends
\nCh1-10. Type Alias
\nCh1-11. Generic
\nCh1-12. Functions with Generics
\nCh1-13. Generic Class
\nCh1-14. Narrowing
\nCh1-15. Narrowing 2
\nCh1-16. Conditional type
\nCh1-17. Function - Overloading
\nCh1-18. Type Declaration for External Packages
\nCh1-19. Import dan export types
\nCh1-20. Configuring tsconfig.json
", "imageUrl1": "", "title2": "Chapter 2. Change the example movie list with TS", "content2": "Ch2-1. Installing and configuring TypeScript
\nCh2-2. Converting Store to TS
\nCh2-3. Type dari Movie
\nCh2-4. Types of State and Props of Each Component
\nCh2-5. Component migration to TS
\nCh2-6. Types of movie APIs
\nCh2-7. Deployment adjustments for TS
", "imageUrl2": "" }, "hasSyntaxErrorTags": false }, { "id": "fc-block-13-1tfcn5wge", "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

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

\n" }, "values": { "backgroundColor": "#F2F2F2", "paddingTop": "40", "paddingBottom": "20", "labelText": "Part 7. TypeScript", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "hasSyntaxErrorTags": false }, { "id": "fc-block-14-lx3c6mn4e", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Chapter 1. Grammar", "content1": "Ch1-1. Introduction and environment configuration
\nCh1-2. Types - from strings to functions
\nCh1-3. Type - from any to union
\nCh1-4. Type checking dan assignment
\nCh1-5. Type - Interface
\nCh1-6. Interface vs Type
\nCh1-7. Interface and Function
\nCh1-8. Indexable Interface
\nCh1-9. Extends
\nCh1-10. Type Alias
\nCh1-11. Generic
\nCh1-12. Functions with Generics
\nCh1-13. Generic Class
\nCh1-14. Narrowing
\nCh1-15. Narrowing 2
\nCh1-16. Conditional type
\nCh1-17. Function - Overloading
\nCh1-18. Type Declaration for External Packages
\nCh1-19. Import dan export types
\nCh1-20. Configuring tsconfig.json
", "imageUrl1": "", "title2": "Chapter 2. Change the example movie list with TS", "content2": "Ch2-1. Installing and configuring TypeScript
\nCh2-2. Converting Store to TS
\nCh2-3. Type dari Movie
\nCh2-4. Types of State and Props of Each Component
\nCh2-5. Component migration to TS
\nCh2-6. Types of movie APIs
\nCh2-7. Deployment adjustments for TS
", "imageUrl2": "" }, "hasSyntaxErrorTags": false }, { "id": "fc-block-19-fo2fwymsi", "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

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

\n" }, "values": { "backgroundColor": "#F2F2F2", "paddingTop": "40", "paddingBottom": "20", "labelText": "Part 8. Starting a project with React", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "hasSyntaxErrorTags": false }, { "id": "fc-block-15-hthu9w2n1", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Chapter 1. What is React and why learn React?", "content1": "Ch1-1. Intro and lesson overview
\nCh1-2. What is React.js and when should you use React.js
\nCh1-3. Setting up our workspace with Node.js and Visual Studio Code Nodejs, Visual Studio Code
\nCh1-4. Fundamental React.js - Components
\nCh1-5. Fundamental React.js - States
\nCh1-6. Fundamental React.js - Virtual DOM
\nCh1-7. Fundamental React.js - Components Lifecycle
\nCh1-8. Creating your first React app using create-react-app
\nCh1-9. Class Components and why they are being shunned
", "imageUrl1": "", "title2": "Chapter 2. Learn React by building a TicTacToe app", "content2": "Ch2-1. Exploring the basic structure of CRA
\nCh2-2. What is SPA (Single Page Application)
\nCh2-3. Introduction to TicTacToe application, JSX and starting to create UI
\nCh2-4. Implementing 'event handler' and 'state' using useState() when the Square component is clicked
\nCh2-5. How does a 'Component' communicate with another 'Component'
\nCh2-6. What is the concept of “immutability” and why is it important in React.js
\nCh2-7. Implementing UI interaction on the board
\nCh2-8. Determining the winner and adding a -Reset- button
", "imageUrl2": "" }, "hasSyntaxErrorTags": false }, { "id": "fc-block-17-yoszihcr5", "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" }, "hasSyntaxErrorTags": false }, { "id": "fc-block-18-lx45e50zn", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Chapter 3. Adding the \"Time Travel\" feature to the TicTacToe app", "content1": "Ch3-1. Refactoring components
\nCh3-2. Saves and displays a list of moves made by a player using the map
\nCh3-3. Writing a function to return to a step
\nCh3-4. Understanding the concept of keys in React
\nCh3-5. Improving our app's UI-UX
\nCh3-6. Publishing our code to the new GitHub Repo
\nCh3-7. Deploy using GitHub Pages
", "imageUrl1": "", "title2": "Chapter 4. Improving React Application Performance", "content2": "Ch4-1. What are React Dev Tools and what are they for and explore their contents
\nCh4-2. Creating an application to measure performance with Profiler
\nCh4-3. Application optimization using useMemo
\nCh4-4. Application optimization using useCallback
\nCh4-5. Application optimization using memo
\nCh4-6. When to use useMemo, useCallback and memo
\nCh4-7. Understanding other performance measurement tools
", "imageUrl2": "" }, "hasSyntaxErrorTags": false }, { "id": "fc-block-21-krmr96eyc", "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" }, "hasSyntaxErrorTags": false }, { "id": "fc-block-20-wadx3uojw", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Chapter 5. Unit Testing", "content1": "Ch5-1. What is Unit Testing and why is it needed
\nCh5-2. Understanding Unit Testing in React
\nCh5-3. Understanding Unit Testing Configuration in Create React App
\nCh5-4. Creating our first test using the React Testing Library
\nCh5-5. Testing props and onClick events
\nCh5-6. Testing the onChange event
\nCh5-7. Testing Tips - Using it each
\nCh5-8. What is 'mocking' and how to do it
\nCh5-9. Unit Test Setup and Teardown
", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "hasSyntaxErrorTags": false }, { "id": "fc-block-24-e8yz39ixg", "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

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

\n" }, "values": { "backgroundColor": "#F2F2F2", "paddingTop": "40", "paddingBottom": "20", "labelText": "Part 9. Creating a service using React.js", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "hasSyntaxErrorTags": false }, { "id": "fc-block-26-8aryhbxh2", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Chapter 1. Getting started building your DisneyPlus app", "content1": "Ch1-1. Introduction to the application and summary of the material
\nCh1-2. Initialize the app with Vite.js
\nCh1-3. Creating a Layout - Sidebar
\nCh1-4. Creating a Layout - Page Container
\nCh1-5. Creating a Home Page - Video Banner Component
\nCh1-6. Creating a home page - Content Card Component
\nCh1-7. Creating a Home Page - Slicing Scrollable Sections with Swiper.js
\nCh1-8. Adding routing and navigation between pages
\nCh1-9. Creating Movies, TV Series, and Search pages
\nCh1-10. Creating a Content Detail Page
\n", "imageUrl1": "", "title2": "Chapter 2. Implementing UI, routing and integration to API", "content2": "Ch2-1. Creating an API key for TMDB
\nCh2-2. Home Integration - Scrollable Section and introduction to useEffect
\nCh2-3. Home Integration - Banner
\nCh2-4. Integrasi Movie and TV Series Page
\nCh2-5. Search Page Integration
\nCh2-6. Search optimization with the debounce function
\nCh2-7. Movie Detail Page Integration
\nCh2-8. TV Series Integration Detail Page
\n\n", "imageUrl2": "" }, "hasSyntaxErrorTags": false }, { "id": "fc-block-32-ss2ovxcow", "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" }, "hasSyntaxErrorTags": false }, { "id": "fc-block-79-5vr9eh9cp", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Chapter 3. Implementing authentication processing using Firebase", "content1": "Ch3-1. Understanding Firebase and Firebase Authentication
\nCh3-2. Creating a login page
\nCh3-3. Initializing Firebase in the app
\nCh3-4. Implement Flow Sign Up
\nCh3-5. Tidy up login auth by creating a custom hook
\nCh3-6. Reading and using user data on the Home Page
\nCh3-7. Sign in and logout implementation
\nCh3-8. Adding input name when signing up
\nCh3-9. Adding UI state when user logs out or logs in
\nCh3-10. Deploy ke Firebase Static Hosting
", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "uniqueId": "fc-block-77-9m8thedw7", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-35-k7e9dpq91", "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

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

\n" }, "values": { "backgroundColor": "#F2F2F2", "paddingTop": "40", "paddingBottom": "20", "labelText": "Part 10. 2 Most popular State Management", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "hasSyntaxErrorTags": false }, { "id": "fc-block-33-c1er3q1k6", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Chapter 1. Creating a simple application using React Context", "content1": "Ch1-1. Understanding the concept of Global State Management
\nCh1-2. Memahami React Context API.mp4
\nCh1-3. Refactor a React application to use React Context
\nCh1-4. Discussing the application UI we will create
\nCh1-5. Slicing Component Button, Input, Select
\nCh1-6. Completing page slicing
\nCh1-7. Introduction to useReducer hooks
\nCh1-8. Creating a FormContext
\nCh1-9. Implementation of reducer function
\nCh1-10. Implementing FormContext in components
\nCh1-11. Creating a FormSubmitContext
\nCh1-12. Creating submit logic
\nCh1-13. Displaying submission results in the UI
\nCh1-14. Added error handling
", "imageUrl1": "", "title2": "Chapter 2. Creating a simple application using Redux", "content2": "Ch2-1. Introduction to Redux
\nCh2-2. Steps for implementing Redux
\nCh2-3. Initializing Redux Store and Provider in App Form
\nCh2-4. Creating our first Redux reducer
\nCh2-5. Using useDispatch and useSelector in our components
\nCh2-6. Adding validation and submit logic
\nCh2-7. Displaying the form submission results UI
\nCh2-8. Comparing Redux and React Context APIs
", "imageUrl2": "" }, "hasSyntaxErrorTags": false }, { "id": "fc-block-41-bwv9w6d33", "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

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

\n" }, "values": { "backgroundColor": "#F2F2F2", "paddingTop": "40", "paddingBottom": "20", "labelText": "Part 11. Next.js Blog Project", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "hasSyntaxErrorTags": false }, { "id": "fc-block-38-jiqdsysar", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Chapter 1. Understanding Next.js and Server Side Rendering", "content1": "Ch1-1. Introduction to Next.js
\nCh1-2. Understanding the concept of SSR
\nCh1-3. Understanding the concept of SSG
\nCh1-4. Understanding the concept of ISR
\nCh1-5. Creating our first Next.js application
\nCh1-6. Structure folder Next
\nCh1-7. More about routing
\nCh1-8. Navigation
\nCh1-9. Document & Layout
", "imageUrl1": "", "title2": "Chapter 2. Start building your blog with Next.js", "content2": "Ch2-1. Introducing the project we will do
\nCh2-2. Preparing the initial framework
\nCh2-3. Creating the Home Page Structure
\nCh2-4. Exploring the Image component and its implementation
\nCh2-5. Exploring the Link component and navigation implementation
\nCh2-6. Slicing halaman Post Detail
\nCh2-7. Slicing halaman List Post
\nCh2-8. Slicing halaman github project list
", "imageUrl2": "" }, "hasSyntaxErrorTags": false }, { "id": "fc-block-42-wr8lewdio", "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" }, "hasSyntaxErrorTags": false }, { "id": "fc-block-40-tshpv31z0", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\">\n

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

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

\n" }, "values": { "backgroundColor": "#F2F2F2", "paddingTop": "40", "paddingBottom": "20", "labelText": "Part 12. Implementing the Backend with Node.js", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "hasSyntaxErrorTags": false }, { "id": "fc-block-43-uab00ifk6", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

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

\n" }, "values": { "spacing": "20", "backgroundColor": "#F2F2F2" }, "hasSyntaxErrorTags": false }, { "id": "fc-block-45-cb9gov17c", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Chapter 3. The Node.js Module System", "content1": "Ch3-1. Introduction and about the site module in node
\nCh3-2. Why use a module system?
\nCh3-3. Creating the first module
\nCh3-4. Importing modules and exploring module objects
\nCh3-5. The difference between CommonJS and ES modules and how to use them
", "imageUrl1": "", "title2": "Chapter 4. Package management in Node.js", "content2": "Ch4-1. Introduction and What is Node Package Manager (NPM)
\nCh4-2. Installing NPM packages in a Node.js project
\nCh4-3. Understanding Package-lock.json
\nCh4-4. Simulating an installation with SemVer and seeing its impact on package-lock.json
\nCh4-5. Understanding node_modules and Dependency resolution
\nCh4-6. NPM Audit
\nCh4-7. Different types of dependencies in NPM
\nCh4-8. An Overview of Yarn
", "imageUrl2": "" }, "hasSyntaxErrorTags": false }, { "id": "fc-block-48-uq0obm2p0", "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" }, "hasSyntaxErrorTags": false }, { "id": "fc-block-49-o3e0f2pwh", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\">\n

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

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

\n" }, "values": { "backgroundColor": "#F2F2F2", "paddingTop": "40", "paddingBottom": "20", "labelText": "Part 13. Master GraphQL in 2 hours", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "hasSyntaxErrorTags": false }, { "id": "fc-block-47-ujnnbcgnb", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\">\n

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

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

\n" }, "values": { "backgroundColor": "#F2F2F2", "paddingTop": "40", "paddingBottom": "20", "labelText": "Part 14. Docker & CI/CD for frontend developers", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-76-fygxc0jrq", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-51-88ttzucou", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\">\n

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

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

\n" }, "values": { "backgroundColor": "#F2F2F2", "paddingTop": "40", "paddingBottom": "20", "labelText": "Exclusive Benefits: Career Sharing for Frontend Developers", "layoutType": "fc-label-type2", "labelColor": "#000000" }, "uniqueId": "fc-block-4-kh0nqik91", "isChecked": false, "hidden": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-12-6i58k6ydw", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Chapter 1. Job search strategies", "content1": "CH01-01. Looking for a Software Engineer Job (1) - How to Find a Job, Application Strategies(1)
\nCH01-02. Looking for a Software Engineer Job (1) - How to Find a Job, Application Strategies (2)
\nCH01-03. Looking for a Software Engineer Job (1) - How to Find a Job, Application Strategies (3)
\nCH01-04. Looking for a Software Engineer job (2) - CV Writing
\nCH01-05. Let companies find you (1) - Personal Branding Overview
\nCH01-06. Let companies find you (2) - Build Projects in Public and Private Projects
\nCH01-07. Let companies find you (3) - Share Experience
", "imageUrl1": "", "title2": "Chapter 2. Preparing for the Interview", "content2": "Ch2-1. Interview Process Overview(1)
\nCh2-2. Interview Process Overview(2)
\nCh2-3. Code Test Types & Preparation(1)
\nCh2-4. Code Test Types & Preparation(2)
\nCh2-5. Face-to-Face Interview Preparation
\nCh2-6. Salary Negotiation
", "imageUrl2": "" }, "hasSyntaxErrorTags": false }, { "id": "fc-block-16-yr3dz2eku", "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" }, "hasSyntaxErrorTags": false }, { "id": "fc-block-60-mzbvfrfvl", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

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

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

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

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Chapter 3. Working as a Frontend Developer", "content1": "Ch3-1. Understand your code
\nCh3-2. More than just coding - Documentation
\nCh3-3. Qualities of a software engineer
\nCh3-4. Facing a mountain of tasks
\nCh3-5. Remember to take a break
", "imageUrl1": "", "title2": "Chapter 4. Career advancement in Frontend", "content2": "Ch4-1. My career as a Front end engineer how
\nCh4-2. How can you improve your skills
\nCh4-3. What is the daily life of a Lead Software Engineer like?
\nCh4-4. How can you stand out as a software engineer in a company?
\nCh4-5. What are the learning resources to become a good front end engineer?
\nCh4-6. How can you improve your skills
", "imageUrl2": "" }, "uniqueId": "fc-block-90-oh5bpyg83", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-aqupmrssg", "layout": { "id": "401", "description": "아이콘 세로형 카드 (1~4단)", "icon": "\n", "params": [ { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "imageUrl1", "type": "image", "description": "90 x 90" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl2", "type": "image", "description": "90 x 90" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl3", "type": "image", "description": "90 x 90" }, { "name": "title3", "type": "text", "description": "title3" }, { "name": "content3", "type": "textarea", "description": "content3" }, { "name": "imageUrl4", "type": "image", "description": "90 x 90" }, { "name": "title4", "type": "text", "description": "title4" }, { "name": "content4", "type": "textarea", "description": "content4" } ], "values": { "useTextCenter": false, "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "", "title2": "", "content2": "", "imageUrl3": "", "title3": "", "content3": "", "imageUrl4": "", "title4": "", "content4": "" }, "template": "

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

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

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

\"><%= title1 %>

\"><%= content1 %>

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

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

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

\"><%= title2 %>

\"><%= content2 %>

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

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

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

\"><%= title3 %>

\"><%= content3 %>

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

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

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

\"><%= title4 %>

\"><%= content4 %>

\n <% } %>\n

\n" }, "values": { "useTextCenter": true, "titleSize": "fc-h6-text", "contentSize": "fc-content-text", "imageUrl1": "https://cdn.day1company.io/prod/uploads/202309/123015-199/group-1321315526.png", "title1": "Kursusnya sudah bisa dipesan melalui pre-order", "content1": "\nVideo akan dirilis menjadi 3 bagian, dengan jadwal\n
\n\n\n(Sekali bayar akses semua video, sepuasnya)\n

\n\n

\n\n

\n\nPertama 2 Oct, 2024 (Rabu) \n
\n\nKedua 23 Oct, 2024 (Rabu) \n
\n\nKetiga 13 Nov, 2024 (Rabu)\n
\n\n", "imageUrl2": "", "title2": "", "content2": "", "imageUrl3": "", "title3": "", "content3": "", "imageUrl4": "", "title4": "", "content4": "" }, "uniqueId": "fc-block-1-3z3571f3q", "isChecked": false, "hidden": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-68-nsd46m6um", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "60", "backgroundColor": "#fff" }, "uniqueId": "fc-block-61-omirh24uj", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-1-mpplqc6qk", "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 <% if (title) { %>\n

<%= title %>

\n <% } %>\n

\">\n

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

\n" }, "values": { "paddingTop": "80", "paddingBottom": "80", "colorTheme": "theme--light", "mobileColumnCount": 2, "useNewTab": false, "title": "Rekomendasi Kursus Lainnya", "reverseOrder": false, "courseList": [ { "courseId": "242055", "imageBadge": "Online", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 1 }, { "courseId": "243108", "imageBadge": "Online", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 2 }, { "courseId": "236745", "imageBadge": "Online", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 3 }, { "courseId": "242022", "imageBadge": "Online", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 4 } ] }, "uniqueId": "fc-block-1-fi3zmp2zg", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-2gkyj9d3d", "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": "#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-sxzueo140", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-hcpnevyoi", "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": "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-fnnxcrknq", "isChecked": false }, { "id": "fc-block-4-ffmnh3v4s", "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 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" }, "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-ca19usp1n", "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" }, "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 <% 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 <% if (contentLinkTitle || contentLinkDescription) { %>\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 } ]

\"><%= title1 %>

\"><%= title2 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title4 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title4 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title4 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title4 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title4 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title4 %>

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

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title4 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title4 %>

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

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

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

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

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

\">\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] Penguasaan Pengembangan Web Backend: 7 Proyek dengan Java/Spring

Informasi detail kelas

(IDN)[Paket All-in-One] Penguasaan Pengembangan Web Backend: 7 Proyek dengan Java/Spring (11/25 ~ ) Details