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

\">\n

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

\n" }, "values": { "backgroundColor": "#000", "useImageLeft": true, "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/175505-1395/웹---상세페이지-배너.webp", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202408/175515-1395/모바일---상세페이지-배너.webp", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "https://fastcampus.com/id/event/event_online_kafkawebinar" }, "uniqueId": "fc-block-1-bjvk68hvo", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-2-9ahboxeqv", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "

\">\n

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

\">\n

\n" }, "values": { "backgroundColor": "#000", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/162730-347/2-main-인니.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202405/162733-347/인니-m.png", "imageWidth": "500", "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-2-lv15g23fq", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-tlp21kj1k", "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": "#000000", "useTextCenter": true, "textSize": "fc-h1-text", "textColor": "#ffffff", "text": "\nTermasuk praktik proyek\nJaminan harga termurah untuk kursus\n\n
\n\n\n\n15 September 00:00\n\n" }, "uniqueId": "fc-block-1-dmy8y1393", "isChecked": false, "hidden": true }, { "id": "fc-block-3-p5pf5psgb", "layout": { "id": "903", "description": "타이머", "icon": "\n", "params": [ { "name": "title", "type": "text", "description": "title text" }, { "name": "targetTime", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "backgroundColor", "type": "text", "description": "배경색(#000000)을 입력해주세요." }, { "name": "textColor", "type": "select", "description": "글자색을 선택해주세요.", "options": [ "white", "black" ] } ], "values": { "title": "최저 가격 마감까지 남은 시간", "targetTime": "", "backgroundColor": "#282828", "textColor": "white" }, "template": "\n

\">\n

<%=title%>

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

\n" }, "values": { "title": "⚠ Hingga kenaikan harga tersisa waktu ⚠", "targetTime": "2025-09-14T23:59", "backgroundColor": "#FF0000", "textColor": "white" }, "uniqueId": "fc-block-3-ipvg03mit", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-gactgtykj", "layout": { "id": "910", "description": "쿠폰 발급", "icon": "\n", "params": [ { "name": "startDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "endDate", "type": "datetime-local", "description": "yyyy-mm-dd hh:mm" }, { "name": "paddingTop", "type": "number", "description": "padding-top" }, { "name": "paddingBottom", "type": "number", "description": "padding-bottom" }, { "name": "colorTheme", "type": "select", "description": "bright or dark", "options": [ "bright", "dark" ] }, { "name": "couponColor", "type": "text", "description": "coupon color" }, { "name": "couponTextColor", "type": "text", "description": "coupon text color" }, { "name": "title", "type": "text", "description": "title" }, { "name": "content", "type": "text", "description": "content" }, { "name": "buttonText", "type": "text", "description": "button text" }, { "name": "buttonTextColor", "type": "text", "description": "button text color" }, { "name": "buttonBgColor", "type": "text", "description": "button backgrond color" }, { "name": "showRemainingCoupons", "type": "checkbox", "description": "" }, { "name": "coupons", "type": "list", "description": "쿠폰 리스트", "maxLength": 20, "params": [ { "name": "couponTemplateCode", "type": "text", "description": "쿠폰 코드" } ] } ], "values": { "startDate": "", "endDate": "", "paddingTop": 0, "paddingBottom": 0, "colorTheme": "bright", "couponColor": "#121212", "couponTextColor": "#ffffff", "title": "제목을 입력해주세요.", "content": "본문을 입력해주세요.", "buttonText": "쿠폰 모두 받기", "buttonTextColor": "#ffffff", "buttonBgColor": "#ED234B", "showRemainingCoupons": true, "coupons": [ { "couponTemplateCode": "" } ] }, "template": "

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

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

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

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

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

(자동 구성)

\n <% } %>\n

\n \n

\n" }, "values": { "startDate": "2024-05-01T00:00", "endDate": "2025-09-15T01:59", "paddingTop": "20", "paddingBottom": "20", "colorTheme": "dark", "couponColor": "#D5022C", "couponTextColor": "#ffffff", "title": "Sebelum Harganya Naik 15 September", "content": "Harga Terendah Sekarang", "buttonText": "Download", "buttonTextColor": "#ffffff", "buttonBgColor": "#D5022C", "showRemainingCoupons": false, "coupons": [ { "couponTemplateCode": "CL251XZXFZAIN" } ] }, "uniqueId": "fc-block-1-752vkjgv8", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-1-3kbymsrsw", "layout": { "id": "803", "description": "앵커탭바", "icon": "\n", "params": [ { "name": "paddingTop", "label": "안쪽 여백: 위", "type": "number", "description": "· 앵커탭바 상단 여백 공간
· PC, Mobile 고려하여 높이값 설정" }, { "name": "paddingBottom", "label": "안쪽 여백: 아래", "type": "number", "description": "· 앵커탭바 하단 여백 공간
· PC, Mobile 고려하여 높이값 설정" }, { "name": "colorTheme", "label": "색상 테마", "type": "select", "description": "앵커탭바 색상 테마 선택
1. theme-light-mono: 흰색 배경에 검정색 텍스트
2. theme-dark-mono: 검은 배경에 흰색 텍스트
3. theme-light-red: 흰색 배경에 FC 레드 텍스트
4. theme-dark-red: 검은 배경에 FC 레드 텍스트
5. theme-light-free: 흰색 배경에 원하는 글자색 지정
6. theme-dark-free: 검은 배경에 원하는 글자색 지정
· 테마 고정형 (1~4번 선택시, pointColor 지정 불가)
· 테마 자유형 (5~6번 선택시, pointColor 지정 가능)", "options": [ "theme-light-mono", "theme-dark-mono", "theme-light-red", "theme-dark-red", "theme-light-free", "theme-dark-free" ] }, { "name": "pointColor", "type": "text", "description": "· 테마 자유형 선택시, pointColor 입력 (입력하지 않는 경우 #000 흰색으로 보여짐)
· 테마 고정형에서는 작동하지 않음" }, { "name": "enableMobileScroll", "type": "checkbox", "description": "모바일에서 앵커탭바 가로스크롤 필요한 경우 체크
체크O: 모바일에서 앵커 메뉴 길이가 화면 사이즈보다 넘칠 경우 스크롤 됨.
체크X: 모바일에서 화면 가로 너비에 맞게 고루 배치됩니다.
모바일 미리보기 페이지에서 체크여부 미리 체크 권장.
" }, { "name": "tabs", "label": "탭 메뉴", "type": "list", "description": "<메뉴 탭>
콘텐츠 추가/제거를 통해 메뉴 구성", "maxLength": 20, "params": [ { "name": "label", "label": "탭 제목", "type": "text", "description": "<메뉴명(레이블)>
키보드 spacing 사용시 단어 단위로 줄바꿈 될 수 있음
미리보기 페이지에서 확인 필요" }, { "name": "id", "label": "연결될 탭 id", "type": "text", "description": "· 메뉴 클릭시 이동할 위치 지정
· 자유입력 가능하며, 804 레이어에 지정할 id와 동일한 텍스트 입력
· 사용자가 메뉴를 클릭시, 해당 레이어 위치로 화면이 스크롤 됨
" } ] } ], "values": { "paddingTop": 20, "paddingBottom": 20, "colorTheme": "theme-light-mono", "enableMobileScroll": false, "pointColor": "", "tabs": [ { "label": "", "id": "" } ] }, "template": "

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

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

\n" }, "values": { "paddingTop": 20, "paddingBottom": 20, "colorTheme": "theme-dark-mono", "enableMobileScroll": false, "pointColor": "", "tabs": [ { "label": "Ringkasan", "id": "Ringkasan" }, { "label": "Tutor", "id": "Tutor" }, { "label": "Pratinjau Proyek", "id": "Proyek" }, { "label": "Poin Unik", "id": "Poin" }, { "label": "Kurikulum", "id": "Kurikulum" } ] }, "uniqueId": "fc-block-1-rqwn8k1dq", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-fx3srqw92", "layout": { "id": "899", "description": "직접 편집", "icon": "\n", "params": [ { "name": "html", "type": "textarea", "description": "html" } ], "values": { "html": "

hello world!!

" }, "template": "

\n <%= html %>\n

\n\n" }, "values": { "html": "\n\n" }, "uniqueId": "fc-block-1-sqegpvhzy", "isChecked": false, "hidden": true, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-xe4d2jk8u", "layout": { "id": "804", "description": "앵커탭영역", "icon": "\n", "params": [ { "name": "id", "label": "id", "type": "text", "description": "연결 될 탭 영역에 대한 id 값" } ], "values": { "id": "" }, "template": "\n" }, "values": { "id": "Ringkasan" }, "uniqueId": "fc-block-1-wjwif1qqx", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-jzj7b4n5m", "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": "#FC7901" }, "uniqueId": "fc-block-1-8xyozeijz", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-e2i2k568c", "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": "#FC7901", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/152252-1390/group-1410118061--3-.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202408/152305-1390/edge-mob--4-.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-4-ppk08giyw", "isChecked": false }, { "id": "fc-block-9-igine9gwn", "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": "#FC7901" }, "uniqueId": "fc-block-5-zavi9k19a", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-mas1zkiyj", "layout": { "id": "804", "description": "앵커탭영역", "icon": "\n", "params": [ { "name": "id", "label": "id", "type": "text", "description": "연결 될 탭 영역에 대한 id 값" } ], "values": { "id": "" }, "template": "\n" }, "values": { "id": "Tutor" }, "uniqueId": "fc-block-2-p18c0w02t", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-xqco7itz4", "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": "#000000", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#ffffff", "text": "\nPoin 1\n
\n\n

\nMempelajari iOS Development dari\n

\n\n\nSenior iOS Developer Perusahaan Teknologi Ternama\n" }, "uniqueId": "fc-block-2-e7fhv7fv2", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-6-wep5ropv5", "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": true, "textVerticalAlign": "center", "backgroundColor": "#000000", "textColor": "#00AA13", "titleSize": "text--h5", "contentSize": "text--content1", "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/141057-472/frame-1321316978.webp", "imageWidth": 480, "title": "", "content": "

\nTutor 1
\nPerihal : Grammar, Praktik Pemanasan, Aplikasi Pengiriman Makanan
\n

\n\n

\nWilliam Tiou\n

\n\n\nSenior iOS Engineer, Gojek\n\n\n

\nSebelumnya) iOS Engineer, Traveloka\n

\n\n

\n\n\n\"Hai semuanya, saya William. Selama 6 tahun, saya membuat aplikasi iOS di Gojek dan Traveloka. Saya senang bisa menemani kalian dalam
langkah awal perjalanan Anda menuju iOS Development. Pemrograman bisa menjadi lebih menyenangkan untuk dipelajari jika kalian baru mulai
membangun sesuatu. Jangan khawatir, meskipun kalian pemula, kalian
tetap bisa mengikuti kursus berbasis proyek ini. Saya akan memberi Anda kursus tentang konsep inti pemrograman iOS dan pemrograman dasar
Swift sebelum kita memulai proyek aplikasi pesan-antar
makanan!\"\n" }, "uniqueId": "fc-block-3-ubbibmud1", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-7-0vms72dzd", "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": "30", "backgroundColor": "#000000" }, "uniqueId": "fc-block-4-hsuq42lhr", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-5ua1xrx40", "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": "center", "backgroundColor": "#000000", "textColor": "#C98D2D", "titleSize": "text--h5", "contentSize": "text--content1", "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/143349-472/instruktur-2.webp", "imageWidth": 480, "title": "", "content": "

\nTutor 2
\nPerihal : Aplikasi WhatsApp Messenger,\nAplikasi Media Sosial Instagram
\n

\n\n

\nNanda Wisnu Perdana \n

\n\n\nMobile App Engineer, Kuncie\n\n\n

\nSebelumnya) Engineering Squad Lead, Bukalapak\n

