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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

\n <% } %>\n

\n" }, "values": { "columnCount": "2", "columnMargin": "30", "paddingTop": "0", "paddingBottom": "30", "useColumnInMobile": true, "backgroundColor": "#121212", "imageUrl1": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202106/130805-465/coloso-gameprogramming-limhongchan-portfolio-web-01.png", "useNewTab1": true, "link1": "", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202106/130811-465/coloso-gameprogramming-limhongchan-portfolio-web-02.png", "useNewTab2": true, "link2": "", "imageUrl3": "", "useNewTab3": true, "link3": "", "imageUrl4": "", "useNewTab4": true, "link4": "", "imageUrl5": "", "useNewTab5": true, "link5": "", "imageUrl6": "", "useNewTab6": true, "link6": "", "imageUrl7": "", "useNewTab7": true, "link7": "", "imageUrl8": "", "useNewTab8": true, "link8": "", "imageUrl9": "", "useNewTab9": true, "link9": "", "imageUrl10": "", "useNewTab10": true, "link10": "", "imageUrl11": "", "useNewTab11": true, "link11": "", "imageUrl12": "", "useNewTab12": true, "link12": "", "imageAlt1": "임홍찬 3D 캐릭터 전신 모델링 포트폴리오", "imageAlt2": "임홍찬 3D 캐릭터 전신 모델링 포트폴리오" }, "uniqueId": "fc-block-1-jpyv0n5aa", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-3-qiy0mks9s", "layout": { "id": "202", "description": "1~4단 이미지", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPklNQUdFPC90c3Bhbj4KICAgIDwvdGV4dD4KICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik02IDdoMTd2MTBINnpNNiAyMmgxMHYxMEg2ek0yNyA3aDE3djEwSDI3ek0yMCAyMmgxMHYxMEgyMHpNMzQgMjJoMTB2MTBIMzR6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "columnCount", "type": "number", "description": "maximum 4" }, { "name": "columnMargin", "type": "number", "description": "column margin" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "imageUrl1", "type": "image", "description": "image1 url" }, { "name": "imageAlt1", "type": "text", "description": "image1 alt" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link url" }, { "name": "imageUrl2", "type": "image", "description": "image2 url" }, { "name": "imageAlt2", "type": "text", "description": "image2 alt" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link url" }, { "name": "imageUrl3", "type": "image", "description": "image3 url" }, { "name": "imageAlt3", "type": "text", "description": "image3 alt" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link url" }, { "name": "imageUrl4", "type": "image", "description": "image4 url" }, { "name": "imageAlt4", "type": "text", "description": "image4 alt" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "link4", "type": "text", "description": "link url" }, { "name": "imageUrl5", "type": "image", "description": "image5 url" }, { "name": "imageAlt5", "type": "text", "description": "image5 alt" }, { "name": "useNewTab5", "type": "checkbox", "description": "" }, { "name": "link5", "type": "text", "description": "link url" }, { "name": "imageUrl6", "type": "image", "description": "image6 url" }, { "name": "imageAlt6", "type": "text", "description": "image6 alt" }, { "name": "useNewTab6", "type": "checkbox", "description": "" }, { "name": "link6", "type": "text", "description": "link url" }, { "name": "imageUrl7", "type": "image", "description": "image7 url" }, { "name": "imageAlt7", "type": "text", "description": "image7 alt" }, { "name": "useNewTab7", "type": "checkbox", "description": "" }, { "name": "link7", "type": "text", "description": "link url" }, { "name": "imageUrl8", "type": "image", "description": "image8 url" }, { "name": "imageAlt8", "type": "text", "description": "image8 alt" }, { "name": "useNewTab8", "type": "checkbox", "description": "" }, { "name": "link8", "type": "text", "description": "link url" }, { "name": "imageUrl9", "type": "image", "description": "image9 url" }, { "name": "imageAlt9", "type": "text", "description": "image9 alt" }, { "name": "useNewTab9", "type": "checkbox", "description": "" }, { "name": "link9", "type": "text", "description": "link url" }, { "name": "imageUrl10", "type": "image", "description": "image10 url" }, { "name": "imageAlt10", "type": "text", "description": "image10 alt" }, { "name": "useNewTab10", "type": "checkbox", "description": "" }, { "name": "link10", "type": "text", "description": "link url" }, { "name": "imageUrl11", "type": "image", "description": "image11 url" }, { "name": "imageAlt11", "type": "text", "description": "image11 alt" }, { "name": "useNewTab11", "type": "checkbox", "description": "" }, { "name": "link11", "type": "text", "description": "link url" }, { "name": "imageUrl12", "type": "image", "description": "image12 url" }, { "name": "imageAlt12", "type": "text", "description": "image12 alt" }, { "name": "useNewTab12", "type": "checkbox", "description": "" }, { "name": "link12", "type": "text", "description": "link url" } ], "values": { "columnCount": 1, "columnMargin": 0, "paddingTop": 0, "paddingBottom": 0, "useColumnInMobile": false, "backgroundColor": "#ffffff", "imageUrl1": "", "useNewTab1": true, "link1": "", "imageUrl2": "", "useNewTab2": true, "link2": "", "imageUrl3": "", "useNewTab3": true, "link3": "", "imageUrl4": "", "useNewTab4": true, "link4": "", "imageUrl5": "", "useNewTab5": true, "link5": "", "imageUrl6": "", "useNewTab6": true, "link6": "", "imageUrl7": "", "useNewTab7": true, "link7": "", "imageUrl8": "", "useNewTab8": true, "link8": "", "imageUrl9": "", "useNewTab9": true, "link9": "", "imageUrl10": "", "useNewTab10": true, "link10": "", "imageUrl11": "", "useNewTab11": true, "link11": "", "imageUrl12": "", "useNewTab12": true, "link12": "" }, "template": "

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

