[ { "id": "c4jqtjnn", "layout": { "id": "899", "meta": { "description": "직접 편집", "icon": "\n" }, "params": { "html": { "name": "html", "label": "HTML", "type": "textarea", "description": "" } }, "defaultValues": { "html": "

hello world!!

" }, "template": "

\n <%= html %>\n

\n\n" }, "values": { "html": "\n" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "1ozi201v", "layout": "899", "values": { "html": "" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "kr0dq50w", "layout": "899", "values": { "html": "" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "lwjwxhe2", "layout": "899", "values": { "html": "" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "6uq4w5c9", "layout": "899", "values": { "html": "" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "8r419o9y", "layout": { "id": "103", "meta": { "description": "배경이미지가 있는 1단 텍스트", "icon": "\n" }, "params": { "paddingTop": { "name": "paddingTop", "label": "패딩: 위", "type": "number", "description": "" }, "paddingBottom": { "name": "paddingBottom", "label": "패딩: 아래", "type": "number", "description": "" }, "backgroundColor": { "name": "backgroundColor", "label": "배경 색", "type": "text", "description": "" }, "useTextLeft": { "name": "useTextLeft", "label": "텍스트 왼쪽 정렬", "type": "checkbox", "description": "" }, "backgroundColorOpacity": { "name": "backgroundColorOpacity", "label": "배경 색 투명도", "type": "number", "description": "1~100" }, "backgroundImageUrl": { "name": "backgroundImageUrl", "label": "배경 이미지", "type": "image", "description": "1920 x auto" }, "mobileBackgroundImageUrl": { "name": "mobileBackgroundImageUrl", "label": "모바일 배경 이미지", "type": "image", "description": "" }, "textColor": { "name": "textColor", "label": "텍스트 색", "type": "text", "description": "font color" }, "textSize1": { "name": "textSize1", "label": "텍스트 크기 1", "type": "select", "description": "", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, "text1": { "name": "text1", "label": "텍스트 1", "type": "textarea", "description": "" }, "textSize2": { "name": "textSize2", "label": "텍스트 크기 2", "type": "select", "description": "", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, "text2": { "name": "text2", "label": "텍스트 2", "type": "textarea", "description": "" } }, "defaultValues": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextLeft": false, "backgroundColorOpacity": 50, "backgroundImageUrl": "", "mobileBackgroundImageUrl": "", "textColor": "#000000", "textSize1": "fc-h1-text", "text1": "", "textSize2": "fc-content-text", "text2": "" }, "template": "

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

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

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

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

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

\n <% } %>\n

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

\n" }, "values": { "paddingTop": "80", "paddingBottom": "0", "backgroundColor": "", "useTextLeft": false, "backgroundColorOpacity": 50, "backgroundImageUrl": "https://cdn.day1company.io/prod/uploads/202604/092351-1386/kv.png", "mobileBackgroundImageUrl": "https://cdn.day1company.io/prod/uploads/202604/154547-1386/kv-m.png", "textColor": "#FFF", "textSize1": "fc-content-text", "text1": "국비지원 · 오프라인 과정 6/9 개강\n", "textSize2": "fc-content-text", "text2": "
\n
\n\nAI UIUX 디자인
\n취업 스쿨\n
\n\n디자인부터 구현까지 한 번에
\nAI로 완성하는 실무 포트폴리오\n\n\n" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "muiewyv7", "layout": { "id": "405", "meta": { "description": "1~4단 컬러카드", "icon": "\n" }, "params": { "spacingTop": { "name": "spacingTop", "label": "간격: 위", "type": "number", "description": "spacing-top" }, "spacingBottom": { "name": "spacingBottom", "label": "간격: 아래", "type": "number", "description": "spacing-bottom" }, "useTextCenter": { "name": "useTextCenter", "label": "텍스트 가운데 정렬", "type": "checkbox", "description": "" }, "backgroundColor": { "name": "backgroundColor", "label": "배경 색", "type": "text", "description": "" }, "useColumnInMobile": { "name": "useColumnInMobile", "label": "모바일 다단 표시", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, "cardGapInUseColumn": { "name": "cardGapInUseColumn", "type": "number", "description": "모바일 2단 컬럼에서 카드 간격 (rem단위) (기본 3rem)" }, "textColor": { "name": "textColor", "label": "텍스트 색", "type": "text", "description": "" }, "buttonColor": { "name": "buttonColor", "label": "버튼 색", "type": "text", "description": "" }, "buttonTextColor": { "name": "buttonTextColor", "label": "버튼 텍스트 색", "type": "text", "description": "" }, "titleSize": { "name": "titleSize", "label": "제목 크기", "type": "select", "description": "", "options": [ "fc-h5-text", "fc-h6-text" ] }, "mainTextSize": { "name": "mainTextSize", "label": "메인 텍스트 크기", "type": "select", "description": "", "options": [ "fc-h4-text", "fc-h5-text", "fc-h6-text" ] }, "subTextSize": { "name": "subTextSize", "label": "서브 텍스트 크기", "type": "select", "description": "", "options": [ "fc-h6-text", "fc-content-text" ] }, "cardColor1": { "name": "cardColor1", "label": "카드 색 1", "type": "text", "description": "" }, "title1": { "name": "title1", "label": "제목 1", "type": "text", "description": "" }, "main1": { "name": "main1", "label": "메인 내용 1", "type": "textarea", "description": "" }, "sub1": { "name": "sub1", "label": "서브 내용 1", "type": "textarea", "description": "" }, "useNewTab1": { "name": "useNewTab1", "label": "새 탭에서 열기 1", "type": "checkbox", "description": "" }, "link1": { "name": "link1", "label": "링크 1", "type": "text", "description": "" }, "buttonLabel1": { "name": "buttonLabel1", "label": "버튼 레이블 1", "type": "text", "description": "운영 규칙: 12자 이내" }, "cardColor2": { "name": "cardColor2", "label": "카드 색 2", "type": "text", "description": "" }, "title2": { "name": "title2", "label": "제목 2", "type": "text", "description": "" }, "main2": { "name": "main2", "label": "메인 내용 2", "type": "textarea", "description": "" }, "sub2": { "name": "sub2", "label": "서브 내용 2", "type": "textarea", "description": "" }, "useNewTab2": { "name": "useNewTab2", "label": "새 탭에서 열기 2", "type": "checkbox", "description": "" }, "link2": { "name": "link2", "label": "링크 2", "type": "text", "description": "" }, "buttonLabel2": { "name": "buttonLabel2", "label": "버튼 레이블 2", "type": "text", "description": "운영 규칙: 12자 이내" }, "cardColor3": { "name": "cardColor3", "label": "카드 색 3", "type": "text", "description": "" }, "title3": { "name": "title3", "label": "제목 3", "type": "text", "description": "" }, "main3": { "name": "main3", "label": "메인 내용 3", "type": "textarea", "description": "" }, "sub3": { "name": "sub3", "label": "서브 내용 3", "type": "textarea", "description": "" }, "useNewTab3": { "name": "useNewTab3", "label": "새 탭에서 열기 3", "type": "checkbox", "description": "" }, "link3": { "name": "link3", "label": "링크 3", "type": "text", "description": "" }, "buttonLabel3": { "name": "buttonLabel3", "label": "버튼 레이블 3", "type": "text", "description": "운영 규칙: 12자 이내" }, "cardColor4": { "name": "cardColor4", "label": "카드 색 4", "type": "text", "description": "" }, "title4": { "name": "title4", "label": "제목 4", "type": "text", "description": "" }, "main4": { "name": "main4", "label": "메인 내용 4", "type": "textarea", "description": "" }, "sub4": { "name": "sub4", "label": "서브 내용 4", "type": "textarea", "description": "" }, "useNewTab4": { "name": "useNewTab4", "label": "새 탭에서 열기 4", "type": "checkbox", "description": "" }, "link4": { "name": "link4", "label": "링크 4", "type": "text", "description": "" }, "buttonLabel4": { "name": "buttonLabel4", "label": "버튼 레이블 4", "type": "text", "description": "운영 규칙: 12자 이내" } }, "defaultValues": { "spacingTop": 0, "spacingBottom": 0, "useTextCenter": false, "backgroundColor": "#ffffff", "useColumnInMobile": false, "cardGapInUseColumn": 2, "textColor": "#000000", "buttonColor": "#E4FF18", "buttonTextColor": "#000000", "titleSize": "fc-h5-text", "mainTextSize": "fc-h4-text", "subTextSize": "fc-h6-text", "cardColor1": "#ff947a", "title1": "", "main1": "", "sub1": "", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#88abff", "title2": "", "main2": "", "sub2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#c88dff", "title3": "", "main3": "", "sub3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "", "cardColor4": "#91eaa2", "title4": "", "main4": "", "sub4": "", "useNewTab4": true, "link4": "", "buttonLabel4": "" }, "template": "

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

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

\n" }, "values": { "spacingTop": 0, "spacingBottom": "80", "useTextCenter": false, "backgroundColor": "#000", "useColumnInMobile": false, "cardGapInUseColumn": 2, "textColor": "#fff", "buttonColor": "#E4FF18", "buttonTextColor": "#E4FF18", "titleSize": "fc-h6-text", "mainTextSize": "fc-h6-text", "subTextSize": "fc-content-text", "cardColor1": "#1E1E1E", "title1": " 1기 모집 기간", "main1": "~ 2026년 6월 9일 (화) 마감\n\n*선착순 정원 초과 시 마감\n", "sub1": "", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#222", "title2": " 수강기간", "main2": "\n2026년 6월 9일 (화)
\n~ 2026년 11월 4일 (수)\n\n\n", "sub2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#222", "title3": " 수강료", "main3": "~~6,540,560원~~ → 자비부담금 40만원\n
\n\n*국비 6,140,560원 지원
\n(국민내일배움카드 보유 시 바로 수강가능)\n", "sub3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "", "cardColor4": "", "title4": "", "main4": "", "sub4": "", "useNewTab4": true, "link4": "", "buttonLabel4": "" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "eds0h0e2", "layout": { "id": "803", "meta": { "description": "앵커탭바", "icon": "\n" }, "params": { "paddingTop": { "name": "paddingTop", "label": "패딩: 위", "type": "number", "description": "" }, "paddingBottom": { "name": "paddingBottom", "label": "패딩: 아래", "type": "number", "description": "" }, "colorTheme": { "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" ] }, "pointColor": { "name": "pointColor", "label": "포인트 컬러", "type": "text", "description": "· 테마 자유형 선택시, pointColor 입력 (입력하지 않는 경우 #000 흰색으로 보여짐)
· 테마 고정형에서는 작동하지 않음" }, "enableMobileScroll": { "name": "enableMobileScroll", "label": "모바일에서 스크롤", "type": "checkbox", "description": "모바일에서 앵커탭바 가로스크롤 필요한 경우 체크
체크O: 모바일에서 앵커 메뉴 길이가 화면 사이즈보다 넘칠 경우 스크롤됨.
체크X: 모바일에서 화면 가로 너비에 맞게 고루 배치됩니다.
모바일 미리보기 페이지에서 미리 체크 권장." }, "tabs": { "name": "tabs", "label": "탭", "type": "list", "description": "", "maxLength": 20, "params": { "label": { "name": "label", "label": "레이블", "type": "text", "description": "키보드 spacing 사용시 단어 단위로 줄바꿈 될 수 있음
미리보기 페이지에서 확인 필요" }, "id": { "name": "id", "label": "ID", "type": "text", "description": "· 메뉴 클릭시 이동할 위치 지정
· 자유입력 가능하며, 804 레이어에 지정할 id와 동일한 텍스트 입력
· 사용자가 메뉴를 클릭시, 해당 레이어 위치로 화면이 스크롤 됨
" } } } }, "defaultValues": { "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": "커리큘럼", "id": "커리큘럼" }, { "label": "포트폴리오", "id": "포트폴리오" }, { "label": "수강료", "id": "수강료" }, { "label": "혜택", "id": "혜택" } ] }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "qlhi41f8", "layout": { "id": "101", "meta": { "description": "1단 자유 텍스트", "icon": "\n" }, "params": { "paddingTop": { "name": "paddingTop", "label": "패딩: 위", "type": "number", "description": "" }, "paddingBottom": { "name": "paddingBottom", "label": "패딩: 아래", "type": "number", "description": "" }, "backgroundColor": { "name": "backgroundColor", "label": "배경 색", "type": "text", "description": "" }, "useTextCenter": { "name": "useTextCenter", "label": "텍스트 가운데 정렬", "type": "checkbox", "description": "" }, "textSize": { "name": "textSize", "label": "텍스트 크기", "type": "select", "description": "", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, "textColor": { "name": "textColor", "label": "텍스트 색", "type": "text", "description": "" }, "text": { "name": "text", "label": "텍스트", "type": "textarea", "description": "" } }, "defaultValues": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

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

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

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

\n" }, "values": { "paddingTop": "60", "paddingBottom": "5", "backgroundColor": "#1D1D1D", "useTextCenter": true, "textSize": "fc-h1-text", "textColor": "#000000", "text": "2026년 트렌드" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "2synjm6u", "layout": "101", "values": { "paddingTop": "0", "paddingBottom": "0", "backgroundColor": "#1D1D1D", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#FFF", "text": "2026년,
\n디자이너의 기준이 달라졌습니다." }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "iayj85go", "layout": "101", "values": { "paddingTop": "15", "paddingBottom": "40", "backgroundColor": "#1D1D1D", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#FFF", "text": "UX/UI 디자이너의 취업 트렌드가 바뀌고 있습니다." }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "wh7j6o8w", "layout": { "id": "201", "meta": { "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n" }, "params": { "backgroundColor": { "name": "backgroundColor", "label": "배경 색", "type": "text", "description": "" }, "useImageLeft": { "name": "useImageLeft", "label": "이미지 왼쪽 정렬", "type": "checkbox", "description": "use image center" }, "imageUrl": { "name": "imageUrl", "label": "이미지 URL", "type": "image", "description": "" }, "mobileImageUrl": { "name": "mobileImageUrl", "label": "모바일 이미지", "type": "image", "description": "" }, "imageWidth": { "name": "imageWidth", "label": "이미지 너비", "type": "number", "description": "" }, "alt": { "name": "alt", "label": "대체 텍스트", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, "useNewTab": { "name": "useNewTab", "label": "새 탭에서 열기", "type": "checkbox", "description": "" }, "link": { "name": "link", "label": "링크", "type": "text", "description": "" } }, "defaultValues": { "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": "#1D1D1D", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202604/095416-1386/비교-980px.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202604/154624-1386/group-2117904636.png", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "7uxmxja2", "layout": "101", "values": { "paddingTop": "40", "paddingBottom": "80", "backgroundColor": "#1D1D1D", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#FFF", "text": "UI/UX 디자이너의 필수 역량이 된 'AI'
\n실제 채용공고가 증명합니다." }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "pev9kj9d", "layout": "101", "values": { "paddingTop": "60", "paddingBottom": "5", "backgroundColor": "#F3F3F3", "useTextCenter": true, "textSize": "fc-h1-text", "textColor": "#000000", "text": "실제 채용공고" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "t4ftnzt2", "layout": "101", "values": { "paddingTop": "0", "paddingBottom": "40", "backgroundColor": "#F3F3F3", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#000", "text": "현대차, 카카오, 토스가 찾는
\n디자이너는 AI를 다룰 줄 압니다." }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "qs0zjj8z", "layout": { "id": "212", "meta": { "description": "자동재생 캐러셀 (인피니티루프, 셔플)", "icon": "\n" }, "params": { "paddingTop": { "name": "paddingTop", "label": "패딩: 위", "type": "number", "description": "숫자 입력" }, "paddingBottom": { "name": "paddingBottom", "label": "패딩: 아래", "type": "number", "description": "숫자 입력" }, "columnCount": { "name": "columnCount", "label": "PC뷰 컬럼 수", "type": "select", "description": "default - 3columns", "options": [ "5", "4", "3", "2" ] }, "mobileColumnCount": { "name": "mobileColumnCount", "label": "모바일뷰 컬럼 수", "type": "select", "description": "default - 1columns", "options": [ "3", "2", "1" ] }, "autoPlay": { "name": "autoPlay", "label": "자동 재생", "type": "checkbox", "description": "default - on" }, "shuffleOption": { "name": "shuffleOption", "label": "섞기", "type": "checkbox", "description": "컨텐츠의 순서를 셔플해서 보여주는 기능입니다.", "options": [ "3", "2" ] }, "autoPlayDelay": { "name": "autoPlayDelay", "label": "자동재생 간격 (ms)", "type": "number", "description": "숫자를 입력하여 자동 재생되는 타이밍을 조절할 수 있습니다.
단위는 ms(밀리세컨드)로 조절됩니다.
1초 = 1000ms" }, "backgroundColor": { "name": "backgroundColor", "label": "배경 색", "type": "text", "description": "배경 색상" }, "colorTheme": { "name": "colorTheme", "label": "색상 테마", "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" ] }, "text1Size": { "name": "text1Size", "label": "텍스트 크기 1", "type": "select", "description": "h5(20px), h6(16px), content1(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, "text2Size": { "name": "text2Size", "label": "텍스트 크기 2", "type": "select", "description": "h5(20px), h6(16px), content1(14px)", "options": [ "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, "cards": { "name": "cards", "label": "카드", "type": "list", "description": "카드는 반드시 규칙을 맞춰서 작성해주세요.
- 2단 설정 : 3개 이상 작성할 것
- 3단 설정 : 4개 이상 작성할 것
- 4단 설정 : 5개 이상 작성할 것
- 5단 설정 : 6개 이상 작성할 것", "maxLength": 20, "params": { "link": { "name": "link", "label": "링크", "type": "text", "description": "" }, "imageUrl": { "name": "imageUrl", "label": "이미지 URL", "type": "image", "description": "" }, "text1": { "name": "text1", "label": "텍스트 1", "type": "text", "description": "" }, "text2": { "name": "text2", "label": "텍스트 2", "type": "text", "description": "" } } } }, "defaultValues": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "mobileColumnCount": "1", "autoPlay": true, "shuffleOption": false, "autoPlayDelay": 2500, "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "", "text1": "", "text2": "", "link": "" }, { "imageUrl": "", "text1": "", "text2": "", "link": "" }, { "imageUrl": "", "text1": "", "text2": "", "link": "" } ] }, "template": "rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>;\n \"\n>\n

\">\n

\n \"\n data-column-count=\"<%= columnCount %>\"\n data-shuffle=\"<%= shuffleOption %>\"\n data-autoplay=\"<%= autoPlay %>\"\n data-delay=\"<%= autoPlayDelay %>\"\n >\n <% cards.forEach(({ imageUrl, text1, text2, link }) => { %>\n

\n <% if (link) { %> \"> <% } %> \n

\">\n <% if (imageUrl) { %>\n

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

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

\"><%= text1 %>

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

\"><%= text2 %>

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

\n <% }); %>\n \n

\n\n" }, "values": { "paddingTop": "0", "paddingBottom": "80", "columnCount": "3", "mobileColumnCount": "1", "autoPlay": true, "shuffleOption": false, "autoPlayDelay": 2500, "backgroundColor": "#F3F3F3", "colorTheme": "theme-light-red", "text1Size": "fc-h5-text", "text2Size": "fc-h6-text", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202604/095742-1386/채용공고1.png", "text1": "", "text2": "", "link": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202604/095747-1386/채용공고2.png", "text1": "", "text2": "", "link": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202604/095752-1386/채용공고3.png", "text1": "", "text2": "", "link": "" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202604/095808-1386/채용공고4.png", "text1": "", "text2": "" } ] }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "iz848cnl", "layout": { "id": "804", "meta": { "description": "앵커 탭 영역", "icon": "\n" }, "params": { "id": { "name": "id", "label": "ID", "type": "text", "description": "" } }, "defaultValues": { "id": "" }, "template": "\n" }, "values": { "id": "설명회" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "3efkzwjz", "layout": "103", "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextLeft": false, "backgroundColorOpacity": 50, "backgroundImageUrl": "https://cdn.day1company.io/prod/uploads/202605/134214-1374/rectangle-240653432.png", "mobileBackgroundImageUrl": "", "textColor": "#000000", "textSize1": "fc-h1-text", "text1": "
\n\n\n

\n\n\n

\n\n", "textSize2": "fc-content-text", "text2": "" }, "meta": { "hidden": true, "label": "" }, "hidden": true }, { "id": "xdqm81xb", "layout": { "id": "001", "meta": { "description": "레이아웃 간격", "icon": "\n" }, "params": { "spacing": { "name": "spacing", "label": "간격", "type": "number", "description": "" }, "backgroundColor": { "name": "backgroundColor", "label": "배경 색", "type": "text", "description": "" } }, "defaultValues": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

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

\n" }, "values": { "spacing": "25", "backgroundColor": "#010824" }, "meta": { "hidden": true, "label": "" }, "hidden": true }, { "id": "qe8htur1", "layout": "201", "values": { "backgroundColor": "#010824", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202605/134446-1374/pp.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202605/134450-1374/mo-3.png", "imageWidth": 980, "alt": "설명회_포함", "useNewTab": true, "link": "https://docs.google.com/forms/d/e/1FAIpQLScquCl2YyReiMtl8_SSxR36Ip7zTDx1IbXmtKkvQp_r5vR2zQ/viewform?usp=send_form" }, "meta": { "hidden": true, "label": "" }, "hidden": true }, { "id": "vf96y9oa", "layout": "101", "values": { "paddingTop": "60", "paddingBottom": "60", "backgroundColor": "background: #964CFF; background: radial-gradient(circle, rgba(150, 76, 255, 1) 0%, rgba(108, 53, 255, 1) 33%, rgba(23, 0, 83, 1) 83%);", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#FFF", "text": "근데... 나는 AI는 커녕
\n디자인툴도 잘 못 다루는데?" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "9axec2z5", "layout": "201", "values": { "backgroundColor": "#000", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202604/100032-1386/arrow.png", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202604/154857-1386/arrow2.png", "imageWidth": "480", "alt": "", "useNewTab": true, "link": "" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "7civgc12", "layout": "001", "values": { "spacing": "40", "backgroundColor": "#000" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "2zscd8a1", "layout": "201", "values": { "backgroundColor": "#000", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202604/100131-1386/group-2086390474.png", "mobileImageUrl": "", "imageWidth": "480", "alt": "", "useNewTab": true, "link": "" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "tves8c3k", "layout": "001", "values": { "spacing": "20", "backgroundColor": "#000" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "jxn9ckfy", "layout": "899", "values": { "html": "" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "v0h47qwb", "layout": "101", "values": { "paddingTop": "0", "paddingBottom": "80", "backgroundColor": "#000", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "

\n\n

" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "lzwj9vw2", "layout": "804", "values": { "id": "멘토" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "hchwxmpw", "layout": "101", "values": { "paddingTop": "80", "paddingBottom": "40", "backgroundColor": "#110139", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#FFF", "text": "현업 UIUX 디자이너가
\n4개월동안 옆에서 직접 알려주니까." }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "e4g30cqr", "layout": { "id": "202", "meta": { "description": "1~4단 이미지", "icon": "\n" }, "params": { "columnCount": { "name": "columnCount", "label": "컬럼 수", "type": "number", "description": "maximum 4" }, "columnMargin": { "name": "columnMargin", "label": "컬럼 여백", "type": "number", "description": "" }, "paddingTop": { "name": "paddingTop", "label": "패딩: 위", "type": "number", "description": "" }, "paddingBottom": { "name": "paddingBottom", "label": "패딩: 아래", "type": "number", "description": "" }, "useColumnInMobile": { "name": "useColumnInMobile", "label": "모바일 다단 표시", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, "backgroundColor": { "name": "backgroundColor", "label": "배경 색", "type": "text", "description": "" }, "imageUrl1": { "name": "imageUrl1", "label": "이미지 1", "type": "image", "description": "" }, "useNewTab1": { "name": "useNewTab1", "label": "새 탭에서 열기 1", "type": "checkbox", "description": "" }, "link1": { "name": "link1", "label": "링크 1", "type": "text", "description": "" }, "imageUrl2": { "name": "imageUrl2", "label": "이미지 2", "type": "image", "description": "" }, "useNewTab2": { "name": "useNewTab2", "label": "새 탭에서 열기 2", "type": "checkbox", "description": "" }, "link2": { "name": "link2", "label": "링크 2", "type": "text", "description": "" }, "imageUrl3": { "name": "imageUrl3", "label": "이미지 3", "type": "image", "description": "" }, "useNewTab3": { "name": "useNewTab3", "label": "새 탭에서 열기 3", "type": "checkbox", "description": "" }, "link3": { "name": "link3", "label": "링크 3", "type": "text", "description": "" }, "imageUrl4": { "name": "imageUrl4", "label": "이미지 4", "type": "image", "description": "" }, "useNewTab4": { "name": "useNewTab4", "label": "새 탭에서 열기 4", "type": "checkbox", "description": "" }, "link4": { "name": "link4", "label": "링크 4", "type": "text", "description": "" }, "imageUrl5": { "name": "imageUrl5", "label": "이미지 5", "type": "image", "description": "" }, "useNewTab5": { "name": "useNewTab5", "label": "새 탭에서 열기 5", "type": "checkbox", "description": "" }, "link5": { "name": "link5", "label": "링크 5", "type": "text", "description": "" }, "imageUrl6": { "name": "imageUrl6", "label": "이미지 6", "type": "image", "description": "" }, "useNewTab6": { "name": "useNewTab6", "label": "새 탭에서 열기 6", "type": "checkbox", "description": "" }, "link6": { "name": "link6", "label": "링크 6", "type": "text", "description": "" }, "imageUrl7": { "name": "imageUrl7", "label": "이미지 7", "type": "image", "description": "" }, "useNewTab7": { "name": "useNewTab7", "label": "새 탭에서 열기 7", "type": "checkbox", "description": "" }, "link7": { "name": "link7", "label": "링크 7", "type": "text", "description": "" }, "imageUrl8": { "name": "imageUrl8", "label": "이미지 8", "type": "image", "description": "" }, "useNewTab8": { "name": "useNewTab8", "label": "새 탭에서 열기 8", "type": "checkbox", "description": "" }, "link8": { "name": "link8", "label": "링크 8", "type": "text", "description": "" }, "imageUrl9": { "name": "imageUrl9", "label": "이미지 9", "type": "image", "description": "" }, "useNewTab9": { "name": "useNewTab9", "label": "새 탭에서 열기 9", "type": "checkbox", "description": "" }, "link9": { "name": "link9", "label": "링크 9", "type": "text", "description": "" }, "imageUrl10": { "name": "imageUrl10", "label": "이미지 10", "type": "image", "description": "" }, "useNewTab10": { "name": "useNewTab10", "label": "새 탭에서 열기 10", "type": "checkbox", "description": "" }, "link10": { "name": "link10", "label": "링크 10", "type": "text", "description": "" }, "imageUrl11": { "name": "imageUrl11", "label": "이미지 11", "type": "image", "description": "" }, "useNewTab11": { "name": "useNewTab11", "label": "새 탭에서 열기 11", "type": "checkbox", "description": "" }, "link11": { "name": "link11", "label": "링크 11", "type": "text", "description": "" }, "imageUrl12": { "name": "imageUrl12", "label": "이미지 12", "type": "image", "description": "" }, "useNewTab12": { "name": "useNewTab12", "label": "새 탭에서 열기 12", "type": "checkbox", "description": "" }, "link12": { "name": "link12", "label": "링크 12", "type": "text", "description": "" } }, "defaultValues": { "columnCount": 1, "columnMargin": 0, "paddingTop": 0, "paddingBottom": 0, "useColumnInMobile": false, "backgroundColor": "#ffffff", "imageUrl1": "", "useNewTab1": true, "link1": "", "imageUrl2": "", "useNewTab2": true, "link2": "", "imageUrl3": "", "useNewTab3": true, "link3": "", "imageUrl4": "", "useNewTab4": true, "link4": "", "imageUrl5": "", "useNewTab5": true, "link5": "", "imageUrl6": "", "useNewTab6": true, "link6": "", "imageUrl7": "", "useNewTab7": true, "link7": "", "imageUrl8": "", "useNewTab8": true, "link8": "", "imageUrl9": "", "useNewTab9": true, "link9": "", "imageUrl10": "", "useNewTab10": true, "link10": "", "imageUrl11": "", "useNewTab11": true, "link11": "", "imageUrl12": "", "useNewTab12": true, "link12": "" }, "template": "

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

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

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

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

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

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

UIUX 부트캠프

애드인에듀

AI UIUX 디자이너