\n\n

\n\n\n\"Mulailah perjalanan transformatif dalam iOS Development bersama
saya, Nanda, engineer aplikasi seluler dengan pengalaman lebih dari 6
tahun. Dari mengambil bagian dalam membangun aplikasi konsumen iOS hingga memimpin integrasi dengan platform e-commerce papan atas,
keahlian saya mencakup pengembangan aplikasi seluler yang luas.
Dengan membuat aplikasi messenger seperti WhatsApp dan media sosial seperti Instagram bersama saya, kalian dapat mengeluarkan potensi dalam ekosistem iOS yang dinamis, dan juga mempelajari proses kerja nyata dan keterampilan untuk membangun aplikasi yang berdampak dan
terdepan di industri.\" \n" }, "uniqueId": "fc-block-5-o3obwp5ry", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-h1gt4atdw", "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-bljqn4mh8", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-10-aw9s0z1v0", "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": "70", "paddingBottom": "30", "backgroundColor": "#E14100", "useTextCenter": true, "textSize": "fc-h5-text", "textColor": "#ffffff", "text": "Pasar kerja iOS developer semakin kompetitif.
\nJenis talenta apa yang dicari oleh perusahaan teknologi terkemuka?" }, "uniqueId": "fc-block-6-v5w63yyl7", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-9-46pbyqph4", "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": "0", "columnCount": "2", "backgroundColor": "#E14100", "colorTheme": "theme-dark-mono", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/111753-472/group-1410118062.webp", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/111816-472/group-1410118063.webp", "text1": "", "text2": "" } ] }, "uniqueId": "fc-block-7-0ebumwg6u", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-8-h1dcau67o", "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": "50", "backgroundColor": "#E14100", "useTextCenter": true, "textSize": "fc-h6-text", "textColor": "#ffffff", "text": "[ Pengalaman ]
\n\nSatu-satunya kata kunci yang muncul di setiap lowongan pekerjaan
\ndi perusahaan teknologi ternama" }, "uniqueId": "fc-block-8-hq645nhdd", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-24-feav18t0h", "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": "0", "paddingBottom": "60", "backgroundColor": "", "useTextLeft": false, "backgroundColorOpacity": "0", "backgroundImageUrl": "https://cdn.day1company.io/prod/uploads/202405/144010-472/banner-3.webp", "mobileBackgroundImageUrl": "", "textColor": "#ffffff", "textSize1": "fc-h5-text", "text1": "

\n

\nBerpengalaman dalam membangun aplikasi
\nyang lengkap adalah kunci untuk karir iOS Development.\n", "textSize2": "fc-content-text", "text2": "" }, "uniqueId": "fc-block-1-1p6y7yvhh", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-4-wcep5yvk2", "layout": { "id": "804", "description": "앵커탭영역", "icon": "\n", "params": [ { "name": "id", "label": "id", "type": "text", "description": "연결 될 탭 영역에 대한 id 값" } ], "values": { "id": "" }, "template": "\n" }, "values": { "id": "Proyek" }, "uniqueId": "fc-block-3-9ahzysgmj", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-26-urqn01cw7", "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": "#ffffff", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#000000", "text": "\nPoin 2\n
\n\n\n

\nMenerapkan 100% proses pengembangan dan fitur seperti dalam pekerjaan nyata\n

\n\n\nMembangun 3 aplikasi yang Kamu gunakan setiap hari untuk menguasai iOS Development. \n" }, "uniqueId": "fc-block-2-e6505b0n7", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-15-i9bclu25e", "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": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-11-25erji0bc", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-20-mus7rofv8", "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": "#ffffff", "cardType": "row", "borderColor": "#000000", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "#000000", "imageUrl": "", "imageSize": 100, "fontSize": "fc-h6-text", "fontColor": "#ffffff", "content": "\nAPLIKASI 1\n\n\nPemula\n\n\n16 jam\n\n\n\n\n
\n\nAplikasi Pengiriman Makanan\n" }, "uniqueId": "fc-block-12-cs9kod3re", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-14-55haud5oi", "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": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-13-8l2iuwec3", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-18-njlgaptao", "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": "center", "backgroundColor": "#ffffff", "textColor": "#444444", "titleSize": "text--h5", "contentSize": "text--content1", "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/144835-472/project-1.gif", "imageWidth": 480, "title": "", "content": "

\n| Proses implementasi aplikasi\n

\n\n

\n| Tujuan Studi\n

\nMenerapkan fitur aplikasi pengiriman nyata mulai dari fungsi restoran / daftar menu, pencarian, pemesanan hingga pelacakan lokasi restoran\n\n

\n\n

\n| Fitur Highlight\n

\n∙ Tab bar untuk restoran dan kategori (masakan, dll.)
\n∙ Layar detail restoran dengan gambar restoran, detail, daftar menu
\n∙ Modal detail menu
\n∙ Layar keranjang, pemesanan dan pembayaran
\n∙ Lokasi tujuan pengiriman dan restoran
\n∙ Fungsi pencarian\n\n

\n\n

\n| Konsep Studi\n

\n∙ Swift
\n∙ Menggabungkan berbagai teknologi UI seperti UITableView, UICollectionView, UITabBar,... dalam satu aplikasi
\n∙ Json Parsing dan Penanganan Data
\n∙ Arsitektur MVVM\n" }, "uniqueId": "fc-block-14-dzub303qg", "isChecked": false, "hasSyntaxErrorTags": true }, { "id": "fc-block-22-18i7mfbqu", "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": "#ffffff" }, "uniqueId": "fc-block-15-sac3ul28p", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-25-ttfyfjtiq", "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": "#ffffff", "cardType": "row", "borderColor": "#000000", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "#000000", "imageUrl": "", "imageSize": 100, "fontSize": "fc-h6-text", "fontColor": "#ffffff", "content": "\nAPLIKASI 2\n\n\nMenengah\n\n\n24 jam\n\n\n\n\n
\n\nAplikasi WhatsApp Messenger\n" }, "uniqueId": "fc-block-16-iu6ukeqyr", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-23-gthuh0vuo", "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": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-17-0xis9a52p", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-19-f8ng9rvdo", "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": "center", "backgroundColor": "#ffffff", "textColor": "#444444", "titleSize": "text--h5", "contentSize": "text--content1", "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/161247-472/project-2.gif", "imageWidth": 480, "title": "", "content": "

\n| Proses implementasi aplikasi\n

\n\n

\n| Tujuan Studi\n

\nPelajari komunikasi jaringan dan konsep pengujian dengan membuat representatif aplikasi messenger WhatsApp\n\n

\n\n

\n| Fitur Highlight\n

\n∙ Daftar dan Masuk dengan Firebase
\n∙ List Chat dan Layar
\n∙ Push Pemberitahuan dengan OpenSDK
\n∙ Status Pesan dan Tracking Pengetikan Langsung
\n∙ Gambar Cache\n\n

\n\n

\n| Konsep Studi\n

\n∙ UIKit ke SwiftUI
\n∙ Memuat data melalui komunikasi jaringan
\n∙ Pemfaktoran ulang ke MVVM
\n∙ Firebase Auth, implementasi layar masuk Google/Apple
\n∙ Pemrograman Asinkron\n" }, "uniqueId": "fc-block-18-00nkgjjjl", "isChecked": false, "hasSyntaxErrorTags": true }, { "id": "fc-block-24-41tq8h989", "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": "#ffffff" }, "uniqueId": "fc-block-19-lmuckxndt", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-16-ommmtgpn0", "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": "#ffffff", "cardType": "row", "borderColor": "#000000", "borderSize": 1, "cardWidth": 980, "useCardLeft": false, "cardBackgroundColor": "#000000", "imageUrl": "", "imageSize": 100, "fontSize": "fc-h6-text", "fontColor": "#ffffff", "content": "\nAPLIKASI 3\n\n\nPro\n\n\n19 jam\n\n\n\n\n
\n\nAplikasi Media Sosial Instagram\n" }, "uniqueId": "fc-block-20-5s1q1psf0", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-21-hfst7ogc2", "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": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-21-j17dfd2tg", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-13-c49hwi6a1", "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": "center", "backgroundColor": "#ffffff", "textColor": "#444444", "titleSize": "text--h5", "contentSize": "text--content1", "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/161743-472/project-3.gif", "imageWidth": 480, "title": "", "content": "

\n| Proses implementasi aplikasi\n

\n\n

\n| Tujuan Studi\n

\nMengembangkan aplikasi media sosial berkualitas tinggi untuk menerapkan berbagai jenis UI serta mempelajari keterampilan kerja nyata seperti Pengujian Unit dan CI/CD\n\n

\n\n

\n| Fitur Highlight\n

\n∙ Menerapkan 4 tab utama (Beranda, Jelajahi, Beranda, Profil) dengan 4 UI berbeda
\n∙ Masuk dan daftar
\n∙ Posting gambar dengan Kamera atau dari Galeri
\n∙ Fitur interaksi pengguna seperti suka, komentar, ikuti Push Pemberitahuan\n\n

\n\n

\n| Konsep Studi\n

\n∙ UIKit
\n∙ Konsep Login SSO
\n∙ Komposisi layar dinamis
\n∙ Pengujian Unit
\n∙ Pengaturan CI/CD\n" }, "uniqueId": "fc-block-22-ddeagkcu1", "isChecked": false, "hasSyntaxErrorTags": true }, { "id": "fc-block-25-cl5rslr9a", "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-3-apcniaad7", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-11-qbkzhqute", "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": "0", "paddingBottom": "0", "backgroundColor": "", "useTextLeft": false, "backgroundColorOpacity": "0", "backgroundImageUrl": "https://cdn.day1company.io/prod/uploads/202405/162203-472/banner-2-back.webp", "mobileBackgroundImageUrl": "", "textColor": "#ffffff", "textSize1": "fc-content-text", "text1": "

\n

\n\n\nSemakin dekat dengan proses pengembangan pekerjaan yang sesungguhnya. \n
\nDokumen Persyaratan Produk disediakan untuk ketiga proyek untuk praktik proses pekerjaan nyata.\n\n

\n

\n", "textSize2": "fc-content-text", "text2": "" }, "uniqueId": "fc-block-9-v8bxledya", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-n24ulpdjs", "layout": { "id": "804", "description": "앵커탭영역", "icon": "\n", "params": [ { "name": "id", "label": "id", "type": "text", "description": "연결 될 탭 영역에 대한 id 값" } ], "values": { "id": "" }, "template": "\n" }, "values": { "id": "Poin" }, "uniqueId": "fc-block-4-bgyn5xr7z", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-9-74g44i92n", "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": "#ffffff", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#000000", "text": "\nPoin 3\n
\n\n\n

\nDari Dasar-Dasar Pengembangan Aplikasi hingga Teknologi dibutuhkan developer berpengalaman selama 2-3 tahun\n

\n\n\nKuasai Pengembangan Aplikasi iOS dengan kurikulum 70 jam yang terstruktur dengan baik\n" }, "uniqueId": "fc-block-1-uxhlgyhf6", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-11-rabxpxtxg", "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": "#ffffff", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202409/133807-1390/group-1410118000--2-.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202409/133853-1390/group-1410118070--1-.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-2-vaz76i212", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-10-wjmfv2mgb", "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-3-1gbbvqu1s", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-12-mq3ncg8rr", "layout": { "id": "104", "description": "배경이미지가 있는 2단 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "backgroundColorOpacity", "type": "number", "description": "1~100" }, { "name": "backgroundImageUrl", "type": "image", "description": "1920 x auto" }, { "name": "mobileBackgroundImageUrl", "type": "image", "description": "mobile background image url" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "textSize1", "type": "select", "description": "text size1", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text1", "type": "textarea", "description": "text1" }, { "name": "textSize2", "type": "select", "description": "text size2", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2", "type": "textarea", "description": "text2" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "backgroundColorOpacity": 50, "backgroundImageUrl": "", "mobileBackgroundImageUrl": "", "textColor": "#000000", "textSize1": "fc-content-text", "text1": "", "textSize2": "fc-content-text", "text2": "" }, "template": "

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