\n <% } %>\n

\n" }, "values": { "columnCount": "2", "columnMargin": "30", "paddingTop": "0", "paddingBottom": "30", "useColumnInMobile": true, "backgroundColor": "#121212", "imageUrl1": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202106/130818-465/coloso-gameprogramming-limhongchan-portfolio-web-03.png", "useNewTab1": true, "link1": "", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202106/130822-465/coloso-gameprogramming-limhongchan-portfolio-web-04.png", "useNewTab2": true, "link2": "", "imageUrl3": "", "useNewTab3": true, "link3": "", "imageUrl4": "", "useNewTab4": true, "link4": "", "imageUrl5": "", "useNewTab5": true, "link5": "", "imageUrl6": "", "useNewTab6": true, "link6": "", "imageUrl7": "", "useNewTab7": true, "link7": "", "imageUrl8": "", "useNewTab8": true, "link8": "", "imageUrl9": "", "useNewTab9": true, "link9": "", "imageUrl10": "", "useNewTab10": true, "link10": "", "imageUrl11": "", "useNewTab11": true, "link11": "", "imageUrl12": "", "useNewTab12": true, "link12": "", "imageAlt1": "임홍찬 3D 캐릭터 전신 모델링 포트폴리오", "imageAlt2": "임홍찬 3D 캐릭터 전신 모델링 포트폴리오" }, "uniqueId": "fc-block-2-2ahse9l5f", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-2-m3m72v2ss", "layout": { "id": "202", "description": "1~4단 이미지", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPklNQUdFPC90c3Bhbj4KICAgIDwvdGV4dD4KICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik02IDdoMTd2MTBINnpNNiAyMmgxMHYxMEg2ek0yNyA3aDE3djEwSDI3ek0yMCAyMmgxMHYxMEgyMHpNMzQgMjJoMTB2MTBIMzR6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "columnCount", "type": "number", "description": "maximum 4" }, { "name": "columnMargin", "type": "number", "description": "column margin" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "imageUrl1", "type": "image", "description": "image1 url" }, { "name": "imageAlt1", "type": "text", "description": "image1 alt" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link url" }, { "name": "imageUrl2", "type": "image", "description": "image2 url" }, { "name": "imageAlt2", "type": "text", "description": "image2 alt" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link url" }, { "name": "imageUrl3", "type": "image", "description": "image3 url" }, { "name": "imageAlt3", "type": "text", "description": "image3 alt" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link url" }, { "name": "imageUrl4", "type": "image", "description": "image4 url" }, { "name": "imageAlt4", "type": "text", "description": "image4 alt" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "link4", "type": "text", "description": "link url" }, { "name": "imageUrl5", "type": "image", "description": "image5 url" }, { "name": "imageAlt5", "type": "text", "description": "image5 alt" }, { "name": "useNewTab5", "type": "checkbox", "description": "" }, { "name": "link5", "type": "text", "description": "link url" }, { "name": "imageUrl6", "type": "image", "description": "image6 url" }, { "name": "imageAlt6", "type": "text", "description": "image6 alt" }, { "name": "useNewTab6", "type": "checkbox", "description": "" }, { "name": "link6", "type": "text", "description": "link url" }, { "name": "imageUrl7", "type": "image", "description": "image7 url" }, { "name": "imageAlt7", "type": "text", "description": "image7 alt" }, { "name": "useNewTab7", "type": "checkbox", "description": "" }, { "name": "link7", "type": "text", "description": "link url" }, { "name": "imageUrl8", "type": "image", "description": "image8 url" }, { "name": "imageAlt8", "type": "text", "description": "image8 alt" }, { "name": "useNewTab8", "type": "checkbox", "description": "" }, { "name": "link8", "type": "text", "description": "link url" }, { "name": "imageUrl9", "type": "image", "description": "image9 url" }, { "name": "imageAlt9", "type": "text", "description": "image9 alt" }, { "name": "useNewTab9", "type": "checkbox", "description": "" }, { "name": "link9", "type": "text", "description": "link url" }, { "name": "imageUrl10", "type": "image", "description": "image10 url" }, { "name": "imageAlt10", "type": "text", "description": "image10 alt" }, { "name": "useNewTab10", "type": "checkbox", "description": "" }, { "name": "link10", "type": "text", "description": "link url" }, { "name": "imageUrl11", "type": "image", "description": "image11 url" }, { "name": "imageAlt11", "type": "text", "description": "image11 alt" }, { "name": "useNewTab11", "type": "checkbox", "description": "" }, { "name": "link11", "type": "text", "description": "link url" }, { "name": "imageUrl12", "type": "image", "description": "image12 url" }, { "name": "imageAlt12", "type": "text", "description": "image12 alt" }, { "name": "useNewTab12", "type": "checkbox", "description": "" }, { "name": "link12", "type": "text", "description": "link url" } ], "values": { "columnCount": 1, "columnMargin": 0, "paddingTop": 0, "paddingBottom": 0, "useColumnInMobile": false, "backgroundColor": "#ffffff", "imageUrl1": "", "useNewTab1": true, "link1": "", "imageUrl2": "", "useNewTab2": true, "link2": "", "imageUrl3": "", "useNewTab3": true, "link3": "", "imageUrl4": "", "useNewTab4": true, "link4": "", "imageUrl5": "", "useNewTab5": true, "link5": "", "imageUrl6": "", "useNewTab6": true, "link6": "", "imageUrl7": "", "useNewTab7": true, "link7": "", "imageUrl8": "", "useNewTab8": true, "link8": "", "imageUrl9": "", "useNewTab9": true, "link9": "", "imageUrl10": "", "useNewTab10": true, "link10": "", "imageUrl11": "", "useNewTab11": true, "link11": "", "imageUrl12": "", "useNewTab12": true, "link12": "" }, "template": "

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