\">\n

\">\n <%= text1 %>\n

\">\n <%= text2 %>\n

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

\n" }, "values": { "paddingTop": "60", "paddingBottom": "60", "backgroundColor": "", "backgroundColorOpacity": "0", "backgroundImageUrl": "https://cdn.day1company.io/prod/uploads/202405/072628-472/benefit-back.webp", "mobileBackgroundImageUrl": "", "textColor": "#ffffff", "textSize1": "fc-content-text", "text1": "\n\nKeuntungan tambahan untuk pemula
\n\n\nSehingga pemula dalam pengembangan aplikasi
pun dapat mengikuti kursus ini\n
\n\nKami memberikan kursus tentang dasar-dasar Swift dan XCode\nuntuk
pengembangan aplikasi iOS\ndan ringkasan kumpulan bahasa pemrograman Swift di Notion.\n", "textSize2": "fc-content-text", "text2": "

" }, "uniqueId": "fc-block-4-7c62x2wyt", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-15-zu5dp1xax", "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": "#ffffff", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#000000", "text": "\nPoin 4\n
\n\n\n

\nHasil analisis postingan pekerjaan dan wawancara dengan developer profesional\n

\n\n\nKumpulan 30+ tech stack dalam 1 kursus\n" }, "uniqueId": "fc-block-5-0b73tbsbe", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-16-bc711j4yc", "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": "#ffffff", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/121310-1390/poin-4-web.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202405/121327-1390/poin-4-mob.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-6-uxljkbb9f", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-mp61c53oj", "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": 10, "paddingBottom": 10, "backgroundColor": "", "useTextLeft": false, "backgroundColorOpacity": 50, "backgroundImageUrl": "", "mobileBackgroundImageUrl": "", "textColor": "#000000", "textSize1": "fc-h5-text", "text1": "30+ tech stack dalam 1 kursus.
\nDiambil dari pengumuman rekrutmen perusahaan teknologi terkemuka.", "textSize2": "fc-content-text", "text2": "" }, "uniqueId": "fc-block-1-zscakgvqr", "isChecked": false, "hasSyntaxErrorTags": true }, { "id": "fc-block-17-h7nxjpbil", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 20, "params": [ { "name": "imageUrl", "type": "image", "description": "파일 업로드" }, { "name": "text1", "type": "text", "description": "자유 입력" }, { "name": "text2", "type": "text", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "
rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\">\n
\n
\n
\" data-column-count=\"<%= columnCount %>\">\n <% cards.forEach(({ imageUrl, text1, text2 }) => { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% }); %>\n
\n
\n
\n
\n
\n" }, "values": { "paddingTop": "30", "paddingBottom": "80", "columnCount": "2", "backgroundColor": "#ffffff", "colorTheme": "theme-light-mono", "text1Size": "fc-content-text", "text2Size": "fc-content-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/073654-472/group-1410118021.webp", "text1": "\n• Kemahiran dalam pemrograman Swift
\n• Pengalaman mengembangkan aplikasi seluler konsumen berskala besar
\n• Pengetahuan mendalam tentang arsitektur aplikasi iOS
\n• Pengalaman bekerja dengan perpustakaan populer untuk jaringan, asinkron, pemuatan gambar, dll\n", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/073810-472/group-1410118023.webp", "text1": "\n• Berpengalaman dengan teknologi iOS dan bahasa pemrograman khususnya di Swift + UIKit
\n• Mengetahui dengan pola desain MVVM
\n• Pengetahuan dan berpengalaman dalam Debugging/Profiling\n", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/073814-472/group-1410118022.webp", "text1": "\n• Kemahiran dengan SwiftUI, Konkurensi Swift
\n• Pengalaman membangun aplikasi berskala besar
\n• Pengalaman dengan Cocoa, Xcode, dan iOS SDK
\n• Pemahaman terhadap pola desain iOS
\n• Pengalaman dengan pengujian unit menggunakan XCTest\n", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/073820-472/group-1410118026.webp", "text1": "\n• Memiliki pengalaman dengan SDK
\n• Pemahaman mendalam tentang Pengembangan UI iOS dengan SwiftUI
\n• Pengalaman dalam meningkatkan desain arsitektur yang dapat diskalakan dan diuji berbasis MVVM\n", "text2": "" } ] }, "hidden": true, "uniqueId": "fc-block-7-l015rum77", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-18-ff7qfg3hx", "layout": { "id": "212", "description": "자동재생 캐러셀 (인피니티루프, 셔플)", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "autoPlay", "type": "checkbox", "description": "default - on", "options": [ "3", "2" ] }, { "name": "shuffleOption", "type": "checkbox", "description": "컨텐츠의 순서를 셔플해서 보여주는 기능입니다.", "options": [ "3", "2" ] }, { "name": "autoPlayDelay", "type": "number", "description": "숫자를 입력하여 자동 재생되는 타이밍을 조절할 수 있습니다.
단위는 ms(밀리세컨드)로 조절됩니다.
1초 = 1000ms" }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) content1(14px)", "options": [ "text--h5", "text--h6", "text--content1" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) content1(14px)", "options": [ "text--h5", "text--h6", "text--content1" ] }, { "name": "cards", "type": "list", "description": "카드는 반드시 규칙을 맞춰서 작성해주세요.
- 2단 설정 : 3개 이상 작성할 것
- 3단 설정 : 4개 이상 작성할 것", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "파일 업로드" }, { "name": "text1", "type": "text", "description": "자유 입력" }, { "name": "text2", "type": "text", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "autoPlay": true, "shuffleOption": false, "autoPlayDelay": 2500, "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "text--h5", "text2Size": "text--h6", "cards": [ { "imageUrl": "", "text1": "", "text2": "", "link": "" }, { "imageUrl": "", "text1": "", "text2": "", "link": "" }, { "imageUrl": "", "text1": "", "text2": "", "link": "" } ] }, "template": "rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>;\n \"\n>\n
\">\n
\n
\n \"\n data-column-count=\"<%= columnCount %>\"\n data-shuffle=\"<%= shuffleOption %>\"\n data-autoplay=\"<%= autoPlay %>\"\n data-delay=\"<%= autoPlayDelay %>\"\n >\n <% cards.forEach(({ imageUrl, text1, text2, link }) => { %>\n
\n <% if (link) { %> \"> <% } %> \n
\">\n <% if (imageUrl) { %>\n \" alt=\"\" loading=\"lazy\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %> <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n <% if (link) { %> <% } %> \n
\n <% }); %>\n \n
\n
\n
\n\n" }, "values": { "paddingTop": "30", "paddingBottom": "80", "columnCount": "2", "autoPlay": true, "shuffleOption": false, "autoPlayDelay": "3500", "backgroundColor": "#ffffff", "colorTheme": "theme-light-mono", "text1Size": "text--content1", "text2Size": "text--content1", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/074115-472/group-1410118021.webp", "text1": "\n• Kemahiran dalam pemrograman Swift
\n• Pengalaman mengembangkan aplikasi seluler konsumen berskala besar
\n• Pengetahuan mendalam tentang arsitektur aplikasi iOS
\n• Pengalaman bekerja dengan perpustakaan populer untuk jaringan, asinkron, pemuatan gambar, dll\n", "text2": "", "link": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/074120-472/group-1410118023.webp", "text1": "\n• Berpengalaman dengan teknologi iOS dan bahasa pemrograman khususnya di Swift + UIKit
\n• Mengetahui dengan pola desain MVVM
\n• Pengetahuan dan berpengalaman dalam Debugging/Profiling\n", "text2": "", "link": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/074130-472/group-1410118022.webp", "text1": "\n• Kemahiran dengan SwiftUI, Konkurensi Swift
\n• Pengalaman membangun aplikasi berskala besar
\n• Pengalaman dengan Cocoa, Xcode, dan iOS SDK
\n• Pemahaman terhadap pola desain iOS
\n• Pengalaman dengan pengujian unit menggunakan XCTest\n", "text2": "", "link": "" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/074136-472/group-1410118026.webp", "text1": "\n• Memiliki pengalaman dengan SDK
\n• Pemahaman mendalam tentang Pengembangan UI iOS dengan SwiftUI
\n• Pengalaman dalam meningkatkan desain arsitektur yang dapat diskalakan dan diuji berbasis MVVM\n", "text2": "" } ] }, "uniqueId": "fc-block-8-doqbh5j6v", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-26-tchkrcz74", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "80", "paddingBottom": "0", "backgroundColor": "#F5F7F9", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#000000", "text": "\nPoin 5\n
\n\n\n
\nKeterampilan yang hanya dapat diajarkan oleh developer perusahaan teknologi teratas kepada kalian\n
\n\n\nTidak hanya teknologi inti iOS tetapi juga keterampilan kerja nyata tingkat lanjut\n" }, "uniqueId": "fc-block-9-mlb33nhe5", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-27-se5xdvkub", "layout": { "id": "003", "description": "문단 구분 선", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "size", "options": [ "1", "2" ] } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "borderColor": "#c8c8d2", "borderSize": "1" }, "template": "
\">\n
rem;padding-bottom: <%= paddingBottom/10 %>rem;\">\n
rem solid <%= borderColor %>;\">\n
\n
\n" }, "values": { "backgroundColor": "#F5F7F9", "paddingTop": "30", "paddingBottom": "30", "borderColor": "#E3E3E3", "borderSize": "1" }, "uniqueId": "fc-block-4-9oc11yfrv", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-28-9f5aszaq8", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "30", "backgroundColor": "#F5F7F9", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#FC7901", "text": "\nKeterampilan tingkat lanjut untuk menjadi developer aplikasi iOS yang kompeten.\n" }, "uniqueId": "fc-block-5-q94inmddb", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-31-7sajveovk", "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
\" style=\"color: <%= textColor || '#000000' %>; --grid-gap: <%= useColumnInMobile ? cardGapInUseColumn + 'rem' : 'none' %>\" >\n <% if(title1 || main1 || sub1 || link1) { %>\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
\n <% } %>\n <% if(title2 || main2 || sub2 || link2) { %>\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
\n <% } %>\n <% if(title3 || main3 || sub3 || link3) { %>\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
\n <% } %>\n <% if(title4 || main4 || sub4 || link4) { %>\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 <% } %>\n
\n
\n" }, "values": { "spacingTop": "0", "spacingBottom": "20", "useTextCenter": false, "backgroundColor": "#F5F7F9", "useColumnInMobile": false, "cardGapInUseColumn": 2, "textColor": "#444444", "buttonColor": "#E4FF18", "buttonTextColor": "#000000", "titleSize": "fc-h6-text", "mainTextSize": "fc-h6-text", "subTextSize": "fc-content-text", "cardColor1": "#ffffff", "title1": "", "main1": "\nAsinkron\n
\n", "sub1": "\nKonkurensi Swift\n

\n\nPelajari konsep asinkron dan contoh representatif di iOS, metode pemrosesan asinkron Konkurensi Swift, dan cara menerapkannya dalam proyek sebenarnya", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#ffffff", "title2": "", "main2": "\nPola Desain (MVVM)\n
\n", "sub2": "\nArsitektur\n