\n <% } %>\n

\n" }, "values": { "columnCount": "2", "columnMargin": "30", "paddingTop": "0", "paddingBottom": "30", "useColumnInMobile": true, "backgroundColor": "#121212", "imageUrl1": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202106/130838-465/coloso-gameprogramming-limhongchan-portfolio-web-05.png", "useNewTab1": true, "link1": "", "imageUrl2": "https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202106/130829-465/coloso-gameprogramming-limhongchan-portfolio-web-06.png", "useNewTab2": true, "link2": "", "imageUrl3": "", "useNewTab3": true, "link3": "", "imageUrl4": "", "useNewTab4": true, "link4": "", "imageUrl5": "", "useNewTab5": true, "link5": "", "imageUrl6": "", "useNewTab6": true, "link6": "", "imageUrl7": "", "useNewTab7": true, "link7": "", "imageUrl8": "", "useNewTab8": true, "link8": "", "imageUrl9": "", "useNewTab9": true, "link9": "", "imageUrl10": "", "useNewTab10": true, "link10": "", "imageUrl11": "", "useNewTab11": true, "link11": "", "imageUrl12": "", "useNewTab12": true, "link12": "", "imageAlt1": "임홍찬 3D 캐릭터 전신 모델링 포트폴리오", "imageAlt2": "임홍찬 3D 캐릭터 전신 모델링 포트폴리오" }, "uniqueId": "fc-block-1-wy3m45lw1", "isChecked": false, "hasSyntaxErrorTags": false }, { "id": "fc-block-1-41znfclco", "layout": { "id": "202", "description": "1~4단 이미지", "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWg0OHY0OEgxeiIvPgogICAgPHRleHQgZmlsbD0iIzAwRiIgZm9udC1mYW1pbHk9IkxhdG8sICdTcG9xYSBIYW4gU2FucycsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjQwMCI+CiAgICAgIDx0c3BhbiB4PSIyNSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPklNQUdFPC90c3Bhbj4KICAgIDwvdGV4dD4KICAgIDxwYXRoIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik02IDdoMTd2MTBINnpNNiAyMmgxMHYxMEg2ek0yNyA3aDE3djEwSDI3ek0yMCAyMmgxMHYxMEgyMHpNMzQgMjJoMTB2MTBIMzR6Ii8+CiAgPC9nPgo8L3N2Zz4K", "params": [ { "name": "columnCount", "type": "number", "description": "maximum 4" }, { "name": "columnMargin", "type": "number", "description": "column margin" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "useColumnInMobile", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "imageUrl1", "type": "image", "description": "image1 url" }, { "name": "imageAlt1", "type": "text", "description": "image1 alt" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link url" }, { "name": "imageUrl2", "type": "image", "description": "image2 url" }, { "name": "imageAlt2", "type": "text", "description": "image2 alt" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link url" }, { "name": "imageUrl3", "type": "image", "description": "image3 url" }, { "name": "imageAlt3", "type": "text", "description": "image3 alt" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link url" }, { "name": "imageUrl4", "type": "image", "description": "image4 url" }, { "name": "imageAlt4", "type": "text", "description": "image4 alt" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "link4", "type": "text", "description": "link url" }, { "name": "imageUrl5", "type": "image", "description": "image5 url" }, { "name": "imageAlt5", "type": "text", "description": "image5 alt" }, { "name": "useNewTab5", "type": "checkbox", "description": "" }, { "name": "link5", "type": "text", "description": "link url" }, { "name": "imageUrl6", "type": "image", "description": "image6 url" }, { "name": "imageAlt6", "type": "text", "description": "image6 alt" }, { "name": "useNewTab6", "type": "checkbox", "description": "" }, { "name": "link6", "type": "text", "description": "link url" }, { "name": "imageUrl7", "type": "image", "description": "image7 url" }, { "name": "imageAlt7", "type": "text", "description": "image7 alt" }, { "name": "useNewTab7", "type": "checkbox", "description": "" }, { "name": "link7", "type": "text", "description": "link url" }, { "name": "imageUrl8", "type": "image", "description": "image8 url" }, { "name": "imageAlt8", "type": "text", "description": "image8 alt" }, { "name": "useNewTab8", "type": "checkbox", "description": "" }, { "name": "link8", "type": "text", "description": "link url" }, { "name": "imageUrl9", "type": "image", "description": "image9 url" }, { "name": "imageAlt9", "type": "text", "description": "image9 alt" }, { "name": "useNewTab9", "type": "checkbox", "description": "" }, { "name": "link9", "type": "text", "description": "link url" }, { "name": "imageUrl10", "type": "image", "description": "image10 url" }, { "name": "imageAlt10", "type": "text", "description": "image10 alt" }, { "name": "useNewTab10", "type": "checkbox", "description": "" }, { "name": "link10", "type": "text", "description": "link url" }, { "name": "imageUrl11", "type": "image", "description": "image11 url" }, { "name": "imageAlt11", "type": "text", "description": "image11 alt" }, { "name": "useNewTab11", "type": "checkbox", "description": "" }, { "name": "link11", "type": "text", "description": "link url" }, { "name": "imageUrl12", "type": "image", "description": "image12 url" }, { "name": "imageAlt12", "type": "text", "description": "image12 alt" }, { "name": "useNewTab12", "type": "checkbox", "description": "" }, { "name": "link12", "type": "text", "description": "link url" } ], "values": { "columnCount": 1, "columnMargin": 0, "paddingTop": 0, "paddingBottom": 0, "useColumnInMobile": false, "backgroundColor": "#ffffff", "imageUrl1": "", "useNewTab1": true, "link1": "", "imageUrl2": "", "useNewTab2": true, "link2": "", "imageUrl3": "", "useNewTab3": true, "link3": "", "imageUrl4": "", "useNewTab4": true, "link4": "", "imageUrl5": "", "useNewTab5": true, "link5": "", "imageUrl6": "", "useNewTab6": true, "link6": "", "imageUrl7": "", "useNewTab7": true, "link7": "", "imageUrl8": "", "useNewTab8": true, "link8": "", "imageUrl9": "", "useNewTab9": true, "link9": "", "imageUrl10": "", "useNewTab10": true, "link10": "", "imageUrl11": "", "useNewTab11": true, "link11": "", "imageUrl12": "", "useNewTab12": true, "link12": "" }, "template": "

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

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

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

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

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

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

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

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

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

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

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

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