\n\nKembangkan 3 aplikasi dengan arsitektur MVVM, pelajari cara melakukan refaktorisasi ke MVVM, dan berbagai cara enggunakan MVVM", "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-6-s543jfirt", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-32-s9a97urtc", "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
\" style=\"color: <%= textColor || '#000000' %>; --grid-gap: <%= useColumnInMobile ? cardGapInUseColumn + 'rem' : 'none' %>\" >\n <% if(title1 || main1 || sub1 || link1) { %>\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
\n <% } %>\n <% if(title2 || main2 || sub2 || link2) { %>\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
\n <% } %>\n <% if(title3 || main3 || sub3 || link3) { %>\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
\n <% } %>\n <% if(title4 || main4 || sub4 || link4) { %>\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 <% } %>\n
\n
\n" }, "values": { "spacingTop": "0", "spacingBottom": "20", "useTextCenter": false, "backgroundColor": "#F5F7F9", "useColumnInMobile": false, "cardGapInUseColumn": 2, "textColor": "#444444", "buttonColor": "#E4FF18", "buttonTextColor": "#000000", "titleSize": "fc-h6-text", "mainTextSize": "fc-h6-text", "subTextSize": "fc-content-text", "cardColor1": "#ffffff", "title1": "", "main1": "\nMenerapkan Cache Gambar\n
\n", "sub1": "\nTeknik Operasi Data\n

\n\nPelajari teknik untuk mengelola data secara efisien, seperti cara meningkatkan kecepatan pemuatan data dan mencegah pengunduhan berulang", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#ffffff", "title2": "", "main2": "\nTes\n
\n", "sub2": "\nXCtest\n

\n\nPelajari tentang pengujian unit dan cara menggunakannya dalam praktik dan menerapkannya pada proyek sebenarnya\n", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#ffffff", "title3": "", "main3": "\nPenerapan otomatis (CI/CD)\n
\n", "sub3": "\nGithub Action\n\n\nXcodecloud\n\n

\n\nPelajari cara menerapkan otomatisasi pembangunan melalui Fastlane dan Xcodecloud, serta cara memverifikasi dan menguji pembangunan melalui Github Action", "useNewTab3": true, "link3": "", "buttonLabel3": "", "cardColor4": "#91eaa2", "title4": "", "main4": "", "sub4": "", "useNewTab4": true, "link4": "", "buttonLabel4": "" }, "uniqueId": "fc-block-7-wm95cv2al", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-29-3qq9g9cns", "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
\" style=\"color: <%= textColor || '#000000' %>; --grid-gap: <%= useColumnInMobile ? cardGapInUseColumn + 'rem' : 'none' %>\" >\n <% if(title1 || main1 || sub1 || link1) { %>\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
\n <% } %>\n <% if(title2 || main2 || sub2 || link2) { %>\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
\n <% } %>\n <% if(title3 || main3 || sub3 || link3) { %>\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
\n <% } %>\n <% if(title4 || main4 || sub4 || link4) { %>\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 <% } %>\n
\n
\n" }, "values": { "spacingTop": "0", "spacingBottom": "80", "useTextCenter": false, "backgroundColor": "#F5F7F9", "useColumnInMobile": false, "cardGapInUseColumn": 2, "textColor": "#444444", "buttonColor": "#E4FF18", "buttonTextColor": "#000000", "titleSize": "fc-h6-text", "mainTextSize": "fc-h6-text", "subTextSize": "fc-content-text", "cardColor1": "#ffffff", "title1": "", "main1": "\nKomposisi layar
\ndinamis\n
\n", "sub1": "\nKoneksi Server\n

\n\nPelajari cara mengkonfigurasi secara dinamis urutan item di layar beranda sesuai urutan yang diberikan oleh server, bukan dalam urutan tampilan yang ditetapkan sebelumnya", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#ffffff", "title2": "", "main2": "\nPemisahan saat membuat
\nUI dengan kode\n
\n", "sub2": "\nArsitektur\n

\n\nPelajari cara memisahkan Tampilan yang berkembang dari VC saat membuat UI dengan kode tanpa menggunakan storyboard", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#ffffff", "title3": "", "main3": "\nPengembangan Aplikasi
\nyang Skalabel\n
\n", "sub3": "\nKualitas\n\n\nSkalabilitas\n

\n\nPelajari cara menulis kode berkinerja tinggi dengan menggunakan tipe fungsional, menjaga dan memperluas stabilitas melalui penerapan pola desain, dapat digunakan ulang, dan cara membangun pola desain untuk merespons persyaratan", "useNewTab3": true, "link3": "", "buttonLabel3": "", "cardColor4": "#91eaa2", "title4": "", "main4": "", "sub4": "", "useNewTab4": true, "link4": "", "buttonLabel4": "" }, "uniqueId": "fc-block-8-ie45yvbmw", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-39-awewqnxm7", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "80", "paddingBottom": "0", "backgroundColor": "#444444", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#ffffff", "text": "\nPoin 6\n
\n\n\n
\n4 kali lebih murah untuk konten kursus yang tak tertandingi \n
\n\n\n\nBayar sekali dan ikuti 70 jam kursus All-in-One seumur hidup.
\nPelajari seluruh proses pengembangan aplikasi kapan saja dan di mana saja dengan harga luar biasa. \n" }, "uniqueId": "fc-block-12-d3hwodham", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-19-vq8i8cbs5", "layout": { "id": "211", "description": "2단/3단 캐러셀", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) contents(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "cards", "type": "list", "description": "추가/삭제를 이용하여 원하는 만큼 카드 리스트를 구현 할 수 있습니다.", "maxLength": 20, "params": [ { "name": "imageUrl", "type": "image", "description": "파일 업로드" }, { "name": "text1", "type": "text", "description": "자유 입력" }, { "name": "text2", "type": "text", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" }, { "imageUrl": "", "text1": "", "text2": "" } ] }, "template": "
rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\">\n
\n
\n
\" data-column-count=\"<%= columnCount %>\">\n <% cards.forEach(({ imageUrl, text1, text2 }) => { %>\n
\n
\">\n <% if (imageUrl) { %>\n \" alt=\"\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %>\n <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n
\n <% }); %>\n
\n
\n
\n
\n
\n" }, "values": { "paddingTop": "30", "paddingBottom": "30", "columnCount": "3", "backgroundColor": "#444444", "colorTheme": "theme-light-mono", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/105527-1390/group-1410118036.png", "text1": "", "text2": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/105544-1390/group-1410118037.png", "text1": "", "text2": "" } ] }, "uniqueId": "fc-block-10-bmhgmk2sg", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-20-3j30vmwhf", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#444444", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/074524-472/connection-2.webp", "mobileImageUrl": "", "imageWidth": "480", "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-11-2jcjaui2t", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-25-gtueerdfg", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "40", "paddingBottom": "30", "backgroundColor": "#000000", "useTextCenter": true, "textSize": "fc-h4-text", "textColor": "#ffffff", "text": "\nBagaimana dengan Kursus Fast Campus
\n3 Proyek Aplikasi iOS All-in-One?\n" }, "uniqueId": "fc-block-12-rm2acrtdi", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-23-pyw72vg0v", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#000000", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/074617-472/group-1410118043.webp", "mobileImageUrl": "", "imageWidth": "496", "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-13-1b1n54cb0", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-24-wtcv98ggl", "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": "10", "backgroundColor": "#000000" }, "uniqueId": "fc-block-14-dtdfyme1q", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-22-gvpyrl8nq", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#000000", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202408/153132-1390/group-1410118067--1-.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202408/153251-1390/poin-6-mob.png", "imageWidth": "980", "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-15-3tizprl1q", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-21-cd3ljvohu", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "30", "paddingBottom": "80", "backgroundColor": "#000000", "useTextCenter": true, "textSize": "fc-h4-text", "textColor": "#ffffff", "text": "\n70 jam Paket Kursus All-in-One
\nAkses Seumur Hidup\n
\n\n Hanya Rp 560.000\n\n
\n \n*Diskon 20% akan berlaku ketika kupon dipakai" }, "uniqueId": "fc-block-16-hpihh46fj", "isChecked": false, "hasSyntaxErrorTags": true }, { "id": "fc-block-12-wvcj5peej", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "80", "paddingBottom": "30", "backgroundColor": "#F5F7F9", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#000000", "text": "\nKomunitas Tanya Jawab\n
\n\n\n
\nDi mana kamu bisa mendapatkan rahasia pekerjaan yang sesungguhnya\n
\n\n\nKomunitas Discord terbuka untuk siswa kursus saja\n" }, "uniqueId": "fc-block-10-4z2219xsg", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-27-2vde8ptdf", "layout": { "id": "206", "description": "좌/우 이미지와 텍스트", "icon": "\n", "params": [ { "name": "reverseColumn", "type": "checkbox", "description": "-" }, { "name": "textVerticalAlign", "type": "select", "description": "-", "options": [ "top", "center" ] }, { "name": "backgroundColor", "type": "text", "description": "-" }, { "name": "textColor", "type": "text", "description": "-" }, { "name": "titleSize", "type": "select", "description": "-", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "-", "options": [ "text--h6", "text--content1" ] }, { "name": "imageUrl", "type": "image", "description": "-" }, { "name": "imageWidth", "type": "number", "description": "~720" }, { "name": "title", "type": "text", "description": "-" }, { "name": "content", "type": "text", "description": "-" } ], "values": { "reverseColumn": false, "textVerticalAlign": "top", "backgroundColor": "#ffffff", "textColor": "#000000", "titleSize": "text--h5", "contentSize": "text--h6", "imageUrl": "", "imageWidth": 480, "title": "", "content": "" }, "template": "
\">\n
\n
<%= textVerticalAlign === 'center' ? ' container__body--center-within-column' : ''%>\">\n
\" style=\"width: <%= imageWidth/10 %>rem\">\n <% if (imageUrl) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n
\">\n
\n
\"><%= title || '' %>
\n
\"><%= content || '' %>
\n
\n
\n
\n
\n
\n" }, "values": { "reverseColumn": false, "textVerticalAlign": "center", "backgroundColor": "#F5F7F9", "textColor": "#000000", "titleSize": "text--h5", "contentSize": "text--content1", "imageUrl": "https://cdn.day1company.io/prod/uploads/202405/074918-472/group-1410118068.webp", "imageWidth": 480, "title": "\nCara untuk memanfaatkan 200%
\ndari komunitas Q&A!\n", "content": "\n✓ Terjadi kesalahan saat latihan? Selesaikan dengan cepat melalui Q&A secara real-time antara instruktur dan murid\n
\n✓ Jika ada yang kurang dipahami saat menonton video kursus, segera ajukan pertanyaan.\n
\n✓ Komunitas tempat kamu dapat menyampaikan kekhawatiran seperti tren teknologi iOS dan karier.\n\n\n\n
\n\n\n* Komunitas ini beroperasi dari 2024.05.31 hingga 2027.05.08 melalui Discord. Pembeli dapat menemukan tautan partisipasi di panduan ruang kelas online.
\n* Komunitas ini adalah komunitas tempat instruktur bergabung dengan channel, tetapi tidak wajib untuk menjawab.
\n* Karena instruktur cukup sibuk dengan pekerjaan utamanya, dibutuhkan 7 hari kerja untuk menjawab pertanyaan murid.\n" }, "uniqueId": "fc-block-17-unij6s2us", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-rafzbntna", "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": "#F5F7F9" }, "uniqueId": "fc-block-1-hr2jvukys", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-d9o6axrfa", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "40", "paddingBottom": "20", "backgroundColor": "#FC7901", "useTextCenter": true, "textSize": "fc-h4-text", "textColor": "#FFFFFF", "text": "👇Pratinjau Kuliah👇" }, "uniqueId": "fc-block-1-b69jjf5r4", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-mzdhednai", "layout": { "id": "302", "description": "1~3단 동영상과 텍스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "fontColor", "type": "text", "description": "font color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "videoPlatformType1", "type": "select", "description": "videoPlatformType1", "options": [ "Youtube", "Vimeo" ] }, { "name": "video1", "type": "video", "description": "video1" }, { "name": "title1", "type": "textarea", "description": "title1 text" }, { "name": "content1", "type": "textarea", "description": "content text" }, { "name": "videoPlatformType2", "type": "select", "description": "videoPlatformType2", "options": [ "Youtube", "Vimeo" ] }, { "name": "video2", "type": "video", "description": "video2" }, { "name": "title2", "type": "textarea", "description": "title2 text" }, { "name": "content2", "type": "textarea", "description": "content text" }, { "name": "videoPlatformType3", "type": "select", "description": "videoPlatformType3", "options": [ "Youtube", "Vimeo" ] }, { "name": "video3", "type": "video", "description": "video3" }, { "name": "title3", "type": "textarea", "description": "title3 text" }, { "name": "content3", "type": "textarea", "description": "content text" } ], "values": { "backgroundColor": "", "fontColor": "#000000", "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "videoPlatformType1": "Youtube", "video1": "", "title1": "", "content1": "", "videoPlatformType2": "Youtube", "video2": "", "title2": "", "content2": "", "videoPlatformType3": "Youtube", "video3": "", "title3": "", "content3": "" }, "template": "
background-color: <%=backgroundColor%><% } %>\">\n
\">\n
\n <% if (video1 || title1 || content1) { %>\n
\n <% if (video1) { %>\n
\n <% if (videoPlatformType1 === 'Youtube') { %>\n \" frameborder=\"0\">\n <% } else { %>\n \" frameborder=\"0\">\n <% } %>\n
\n <% } %>\n <% if (title1) { %>\n
\"><%= title1 %>
\n <% } %>\n <% if(content1) { %>\n
\"><%= content1 %>
\n <% } %>\n
\n <% } %>\n <% if (video2 || title2 || content2) { %>\n
\n <% if (video2) { %>\n
\n <% if (videoPlatformType2 === 'Youtube') { %>\n \" frameborder=\"0\">\n <% } else { %>\n \" frameborder=\"0\">\n <% } %>\n
\n <% } %>\n <% if (title2) { %>\n
\"><%= title2 %>
\n <% } %>\n <% if(content2) { %>\n
\"><%= content2 %>
\n <% } %>\n
\n <% } %>\n <% if (video3 || title3 || content3) { %>\n
\n <% if (video3) { %>\n
\n <% if (videoPlatformType3 === 'Youtube') { %>\n \" frameborder=\"0\">\n <% } else { %>\n \" frameborder=\"0\">\n <% } %>\n
\n <% } %>\n <% if (title3) { %>\n
\"><%= title3 %>
\n <% } %>\n <% if(content3) { %>\n
\"><%= content3 %>
\n <% } %>\n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#FC7901", "fontColor": "#FFFFFF", "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "videoPlatformType1": "Youtube", "video1": "xNV1kBUzNfw", "title1": "Perkenalan kurikulum, pengenalan diri saya, apa yang akan Anda pelajari", "content1": "", "videoPlatformType2": "Youtube", "video2": "WcRw9qzx6TE", "title2": "Lihatlah UItablaviewDelegate", "content2": "", "videoPlatformType3": "Youtube", "video3": "", "title3": "", "content3": "" }, "uniqueId": "fc-block-2-rqmqtyztf", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-hai0m4nfn", "layout": { "id": "302", "description": "1~3단 동영상과 텍스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "fontColor", "type": "text", "description": "font color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "videoPlatformType1", "type": "select", "description": "videoPlatformType1", "options": [ "Youtube", "Vimeo" ] }, { "name": "video1", "type": "video", "description": "video1" }, { "name": "title1", "type": "textarea", "description": "title1 text" }, { "name": "content1", "type": "textarea", "description": "content text" }, { "name": "videoPlatformType2", "type": "select", "description": "videoPlatformType2", "options": [ "Youtube", "Vimeo" ] }, { "name": "video2", "type": "video", "description": "video2" }, { "name": "title2", "type": "textarea", "description": "title2 text" }, { "name": "content2", "type": "textarea", "description": "content text" }, { "name": "videoPlatformType3", "type": "select", "description": "videoPlatformType3", "options": [ "Youtube", "Vimeo" ] }, { "name": "video3", "type": "video", "description": "video3" }, { "name": "title3", "type": "textarea", "description": "title3 text" }, { "name": "content3", "type": "textarea", "description": "content text" } ], "values": { "backgroundColor": "", "fontColor": "#000000", "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "videoPlatformType1": "Youtube", "video1": "", "title1": "", "content1": "", "videoPlatformType2": "Youtube", "video2": "", "title2": "", "content2": "", "videoPlatformType3": "Youtube", "video3": "", "title3": "", "content3": "" }, "template": "
background-color: <%=backgroundColor%><% } %>\">\n
\">\n
\n <% if (video1 || title1 || content1) { %>\n
\n <% if (video1) { %>\n
\n <% if (videoPlatformType1 === 'Youtube') { %>\n \" frameborder=\"0\">\n <% } else { %>\n \" frameborder=\"0\">\n <% } %>\n
\n <% } %>\n <% if (title1) { %>\n
\"><%= title1 %>
\n <% } %>\n <% if(content1) { %>\n
\"><%= content1 %>
\n <% } %>\n
\n <% } %>\n <% if (video2 || title2 || content2) { %>\n
\n <% if (video2) { %>\n
\n <% if (videoPlatformType2 === 'Youtube') { %>\n \" frameborder=\"0\">\n <% } else { %>\n \" frameborder=\"0\">\n <% } %>\n
\n <% } %>\n <% if (title2) { %>\n
\"><%= title2 %>
\n <% } %>\n <% if(content2) { %>\n
\"><%= content2 %>
\n <% } %>\n
\n <% } %>\n <% if (video3 || title3 || content3) { %>\n
\n <% if (video3) { %>\n
\n <% if (videoPlatformType3 === 'Youtube') { %>\n \" frameborder=\"0\">\n <% } else { %>\n \" frameborder=\"0\">\n <% } %>\n
\n <% } %>\n <% if (title3) { %>\n
\"><%= title3 %>
\n <% } %>\n <% if(content3) { %>\n
\"><%= content3 %>
\n <% } %>\n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#FC7901", "fontColor": "#fff", "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "videoPlatformType1": "Youtube", "video1": "t6LnNpp7hdQ", "title1": "Buat tab utama aplikasi", "content1": "", "videoPlatformType2": "Youtube", "video2": "oAmkyFkCv3A", "title2": "Buat UI layar profil kontak", "content2": "", "videoPlatformType3": "Youtube", "video3": "", "title3": "", "content3": "" }, "uniqueId": "fc-block-1-2esrre4h1", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-a4wxcvmxz", "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": "#FC7901" }, "uniqueId": "fc-block-1-d3q9ynk7c", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-5-qhfulw3rj", "layout": { "id": "804", "description": "앵커탭영역", "icon": "\n", "params": [ { "name": "id", "label": "id", "type": "text", "description": "연결 될 탭 영역에 대한 id 값" } ], "values": { "id": "" }, "template": "
\">
\n" }, "values": { "id": "Kurikulum" }, "uniqueId": "fc-block-1-sapbfmkx3", "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
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "80", "paddingBottom": "10", "backgroundColor": "#F2F2F2", "useTextCenter": false, "textSize": "fc-h4-text", "textColor": "#000000", "text": "Kurikulum Lengkap" }, "uniqueId": "fc-block-1-hs7w7ewha", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-8-grtr2xk06", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "0", "paddingBottom": "30", "backgroundColor": "#F2F2F2", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#000000", "text": "Kamu bisa mengikuti semua kursus di bawah dengan paket All-in-One.
Bayar sekali sekarang dan kamu bisa simpan semua video kursus ini seumur hidup!" }, "uniqueId": "fc-block-2-miolbm6f1", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-wodbo347v", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "", "paddingBottom": "30", "backgroundColor": "#F2F2F2", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#4D4D4D", "text": "Bagian 1. Memulai Pengembangan iOS \n\n" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-1-bxd0u8vmf", "isChecked": false }, { "id": "fc-block-3-3tjlx9wau", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 1. Perkenalan", "content1": "01.Perkenalan kurikulum + pengenalan diri saya + apa yang akan
Anda pelajari
\n", "imageUrl1": "", "title2": "Bab 2. Pengenalan Swift", "content2": "01.Pengantar Swift
\n02.Variabel - cara untuk menyimpan dan memanipulasi nilai
\n03.Tipe Swift - pengenalan berbagai tipe data di Swift
\n04.Collection - Cara membuat banyak variabel dan menyimpannya
\n05.if then - bagaimana berperilaku berbeda tergantung pada
kondisi
\n06.Loop - Cara mengulang kode yang sama
\n08.Fungsi - Cara menggunakan kembali kode
\n09.Tinjau kembali apa yang Anda pelajari sejauh ini
\n", "imageUrl2": "" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-2-iaut9w7ic", "isChecked": false }, { "id": "fc-block-2-nnp7uin97", "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, "uniqueId": "fc-block-3-q9awuzxks", "isChecked": false }, { "id": "fc-block-2-vb5zjelh1", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 3. Pemrograman berorientasi objek", "content1": "1. Pengenalan dan Ikhtisar Pengajaran
\n2. HTML, CSS, dan JS
\n3. Cara Kerja Aplikasi Web
\n4. Standar Web dan Peramban
\n5. Pengantar Peramban Web
\n6. Cara Debugging dengan Peramban \n \n \n \n MARGIN\n \n \n \n \n \n\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, "uniqueId": "fc-block-4-umqz3geh4", "isChecked": false }, { "id": "fc-block-11-icx22rx7f", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "10", "paddingBottom": "30", "backgroundColor": "#F2F2F2", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#4D4D4D", "text": "Bagian 2. Latihan Pemanasan untuk Mempelajari UIKit dan Storyboard \n\n" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-5-4k2l2wpgg", "isChecked": false }, { "id": "fc-block-13-5rhi98hva", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 1. Satu gambar layar", "content1": "01.Gambar layar tanpa coding menggunakan Storyboard
\n02.Mengotak-atik elemen yang dibutuhkan untuk layar sederhana
\n03.Pengenalan AutoLayout
\n04.Gambarlah hanya satu layar yang sangat sederhana
\n", "imageUrl1": "", "title2": "Bab 2. Menggambar beberapa layar dan
menggabungkannya", "content2": "01.Berpindah di antara beberapa layar
\n02.Coba navigasi
\n03.Menggambar dalam tampilan tab
\n04.Sebuah aplikasi yang dibuat dengan menghubungkan
beberapa layar
\n", "imageUrl2": "" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-6-vzaowk6h6", "isChecked": false }, { "id": "fc-block-2-w7ob6hgzd", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "20", "backgroundColor": "#F2F2F2" }, "uniqueId": "fc-block-1-4k97hmvnn", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-6-a6wsu5c1p", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 3. Berbagai cara menggambar layar", "content1": "01.Memulai dengan UIKit
\n02.UIView dan UIViewController
\n03.Tata letak menggunakan NSLayoutConstraint
\n04.Membuat layar yang sangat sederhana dengan UIKit
\n", "imageUrl1": "", "title2": "Bab 4. Menggambar layar dengan tampilan tabel", "content2": "01.Menggambar layar dengan tampilan tabel
\n02.Delegasi Kenali satu sama lain
\n03.Lihatlah UItablaviewDelegate
\n04.Menggambar layar sederhana dengan Table View
\n", "imageUrl2": "" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-7-3b9wwwx6a", "isChecked": false }, { "id": "fc-block-8-h6qlyyix2", "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, "uniqueId": "fc-block-8-weefz57h5", "isChecked": false }, { "id": "fc-block-9-uboad43o3", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 5. Aplikasi navigasi sederhana", "content1": "01.Pelajari tentang NavigationController
\n02.Pelajari tentang TabBarController
\n03.Melewati data melalui bilah tab
\n04.Buat aplikasi dengan NavigationController
", "imageUrl1": "", "title2": "Bab 6. UICollectionView", "content2": "01.Pengantar UICollectionView
\n02.Membuat UICollectionViewCell khusus
\n03.Lihatlah UICollectionViewDelegate dan
UICollectionViewDelegateFlowLayout
\n04.Melewati data menggunakan sumber data tampilan koleksi
\n", "imageUrl2": "" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-9-ofldssbwx", "isChecked": false }, { "id": "fc-block-10-odmvv5uuh", "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, "uniqueId": "fc-block-10-7zl82fsgk", "isChecked": false }, { "id": "fc-block-1-nczm37i86", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 7. HIG", "content1": "01.Apa itu HIG dan mengapa Anda harus membacanya
\n02.Cara membaca dan belajar HIG
", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "uniqueId": "fc-block-23-s776cx1a7", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-15-0utn83sun", "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, "uniqueId": "fc-block-11-00ncnxlwc", "isChecked": false }, { "id": "fc-block-24-yo1gni5m2", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "10", "paddingBottom": "30", "backgroundColor": "#F2F2F2", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#4D4D4D", "text": "Bagian 3. Aplikasi Pengiriman Makanan \n\n" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-12-h3qiag8hj", "isChecked": false }, { "id": "fc-block-14-yv8ljno4k", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 1. Pengenalan kursus", "content1": "01.Pengenalan kursus dan pengenalan tentang aplikasi pengiriman makanan
\t\n02.Pengenalan Dokumen Persyaratan Produk (PRD) dan membaca PRD aplikasi pengiriman makanan
\t\n03.Apa itu MVVM?
\t\n04.Swift dan MVVM
\t", "imageUrl1": "", "title2": "Bab 2. Implementasi Layar Beranda", "content2": "01.Pelajari tentang komponen yang digunakan di layar beranda
\n02.Menerapkan bilah tab dan penyesuaian
\n03.Transisi Layar di Tab Bar
", "imageUrl2": "" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-13-l0s3lc7z5", "isChecked": false }, { "id": "fc-block-18-aja6idquh", "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, "uniqueId": "fc-block-14-h1iei50wp", "isChecked": false }, { "id": "fc-block-17-gxdc3fd8x", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 3. Komponen Layar Beranda", "content1": "01.Menerapkan tampilan koleksi di dalam tab bar beranda
\n02.Membuat komponen daftar restoran
\n03.Membuat komponen daftar masakan
\n04.Mengintegrasikan komponen ke tampilan collection view di
layar beranda
\n05.Decoding JSON dan integrasi JSON ke komponen
\n", "imageUrl1": "", "title2": "Bab 4. Komponen Layar Beranda", "content2": "01.Menerapkan komponen di dalam bilah tab pencarian
\n02.Menggunakan kembali komponen daftar restoran dan masakan
\n03.Membuat UITextField dan menambahkan logika untuk
pencarian
\n", "imageUrl2": "" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-15-wpzm3r1bi", "isChecked": false }, { "id": "fc-block-19-mv0vcm6kk", "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, "uniqueId": "fc-block-16-v0kez7kju", "isChecked": false }, { "id": "fc-block-20-1dexlv6v8", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 5. Implementasi Layar Modal Menu", "content1": "01.Membuat layar restoran
\n02.Membuat komponen layar restoran
\n03.Membuat daftar menu
\n04.mengintegrasikan json untuk mengisi komponen di layar
restoran
\n", "imageUrl1": "", "title2": "Bab 6. Komponen Layar Beranda", "content2": "01.mengimplementasikan pengontrol tampilan yang disajikan
secara modal
\n02.mengimplementasikan komponen menu
\n03.mengintegrasikan berbagi data dan output
\n04.membuat logika dan komponen keranjang
\n", "imageUrl2": "" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-17-llq55riu8", "isChecked": false }, { "id": "fc-block-21-hd2pgat6m", "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, "uniqueId": "fc-block-18-x5uof9pqw", "isChecked": false }, { "id": "fc-block-22-ojztbyrd4", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 7. Implementasi Layar Checkout", "content1": "01.Menerapkan layar checkout dan komponennya
\n02.Menerapkan logika pilihan menu tambah atau hapus
\n03.Menerapkan logika pembayaran
\n", "imageUrl1": "", "title2": "Bab 8. Implementasi Layar Lokasi", "content2": "01.Menerapkan layar lokasi dan komponennya
\n02.Mempelajari MKMapView dan penggunaannya
\n03.Menerapkan MKMapView dan mengatur pin
\n04.Menerapkan fungsi pencarian untuk MKMapView
\n05.Menerapkan komponen daftar alamat yang disimpan
\n06.Mengintegrasikan daftar alamat yang disimpan dan alamat
yang dipilih menggunakan UserDefaults
\n", "imageUrl2": "" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-19-t9q2dvb2t", "isChecked": false }, { "id": "fc-block-16-ot8big7g7", "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, "uniqueId": "fc-block-20-yyjum2fp4", "isChecked": false }, { "id": "fc-block-25-mufv4zjcd", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 9. Implementasi Layar Kelola Keranjang", "content1": "01.Menerapkan layar kelola keranjang dan komponennya
\n02.Membuat komponen daftar keranjang
\n03.Terapkan navigasi ke Layar Checkout dan logika keranjang
\n04.Terapkan logika keranjang tersimpan
\n05.Tinjau kembali aplikasi dan fitur-fiturnya
\n", "imageUrl1": "", "title2": "Bab 10. Deploy Aplikasi", "content2": "01.Pengenalan Github dan penggunaan Git
\n02.Menggunakan Github untuk deploy perubahan ke Github
\n", "imageUrl2": "" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-21-t8lk700e6", "isChecked": false }, { "id": "fc-block-26-xagayfrbm", "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, "uniqueId": "fc-block-22-cvq7j292k", "isChecked": false }, { "id": "fc-block-38-d0b29c5ug", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "10", "paddingBottom": "30", "backgroundColor": "#F2F2F2", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#4D4D4D", "text": "Bagian 4. Aplikasi WhatsApp Messenger \n\n" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-23-6i678p8xd", "isChecked": false }, { "id": "fc-block-29-j3fhlmadd", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 1. Pengenalan dan Pengaturan Kursus", "content1": "01. Pengenalan Kursus dan ikhtisar tentang klon WhatsApp
\n02. Membuat perencanaan dan daftar fitur produk
\n03. Pengenalan Git dan siapkan repositori baru
\n04. Buat proyek Xcode
\n05. Instal pod yang diperlukan
\n", "imageUrl1": "", "title2": "Bab 2. Implementasi Layar Login", "content2": "01. Buat dan atur UI layar login
\n02. Buat komponen struct pengguna
\n", "imageUrl2": "" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-24-oizinp3fa", "isChecked": false }, { "id": "fc-block-30-8mujmope0", "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, "uniqueId": "fc-block-25-hzg873ce2", "isChecked": false }, { "id": "fc-block-31-tqv5zw4jf", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 3. Penyiapan Firebase", "content1": "01. Pengenalan dan pengaturan Frebase
\n02. Pemroses pengguna dengan Firebase
\n03. Pendaftaran pengguna dengan Firebase
\n04. Login pengguna dengan Firebase
\n05. Atur login pengguna dengan nama pengguna dan kata sandi
\n06. Setelah login dan memulai fungsi aplikasi utama
\n", "imageUrl1": "", "title2": "Bab 4. Implementasi Layar Pengaturan Pengguna", "content2": "01. Buat tab utama aplikasi
\n02. Buat UI layar pengaturan pengguna
\n03. Buat UI layar edit profil
\n04. Penanganan perubahan data pengguna dengan Firebase
\n05. Penanganan avatar pengguna
", "imageUrl2": "" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-26-xto2xdggy", "isChecked": false }, { "id": "fc-block-33-s8tjedg0f", "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, "uniqueId": "fc-block-27-0vjrf8kpq", "isChecked": false }, { "id": "fc-block-32-frbj6xfhk", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 5. Implementasi Layar Kontak", "content1": "01. Buat komponen UI daftar kontak
\n02. Buat kontak tiruan
\n03. Menangani pengunduhan kontak dari Firebase
\n04. Menerapkan fungsi pencarian kontak
\n", "imageUrl1": "", "title2": "Bab 6. Implementasi Layar Profil Kontak", "content2": "01. Buat UI layar profil kontak
\n02. Penanganan aksi pada UI profil kontak
", "imageUrl2": "" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-28-4lve86uxu", "isChecked": false }, { "id": "fc-block-28-zzj99jc69", "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, "uniqueId": "fc-block-29-49axqdq9i", "isChecked": false }, { "id": "fc-block-34-56r1i1wq2", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 7. Implementasi Layar Obrolan Terbaru", "content1": "01. Buat struct item obrolan
\n02. Buat komponen item obrolan
\n03. Buat komponen item obrolan bagian 2
\n04. Menerapkan fungsi mulai obrolan
\n05. Menangani fungsi obrolan terkini
\n06. Simpan obrolan terkini ke Firebase
\n07. Tampilkan obrolan terkini
\n08. Cari obrolan terbaru
\n", "imageUrl1": "", "title2": "Bab 8. Implementasi Layar Obrolan", "content2": "01. Buat tampilan komponen UI obrolan dan pesan
\n02. Terapkan ekstensi obrolan
\n03. Penanganan MKSender dan MKMessage
\n04. Penanganan pesan lokal
\n05. Inisialisasi MKMessage
\n06. Pengaturan Realm Database
\n07. Pesan keluar
\n08. Simpan pesan ke Realm
\n09. Simpan pesan ke Firebase
\n10. Muat pesan dari Relam
\n11. Penanganan perubahan di Realm
\n12. Pesan masuk
\n13. Tampilkan pesan di layar obrolan
\n14. Buat label komentar pesan
\n15. Penanganan judul dan subjudul obrolan
\n16. Menangani teks, warna latar belakang, dan bagian akhir pesan
\n17. Perbarui tombol mikrofon
\n18. Muat pesan lama
\n19. Penanganan update untuk pesan baru
\n20. Terapkan memuat lebih banyak pesan
\n21. Penanganan mode pengetikan oleh pengguna
\n22. Buat objek pengetikan
\n23. Perbarui obrolan terkini dengan pesan baru
\n24. Perbarui status baca pesan
\n25. Fungsi status baca pembaruan sel
\n26. Penanganan perubahan status baca
\n27. Pembaruan status baca dengan MKMessage
\n28. Penanganan popup untuk pesan multimedia
\n29. Tampilkan galeri telepon
\n30. Tangani pesan gambar
\n31. Tampilkan gambar pada ketukan pesan
\n32. Menangani pengenal isyarat untuk pesan audio
\n33. Menerapkan pemutaran pesan audio
", "imageUrl2": "" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-30-id0cypek8", "isChecked": false }, { "id": "fc-block-36-1fd68chws", "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, "uniqueId": "fc-block-31-j1tbhutqr", "isChecked": false }, { "id": "fc-block-35-kab30bojx", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 9. Implementasi Notifikasi", "content1": "01. Pengenalan pemberitahuan push
\n02. Buat sertifikat
\n03. Daftarkan aplikasi untuk push notification
\n04. Kirim push notification
\n05. Push notification service
\n06. Kirim push notification dari aplikasi
\n07. Tangani pesan yang sudah dibaca
", "imageUrl1": "", "title2": "Bab 10. Refactor code ke arsitektur MVVM dan
pengenalan SwiftUI ", "content2": "01. Refactor screen ke arsitektur MVVM
\n02. Pengenalan SwiftUI
\n03. Mengubah screen ke SwiftUI
", "imageUrl2": "" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-32-wtvmkj1tn", "isChecked": false }, { "id": "fc-block-39-eq46hbbit", "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, "uniqueId": "fc-block-33-39gusuilp", "isChecked": false }, { "id": "fc-block-37-syahexw5q", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 11. Deploy ke Github", "content1": "01. Pengenalan percabangan pada Github
\n02. Pengaturan rilis pada Github
", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-34-vln4y5pev", "isChecked": false }, { "id": "fc-block-40-jv9e28d9e", "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, "uniqueId": "fc-block-35-32lm8t53l", "isChecked": false }, { "id": "fc-block-14-6llhlhq1h", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "10", "paddingBottom": "30", "backgroundColor": "#F2F2F2", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#4D4D4D", "text": "Bagian 5. Aplikasi Media Sosial Instagram \n\n" }, "uniqueId": "fc-block-3-hvwoqt3f3", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-41-3hancgrju", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 1. Pengenalan dan Pengaturan Kursus", "content1": "01. Pengenalan dan ikhtisar kursus
\n02. Siapkan dan konfigurasikan proyek Xcode
\n03. Membuat perencanaan dan daftar fitur produk
\n04. Pengenalan Git dan siapkan repositori baru
\n05. Buat tab aplikasi
", "imageUrl1": "", "title2": "Bab 2. Implementasi Layar Beranda", "content2": "01. Siapkan CollectionView untuk umpan beranda
\n02. Buat komponen untuk beranda
\n03. Finish up home feed cell UI
", "imageUrl2": "" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-36-vk3d9ykm9", "isChecked": false }, { "id": "fc-block-42-3oz7ouii1", "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, "uniqueId": "fc-block-37-lqprek6h0", "isChecked": false }, { "id": "fc-block-43-oer4mwejc", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 3. Implementasi Layar Login Pengguna", "content1": "01. Buat UI Layar Masuk
\n02. Buat subkelas komponen khusus
\n03. Buat pendaftaran pengguna
\n04. Menangani otentikasi dan validasi pengguna
\n05. Atur Login dengan Apple atau Google
\n06. Selesaikan validasi pengguna
\n07. Menangani foto profil pengguna
", "imageUrl1": "", "title2": "Bab 4. Siapkan Otentikasi Firebase", "content2": "01. Siapkan Firebase dan Cocoapod
\n02. Pengunggah gambar dan layanan otentikasi
\n03. Pendaftaran pengguna di Firebase
\n04. Root ViewController dengan otentikasi
", "imageUrl2": "" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-38-hwk9s3nzs", "isChecked": false }, { "id": "fc-block-45-vwm1e3zcs", "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, "uniqueId": "fc-block-39-75ek0u5lz", "isChecked": false }, { "id": "fc-block-44-e91vi9frs", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 5. Implementasi Layar Profil Pengguna", "content1": "01. Buat komponen profil pengguna
\n02. Selesaikan UI profil pengguna
", "imageUrl1": "", "title2": "Bab 6. Koneksi Data Pengguna dari Firestore", "content2": "01. Ambil data pengguna dari Firestore
\n02. Buat model data pengguna
\n03. Buat model tampilan header profil pengguna
\n04. Perbarui pengguna setelah otentikasi
\n05. Buat kontroller untuk layar pencarian
\n06. Ambil dan tampilkan pengguna
\n07. Menangani fungsi pencarian pengguna
", "imageUrl2": "" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-40-69rsw64cl", "isChecked": false }, { "id": "fc-block-46-3ew6rgjn1", "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, "uniqueId": "fc-block-41-jbd0y4v6o", "isChecked": false }, { "id": "fc-block-48-b107yw777", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 7. Fungsi Ikuti dan Berhenti Mengikuti", "content1": "01. Tangani fungsi ikuti pengguna
\n02. Menangani fungsi berhenti mengikuti pengguna
\n03. Periksa pengguna yang diikuti
\n04. Menangani statistik pengguna
", "imageUrl1": "", "title2": "Bab 8. Unggah ke Postingan Baru", "content2": "01. Tangani pemilih gambar
\n02. Buat UI postingan unggah
\n03. Buat tampilan teks masukan khusus
\n04. Unggah postingan ke Firebase
\n05. Menangani pemuatan untuk unggahan pos
\n06. Ambil postingan dari Firebase API
\n07. Buat struktur posting
\n08. Menangani postingan profil pengguna
", "imageUrl2": "" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-42-f6vujyn3q", "isChecked": false }, { "id": "fc-block-50-sd1i8i2lq", "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, "uniqueId": "fc-block-43-vph84uo52", "isChecked": false }, { "id": "fc-block-49-a2r62i9ku", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 9. Mengomentari Postingan", "content1": "01. Buat komponen UI komentar
\n02. Buat komponen UI komentar
\n03. Selesaikan komentar UI
\n04. Unggah komentar ke Firebase
\n05. Memuat komentar dari Firebase
\n06. Buat struktur komentar
\n07. Navigasi dari komentar
", "imageUrl1": "", "title2": "Bab 10. Menyukai Postingan", "content2": "01. Menangani menyukai postingan
\n02. Unggah info menyukai ke Firebase
\n03. Handle batal menyukai postingan
\n04. Periksa postingan yang disukai
\n05. Finish up menyukai postingan
", "imageUrl2": "" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-44-53fj9c2ub", "isChecked": false }, { "id": "fc-block-52-j7btbmdis", "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, "uniqueId": "fc-block-45-j7ta3qvyt", "isChecked": false }, { "id": "fc-block-51-otny57k7d", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 11. Mengomentari Postingan", "content1": "01. Buat kontroler untuk notifikasi
\n02. Buat struktur notifikasi
\n03. Buat layanan notifikasi
\n04. Memuat notifikasi
\n05. View Model notifikasi
\n06. Menangani jenis notifikasi
\n07. Sentuhan akhir
", "imageUrl1": "", "title2": "Bab 12. Menyukai Postingan", "content2": "01. Perbarui umpan pengguna setelah
mengikuti, berhenti mengikuti, dan memposting", "imageUrl2": "" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-46-k62vykckk", "isChecked": false }, { "id": "fc-block-47-2q6v3zhj9", "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, "uniqueId": "fc-block-47-5nm49l9xq", "isChecked": false }, { "id": "fc-block-27-nwzoban1f", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "
\">\n
\n
\n <% if (title1 || content1 || imageUrl1) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title1 %>\n \n \n
\n
;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n
; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n
\">\n <%= title2 %>\n \n \n
\n
; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n \n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 13. Unit Testing", "content1": "01. Pengenalan unit testing
\n02. Buat unit testing untuk 1-2 layar
", "imageUrl1": "", "title2": "Bab 14. CI/CD dengan Fastlane", "content2": "01. Pengenalan CI/CD dan pengaturan Fastlane
\n02. Buat skrip CI/CD untuk dipublikasikan ke App Store
", "imageUrl2": "" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-48-j9urnvmwh", "isChecked": false }, { "id": "fc-block-68-nsd46m6um", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "80", "backgroundColor": "#f2f2f2f2" }, "uniqueId": "fc-block-61-omirh24uj", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-2oq3xb3q0", "layout": { "id": "215", "description": "캐러셀형 코스카드", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "colorTheme", "type": "select", "description": "컬러 테마를 설정할 수 있습니다.
-라이트 모드 (default)
-다크 모드", "options": [ "theme--light", "theme--dark" ] }, { "name": "mobileColumnCount", "type": "select", "description": "모바일 카드 배열: 1단/2단", "options": [ 1, 2 ] }, { "name": "useNewTab", "type": "checkbox", "description": "use new tab" }, { "name": "title", "type": "text", "description": "레이아웃 제목" }, { "name": "reverseOrder", "type": "checkbox", "description": "체크하면 목록이 역순으로 나열됩니다.\n페이지 > 미리보기에서 확인해주세요" }, { "name": "courseList", "type": "list", "description": "이 레이아웃은 컴포저의 실시간 미리보기 지원이 불가합니다.\n페이지의 미리보기 기능을 활용해주세요.", "maxLength": 100, "params": [ { "name": "courseId", "type": "text", "description": "course id", "isRequired": true }, { "name": "imageBadge", "type": "text", "description": "공백 없이 최대 4글자까지 입력이 가능합니다.", "isRequired": true }, { "name": "imageBadgeBackgroundColor", "type": "text", "description": "기본 값은 #ff7450입니다.", "isRequired": true, "defaultValue": "#ff7450" }, { "name": "imageBadgeTextColor", "type": "text", "description": "기본 값은 #ffffff입니다.", "defaultValue": "#ffffff" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "colorTheme": "theme--light", "mobileColumnCount": 2, "useNewTab": false, "title": "", "reverseOrder": false, "courseList": [ { "courseId": "", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff" } ] }, "template": "
\"\n data-color-theme=\"<%= colorTheme %>\"\n data-use-new-tab=\"<%= useNewTab %>\"\n data-mobile-column-count=\"<%= mobileColumnCount %>\"\n data-title=\"<%= title %>\"\n data-padding-top=\"<%= paddingTop %>\"\n data-padding-bottom=\"<%= paddingBottom %>\"\n data-reverse-order=\"<%= reverseOrder %>\"\n style=\"padding-top: <%= paddingTop / 10 %>rem; padding-bottom: <%= paddingBottom / 10 %>rem;\"\n>\n
\n
\n <% if (title) { %>\n
<%= title %>
\n <% } %>\n
\">\n
4 || title ? ' carousel__lower' : '' %>\">\n <% courseList.forEach((course, idx) => { %>\n
\"\n data-course-id=\"<%= course.courseId %>\"\n data-image-badge=\"<%= course.imageBadge %>\"\n data-badge-background-color=\"<%= course.imageBadgeBackgroundColor || '#ff7450' %>\"\n data-badge-text-color=\"<%= course.imageBadgeTextColor || '#ffffff' %>\"\n data-id=\"<%= (course.id ) ? course.id : ( reverseOrder ? (course.id = course.length-idx) : (course.id = idx+1) ) %>\"\n >\n <% if (course.courseId) { %>\n \">\n <% if (course.imageBadge) { %>\n
; color: <%= course.imageBadgeTextColor || '#ffffff' %>\">\n
);\">\n <%= course.imageBadge %>\n
\n
\n <% } %>\n
\n
\n
\n
\n \n <% } %>\n
\n <% }) %>\n
\n
\n
\n
\n
\n" }, "values": { "paddingTop": "80", "paddingBottom": "80", "colorTheme": "theme--light", "mobileColumnCount": 2, "useNewTab": false, "title": "Rekomendasi kursus lainnya", "reverseOrder": false, "courseList": [ { "courseId": "241898", "imageBadge": "Online", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 1 }, { "courseId": "239372", "imageBadge": "Online", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 2 }, { "courseId": "238279", "imageBadge": "Online", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 3 }, { "courseId": "236719", "imageBadge": "Online", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 4 } ] }, "uniqueId": "fc-block-1-wzfr7ialu", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-eh12c5xym", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#1B52B7", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202410/165558-1395/웹---상세페이지-배너.webp", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202410/165615-1395/모바일---상세페이지-배너.webp", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "https://forms.gle/c5rroDMAPEujmH9f8" }, "uniqueId": "fc-block-1-7d1vqmcyh", "isChecked": false, "hasSyntaxErrorTags": false, "hidden": true }, { "id": "fc-block-2-hmmyo4oci", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": "60", "paddingBottom": "30", "backgroundColor": "#000000", "useTextCenter": false, "textSize": "fc-h4-text", "textColor": "#ffffff", "text": "\nKursus tingkat kepuasan \n\n\n *dari 10\n
\nIni adalah ulasan asli dari para peserta kursus.\n" }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-1-60wvizeti", "isChecked": false }, { "id": "fc-block-3-ffojvuttl", "layout": { "id": "212", "description": "자동재생 캐러셀 (인피니티루프, 셔플)", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "autoPlay", "type": "checkbox", "description": "default - on", "options": [ "3", "2" ] }, { "name": "shuffleOption", "type": "checkbox", "description": "컨텐츠의 순서를 셔플해서 보여주는 기능입니다.", "options": [ "3", "2" ] }, { "name": "autoPlayDelay", "type": "number", "description": "숫자를 입력하여 자동 재생되는 타이밍을 조절할 수 있습니다.
단위는 ms(밀리세컨드)로 조절됩니다.
1초 = 1000ms" }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) content1(14px)", "options": [ "text--h5", "text--h6", "text--content1" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) content1(14px)", "options": [ "text--h5", "text--h6", "text--content1" ] }, { "name": "cards", "type": "list", "description": "카드는 반드시 규칙을 맞춰서 작성해주세요.
- 2단 설정 : 3개 이상 작성할 것
- 3단 설정 : 4개 이상 작성할 것", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "파일 업로드" }, { "name": "text1", "type": "text", "description": "자유 입력" }, { "name": "text2", "type": "text", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "autoPlay": true, "shuffleOption": false, "autoPlayDelay": 2500, "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "text--h5", "text2Size": "text--h6", "cards": [ { "imageUrl": "", "text1": "", "text2": "", "link": "" }, { "imageUrl": "", "text1": "", "text2": "", "link": "" }, { "imageUrl": "", "text1": "", "text2": "", "link": "" } ] }, "template": "rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>;\n \"\n>\n
\">\n
\n
\n \"\n data-column-count=\"<%= columnCount %>\"\n data-shuffle=\"<%= shuffleOption %>\"\n data-autoplay=\"<%= autoPlay %>\"\n data-delay=\"<%= autoPlayDelay %>\"\n >\n <% cards.forEach(({ imageUrl, text1, text2, link }) => { %>\n
\n <% if (link) { %> \"> <% } %> \n
\">\n <% if (imageUrl) { %>\n \" alt=\"\" loading=\"lazy\" />\n <% } %>\n
\n <% if (text1) { %>\n
\"><%= text1 %>
\n <% } %> <% if (text2) { %>\n
\"><%= text2 %>
\n <% } %>\n <% if (link) { %> <% } %> \n
\n <% }); %>\n \n
\n
\n
\n\n" }, "values": { "paddingTop": "0", "paddingBottom": "100", "columnCount": "2", "autoPlay": true, "shuffleOption": false, "autoPlayDelay": "2000", "backgroundColor": "#000000", "colorTheme": "theme-dark-mono", "text1Size": "text--h5", "text2Size": "text--h6", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/153024-199/review-1.webp", "text1": "", "text2": "", "link": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/153028-199/review-2.webp", "text1": "", "text2": "", "link": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/153031-199/review-3.webp", "text1": "", "text2": "", "link": "" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/153036-199/review-4.webp", "text1": "", "text2": "" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/153047-199/review-5.webp", "text1": "", "text2": "" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/153052-199/review-6.webp", "text1": "", "text2": "" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/153057-199/review-7.webp", "text1": "", "text2": "" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/153102-199/review-8.webp", "text1": "", "text2": "" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/153107-199/review-9.webp", "text1": "", "text2": "" } ] }, "hasSyntaxErrorTags": false, "uniqueId": "fc-block-2-bua2y1yuk", "isChecked": false }, { "id": "fc-block-1-qzm0iisjh", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#191919", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202403/125606-472/introduction---trust.webp", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202403/131455-472/introduction---trust-mob-1.webp", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-1-5drnvtrkl", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-35-3szxympov", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "60", "backgroundColor": "#000000" }, "uniqueId": "fc-block-62-tf4u346pk", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-67-96yht6zsz", "layout": { "id": "502", "description": "1단 아코디언 리스트 (FAQ 전용)", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapseAll", "type": "checkbox", "description": "" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "title1", "type": "text", "description": "title1 text" }, { "name": "content1", "type": "textarea", "description": "content1 text" }, { "name": "title2", "type": "text", "description": "title2 text" }, { "name": "content2", "type": "textarea", "description": "content2 text" }, { "name": "title3", "type": "text", "description": "title3 text" }, { "name": "content3", "type": "textarea", "description": "content3 text" }, { "name": "title4", "type": "text", "description": "title4 text" }, { "name": "content4", "type": "textarea", "description": "content4 text" }, { "name": "title5", "type": "text", "description": "title5 text" }, { "name": "content5", "type": "textarea", "description": "content5 text" }, { "name": "title6", "type": "text", "description": "title6 text" }, { "name": "content6", "type": "textarea", "description": "content6 text" }, { "name": "title7", "type": "text", "description": "title7 text" }, { "name": "content7", "type": "textarea", "description": "content7 text" }, { "name": "title8", "type": "text", "description": "title8 text" }, { "name": "content8", "type": "textarea", "description": "content8 text" }, { "name": "title9", "type": "text", "description": "title9 text" }, { "name": "content9", "type": "textarea", "description": "content9 text" }, { "name": "title10", "type": "text", "description": "title10 text" }, { "name": "content10", "type": "textarea", "description": "content10 text" }, { "name": "title11", "type": "text", "description": "title11 text" }, { "name": "content11", "type": "textarea", "description": "content11 text" }, { "name": "title12", "type": "text", "description": "title12 text" }, { "name": "content12", "type": "textarea", "description": "content12 text" }, { "name": "title13", "type": "text", "description": "title13 text" }, { "name": "content13", "type": "textarea", "description": "content13 text" }, { "name": "title14", "type": "text", "description": "title14 text" }, { "name": "content14", "type": "textarea", "description": "content14 text" }, { "name": "title15", "type": "text", "description": "title15 text" }, { "name": "content15", "type": "textarea", "description": "content15 text" }, { "name": "title16", "type": "text", "description": "title16 text" }, { "name": "content16", "type": "textarea", "description": "content16 text" }, { "name": "title17", "type": "text", "description": "title17 text" }, { "name": "content17", "type": "textarea", "description": "content17 text" }, { "name": "title18", "type": "text", "description": "title18 text" }, { "name": "content18", "type": "textarea", "description": "content18 text" }, { "name": "contentLinkTitle", "type": "text", "description": "content link title" }, { "name": "contentLink", "type": "url", "description": "content link" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "contentLinkDescription", "type": "text", "description": "content link description" } ], "values": { "backgroundColor": "", "collapseAll": false, "textSize": "fc-h6-text", "title1": "", "content1": "", "title2": "", "content2": "", "title3": "", "content3": "", "title4": "", "content4": "", "title5": "", "content5": "", "title6": "", "content6": "", "title7": "", "content7": "", "title8": "", "content8": "", "title9": "", "content9": "", "title10": "", "content10": "", "title11": "", "content11": "", "title12": "", "content12": "", "title13": "", "content13": "", "title14": "", "content14": "", "title15": "", "content15": "", "title16": "", "content16": "", "title17": "", "content17": "", "title18": "", "content18": "", "contentLinkTitle": "1:1 문의하기", "contentLinkDescription": "해당 사항이 없다면 1:1 문의 게시판을 이용해주세요", "useNewTab": true, "contentLink": "https://fastcampus.co.kr" }, "template": "
background-color: <%= backgroundColor %><% } %>\">\n
\n
\n
\n <% if (title1 || content1) { %>\n
\n \">\n >\n \n <%= title1 %>\n \n \"><%= content1 %>\n \n
\n <% } %>\n <% if (title2 || content2) { %>\n
\n \">\n >\n \n <%= title2 %>\n \n \"><%= content2 %>\n \n
\n <% } %>\n <% if (title3 || content3) { %>\n
\n \">\n >\n \n <%= title3 %>\n \n \"><%= content3 %>\n \n
\n <% } %>\n <% if (title4 || content4) { %>\n
\n \">\n >\n \n <%= title4 %>\n \n \"><%= content4 %>\n \n
\n <% } %>\n <% if (title5 || content5) { %>\n
\n \">\n >\n \n <%= title5 %>\n \n \"><%= content5 %>\n \n
\n <% } %>\n <% if (title6 || content6) { %>\n
\n \">\n >\n \n <%= title6 %>\n \n \"><%= content6 %>\n \n
\n <% } %>\n <% if (title7 || content7) { %>\n
\n \">\n >\n \n <%= title7 %>\n \n \"><%= content7 %>\n \n
\n <% } %>\n <% if (title8 || content8) { %>\n
\n \">\n >\n \n <%= title8 %>\n \n \"><%= content8 %>\n \n
\n <% } %>\n <% if (title9 || content9) { %>\n
\n \">\n >\n \n <%= title9 %>\n \n \"><%= content9 %>\n \n
\n <% } %>\n <% if (title10 || content10) { %>\n
\n \">\n >\n \n <%= title10 %>\n \n \"><%= content10 %>\n \n
\n <% } %>\n <% if (title11 || content11) { %>\n
\n \">\n >\n \n <%= title11 %>\n \n \"><%= content11 %>\n \n
\n <% } %>\n <% if (title12 || content12) { %>\n
\n \">\n >\n \n <%= title12 %>\n \n \"><%= content12 %>\n \n
\n <% } %>\n <% if (title13 || content13) { %>\n
\n \">\n >\n \n <%= title13 %>\n \n \"><%= content13 %>\n \n
\n <% } %>\n <% if (title14 || content14) { %>\n
\n \">\n >\n \n <%= title14 %>\n \n \"><%= content14 %>\n \n
\n <% } %>\n <% if (title15 || content15) { %>\n
\n \">\n >\n \n <%= title15 %>\n \n \"><%= content15 %>\n \n
\n <% } %>\n <% if (title16 || content16) { %>\n
\n \">\n >\n \n <%= title16 %>\n \n \"><%= content16 %>\n \n
\n <% } %>\n <% if (title17 || content17) { %>\n
\n \">\n >\n \n <%= title17 %>\n \n \"><%= content17 %>\n \n
\n <% } %>\n <% if (title18 || content18) { %>\n
\n \">\n >\n \n <%= title18 %>\n \n \"><%= content18 %>\n \n
\n <% } %>\n
\n
\n <% if (contentLinkTitle || contentLinkDescription) { %>\n
\n
<%=contentLinkDescription%>
\n <% if (contentLink && contentLinkTitle) { %>\n
\n \" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>> <%= contentLinkTitle %> \n
\n <% } %>\n
\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "#000000", "collapseAll": true, "textSize": "fc-content-text", "title1": " Penting untuk Diketahui", "content1": "\n\n- Informasi di halaman ini dapat berubah sewaktu-waktu tanpa pemberitahuan sebelumnya.
\n- Kurikulum dapat ditambah, dikurangi, atau dimodifikasi selama proses pengembangan.
\n- Promosi diskon dapat berakhir lebih awal atau diperpanjang tanpa pemberitahuan sebelumnya, tergantung pada situasinya.
\n- 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 }, { "id": "fc-block-8-xr9gtg7u4", "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": "#282828" }, "uniqueId": "fc-block-64-4x87r5lcd", "isChecked": false, "hasSyntaxErrorTags": false } ]

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

COUPON

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title4 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title4 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title4 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

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

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

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

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

<%= title %>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

\">\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] Bangun 3 aplikasi nyata untuk mempelajari iOS Development

Informasi detail kelas

(IDN) [Paket All-in-One] Bangun 3 aplikasi nyata untuk mempelajari Pengembangan iOS ( 11/25 ~ ) Details