가비아 - 대한민국 No.1 간편 제작 홈페이지

<!DOCTYPE html> <html lang="ko"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>가비아 - 대한민국 No.1 간편 제작 홈페이지</title> <meta name="keywords" content="홈페이지제작, 홈페이지제작업체, 기업홈페이지, 반응형홈페이지제작, 무료홈페이지제작, 웹사이트, 쇼핑몰홈페이지제작, 무료홈페이지"> <meta name="description" content="홈페이지 DIY, 홈페이지 맞춤 제작 의뢰, 크리에이터링크, 워드프레스, 홈페이지 유지보수 등 내게 맞는 홈페이지 제작 방법을 찾아드립니다"> <meta property="og:type" content="website"> <meta property="og:title" content="가비아: 대한민국 No.1 홈페이지 간편 제작"> <meta property="og:description" content="내게 맞는 홈페이지 제작 방법을 찾아드립니다"> <meta property="og:image" content="http://static.gabia.com/www/common/gnb/gabia_logo_1200.jpg"> <meta property="og:url" content="https://freehome.gabia.com"> <meta name="naver-site-verification" content="3321ba225ffd0a602f9a03245c47fa47aaf68fec" /> <link rel="canonical" href="https://freehome.gabia.com"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta name="format-detection" content="telephone=no">  <link rel="stylesheet" type="text/css" href="/assets/common/css/common.css"> <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no"> <link rel="stylesheet" type="text/css" href="https://static.gabia.com/responsive/assets/css_build/freehome.css?v=2502170714">  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-P8VJN87');</script>  <style> .g_banner_218 { background-image: url('https://headless-cms.gabia.com/uploads/clickn_mb_2x_2c050cc1fc.png'); } .g_banner_218.g_banner .content-slide { height: 300px; } @media only screen and (min-width: 768px) { .g_banner_218 { background-image:url('https://headless-cms.gabia.com/uploads/clickn2_tb_2x_9f3117f16c.png'); } .g_banner_218.g_banner .content-slide { height: 300px; } } @media only screen and (min-width: 1024px) { .g_banner_218 { text-align: left; background-image: url('https://headless-cms.gabia.com/uploads/clickn2_pc_2x_0d0bb1d9cb.png'); } .g_banner_218.g_banner .content-slide { height: 400px; } } .g_banner_65 { background-image: url('https://headless-cms.gabia.com/uploads/clickn_banner_mb_c91f3d39b3.png'); } .g_banner_65.g_banner .content-slide { height: 300px; } @media only screen and (min-width: 768px) { .g_banner_65 { background-image:url('https://headless-cms.gabia.com/uploads/clickn_banner_tb_74f8c64484.png'); } .g_banner_65.g_banner .content-slide { height: 300px; } } @media only screen and (min-width: 1024px) { .g_banner_65 { text-align: left; background-image: url('https://headless-cms.gabia.com/uploads/clickn_banner_pc_63f67bf907.png'); } .g_banner_65.g_banner .content-slide { height: 400px; } } </style> </head> <body> <div class="move-scroll"> <ul class="move-scroll-cell"> <li class="move-scroll-line"> <span class="label-move-scroll">제작 가이드</span> <span class="btn-move-scroll"></span> </li> <li class="move-scroll-line"> <span class="label-move-scroll">직접제작</span> <span class="btn-move-scroll"></span> </li> <li class="move-scroll-line"> <span class="label-move-scroll">제작의뢰</span> <span class="btn-move-scroll"></span> </li> <li class="move-scroll-line"> <span class="label-move-scroll">유지보수</span> <span class="btn-move-scroll"></span> </li> <li class="move-scroll-line"> <span class="label-move-scroll">라이브러리</span> <span class="btn-move-scroll"></span> </li> </ul> </div> <div class="wrap"> <style> .active {color:#9ca0a7;} .active:hover {color:#7e7e7e;} </style> <div id="skip_nav" class="gt-skip-navigation"> <a href="#w-contents" class="gt-skip-link">본문으로 바로가기</a> </div>  <div id="block_common_layer" style="position:absolute;display:none;"> <div class="box_container"> <ul class="box_top"> <li class="header">인증 실패</li> <li class="btn_close"><a href="javascript:gLayer.close('block_common_layer');location.href='https://www.gabia.com'"><img src="/assets/common/images/layer_popup_close.gif" alt="닫기"></a></li> </ul> <div class="box_content Lh14"> <span id="block_common_message">고객 계정으로 로그인 할 수 없습니다.</span> <span id="block_common_code"></span><br> <span class="font_color_red">고객센터(1544-4370)</span>로 연락하시거나, 메일 문의를 이용해 주시기 바랍니다.<br> <div class="Pt20 C"> <a href="https://customer.gabia.com/1to1/mail.php"><img src="/assets/common/images/btn_mail_q.gif" alt="메일 문의" /></a>  <a href="javascript:void(0);" onclick="gLayer.close('block_common_layer');"><img src="/assets/common/images/btn_close_l2.gif" alt="닫기" /></a> </div> </div> </div> </div> <div id="block_common_layer2" style="position:absolute;display:none;"> <div class="box_container"> <ul class="box_top"> <li class="header">인증 실패</li> <li class="btn_close"><a href="javascript:void(0);" onclick="history.back()"><img src="/assets/common/images/layer_popup_close.gif" alt="닫기"></a></li> </ul> <div class="box_content Lh14"> <span id="block_common_message2">고객 계정으로 로그인 할 수 없습니다.</span> <span id="block_common_code2"></span><br> <span class="font_color_red">고객센터(1544-4370)</span>로 연락하시거나, 메일 문의를 이용해 주시기 바랍니다.<br> <div class="Pt20 C"> <a href="https://customer.gabia.com/1to1/mail.php"><img src="/assets/common/images/btn_mail_q.gif" alt="메일 문의" /></a>  <a href="javascript:void(0);" onclick="history.back();"><img src="/assets/common/images/btn_goback.gif" alt="돌아가기" /></a> </div> </div> </div> </div>   <div id="block_member_layer" style="position:absolute;display:none;"> <div class="layerPup"> <div class="Puptop"> <p> <strong>죄송합니다</strong> </p> <a href='javascript:gLayer.close("block_member_layer");location.href="https://www.gabia.com"' class="Pupx"><img src="/assets/common/images/layer_popup_close.gif" alt="닫기"></a> </div> <div class="Pupbot"> <div class="Pt20 C B"> <strong>현재 가비아 사이트에 로그인할 수 없습니다.<br> <b style="color:#ff0000">고객센터(1544-4370)</b>로 연락하거나,<br> 메일 문의를 이용해 주시기 바랍니다.</strong><br> <a href="https://customer.gabia.com/1to1/mail.php"><img src="/assets/common/images/btn_mail_q.gif" alt="메일 문의" /></a> </div> </div> </div> </div> <div id="gnb-app" style="min-height:89px;"></div> <style type="text/css"> .gnb { float: none;} .contents { top: 0px; } #footer-app .brick-sitemap { padding-top: 0px; position: static; } #footer-app .footer { width: auto; } .gt-modal--active{ display: block !important; } .brick-sitemap__menu > li > ul > li{ padding-bottom: 0px; } .on-gnb-layer { position: relative; } .brick-login__no { position: static; } @media only screen and (min-width: 1024px){ .brick-gnb__depth2 > li:not(:first-child) { margin-left: 0 !important; } } </style> <section class="contents" id="w-contents"> <section id="_contents-swiper" class="sub-header-index renewal_banner no-js scroll1"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide g_banner g_banner_218 black"> <div class="content-slide"> <p class="main_title">네이버 모두 고객 <br>사이트 제작 50% 할인</p> <p class="sub_title"> 종료 걱정? 클릭엔이면 끝!</p> <p class="brick-banner_btn"><a href="https://www.clickn.co.kr/event/2025/naver_modoo?utm_source=freehome.gabia.com&utm_medium=mainbanner" target="_blank" class="btn-basic">자세히 보기</a></p> </div> </div> <div class="swiper-slide g_banner g_banner_65 black"> <div class="content-slide"> <p class="main_title">쉽고 간편하게 시작하세요 <br/> 홈페이지 제작엔, 클릭엔</p> <p class="sub_title"> 클릭엔에서 무료로 나만의 홈페이지를 만들어보세요.</p> <p class="brick-banner_btn"><a href="https://www.gabia.com/redirect/gabiacns/url/?link=clickn_event" target="_blank" class="btn-basic">자세히보기</a></p> </div> </div> </div> <div class="controle-wrapper"> <div class="center-wrapper"> <button type="button" class="btn-swiper-control stop"></button> <div class="pagination"></div> </div> </div> </div> </section> <section class="brick-addition freehome"> <div class="container--pushauto"> <h1 class="brick-addition__title">홈페이지를 만드는 방법에는 2가지가 있습니다</h1> <ul class="brick-addition__freehomelist"> <li> <p class="sub-title">홈페이지 DIY (직접 제작)</p> <p class="sub-desc">코딩 방법을 몰라도 홈페이지 DIY만 있으면, 혼자서도 어렵지 않게 홈페이지를 만들 수 있습니다. 홈페이지 DIY는 비용이 저렴하기에 부담 없이 시작하기에도 좋습니다. 블로그, 회사소개, 홍보, 커뮤니티, 개인 스터디용으로 혼자 홈페이지를 만들어보고 싶다면, DIY를 활용해 보세요. </p> </li> <li class="bar"></li> <li> <p class="sub-title">전문 제작 의뢰</p> <p class="sub-desc">좀 더 전문적인 홈페이지를 공들여 만들어야 할 때, 제작 의뢰는 가장 빠른 해답입니다. 시간은 안 되고, 혼자 공부하며 만들어 볼 여력이 안 된다면 전문가에게 홈페이지 제작을 의뢰해 보세요. 여러분이 원하는 어떠한 기능이든, 설사 고난도의 기능이라도 맞춤형으로 구현해 줄 것입니다. </p> </li> </ul> </div> </section> <section class="brick-item icon--is freehome scroll2"> <div class="container--pushauto"> <p class="brick-item__subcopy">저비용으로 빠르고 부담 없이 시작하고 싶다면</p> <header>홈페이지 DIY로 직접 제작해 보세요!</header> <ul class="brick-item-list three"> <li class="brick-item-line icon--5"> <a href="https://www.gabia.com/redirect/gabiacns/url/?link=clickn" target="_blank"> <p class="brick-item__title">클릭엔 <i class="fal fa-chevron-right"></i></p> 간단한 클릭 몇 번으로 완성되는 반응형 홈페이지를 무료로 만들어 보세요. <span style="color:#1E7ABD;">네이버 모두 (modoo!) 고객이라면 사이트 제작 50% 할인 쿠폰 지급</span> </a> </li> <li class="brick-item-line icon--1"> <a href="https://creatorlink.gabia.com" target="_blank"> <p class="brick-item__title">크리에이터링크 <i class="fal fa-chevron-right"></i></p> 원하는 디자인의 블록을 골라서 쌓기만 하면 나만의 반응형 홈페이지가 간단하게 완성됩니다. </a> </li> <li class="brick-item-line icon--2"> <a href="https://webhosting.gabia.com/wordpress/service" target="_blank"> <p class="brick-item__title">워드프레스 <i class="fal fa-chevron-right"></i></p> 다양한 기능과 검증된 플러그인, 수천 개의 테마를 사용하여 더욱 개성있는 사이트를 완성하세요. 무제한 트래픽으로 더 경제적인 홈페이지 운영이 가능합니다. </a> </li> </ul> </div> </section> <section class="brick-item icon--is top-border freehome-down scroll3"> <div class="container--pushauto"> <p class="brick-item__subcopy">직접 제작할 시간적 여력이 없거나, <span class="block-mobile"></span>고난도의 기능이 필요하다면</p> <header>전문가에게 홈페이지 제작을 <span class="block-mobile"></span>의뢰해 보세요!</header> <ul class="brick-item-list two"> <li class="brick-item-line icon--1"> <a href="https://freehome.gabia.com/service"> <p class="brick-item__title">간편 제작 <i class="fal fa-chevron-right"></i></p> 업종별 고급 템플릿으로 전문 디자이너가 홈페이지를 제작해 드립니다. 홈페이지 제작 결과물에 대한 소유권을 무상으로 양도해 드리며, 제작이 완료된 후 직접 수정할 수 있습니다. </a> </li> <li class="brick-item-line icon--2"> <a href="https://freehome.gabia.com/si"> <p class="brick-item__title">맞춤 제작 <i class="fal fa-chevron-right"></i></p> 3,000여 고객사, 10년간 축적해 온 레퍼런스가 홈페이지 퀄리티를 보장합니다. 전문가와 1대1 컨설팅을 통해 최고 품질의 홈페이지를 제안해 드립니다. </a> </li> </ul> </div> </section> <section class="brick-consult freehome"> <div class="container--pushauto">  <a href="/consult" class="btn-basic">상담하기</a> </div> </section>  <section class="brick-normal gray scroll4"> <p class="subcopy">홈페이지 운영이 어려우신가요?</p> <header class="title"> 전문가가 웹사이트 관리를 대행하는<br>홈페이지 유지보수 서비스를 추천합니다 </header> <a href="https://maintain.gabia.com/service" class="btn-basic">자세히보기</a> </section>  <section class="brick-library scroll5" id="library"> <div class="container--pushauto"> <header>라이브러리에서 홈페이지 제작에 대해 더 알아보세요</header> <ul id="_brickLibrary"></ul> </div> </section> <section class="brick-noticewrap one scroll6"> <div class="container--pushauto"> <section class="brick-news"> <header>새소식</header> <a href="https://www.gabia.com/gabia_notice/new_list.php?service_kind=homepage" class="brick-news__list">전체 보기 <i class="fal fa-chevron-right"></i></a> <ul class="item-list" id="_brickNews"></ul> </section> </div> </section> </section> <div id="footer-app"></div>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P8VJN87" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script> var env = ''; window.addEventListener('DOMContentLoaded', function() { var $script = document.createElement('script'), today = new Date(), dateStr = `${today.getFullYear()}-${today.getMonth() + 1}-${today.getDate()}-${today.getHours()}`; $script.src = `https://${env}gnb-footer.gabia.com/main.js?d=${dateStr}`; $script.type = 'text/javascript'; document.body.appendChild($script); }); </script> </div>  <form name="skinForm" id="skinForm" action="/service/detail" method="post"> <input type="hidden" id="category" name="category" value="{category}"> <input type="hidden" name="seq" value=""> <input type="hidden" id="page" name="page" value="1"> <input type="hidden" id="totalpage" name="totalpage" value="0"> </form> <script type="text/javascript" src="/assets/common/js/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="/assets/common/js/common.js"></script> <script type="text/javascript" src="/assets/common/js/mobiledetect.js"></script> <script type="text/javascript" src="/assets/common/js/glogin.js"></script>  <script type="text/javascript" src="/assets/common/js/simple_layer.js"></script>    <script src="/assets/common/renew/js/swiper.min.js"></script> <script src="/assets/common/renew/js/rgnb.js"></script> <script src="/assets/common/renew/js/gtris-1.2.0.js?v=1.1"></script> <script src="/assets/common/renew/js/vue.min.js"></script> <script type="text/javascript"> $(function() { // history back(depth3 page) if (document.referrer) { var $history_back_btn = $('#_history-back'); if( $history_back_btn ) { $history_back_btn.css('display', 'inline-block'); $history_back_btn.click(function() { window.history.back(); }); } }else{ $('#_history-back').css('display', 'none'); } function goServiceInfo(event) { var service_name = $(event.target).attr('id').split('-')[0]; var scrollPosition = $('#' + service_name).offset().top - 90; $('html, body').animate({ scrollTop: scrollPosition }, 500); return false; } // 상담 자세히보기 $('[data-ui="terms-btn"]').click(function() { $(this).next().toggle(); if($(this).next().is(':hidden')) { $(this).html('자세히 보기 <i class="fa fa-angle-down"></i>') }else { $(this).html('닫기 <i class="fa fa-angle-up"></i>') } }); var currentScroll; $(window).scroll(function() { currentScroll = $(this).scrollTop(); gotoTop(currentScroll); }); function gotoTop(currentScroll) { if(currentScroll >= 300) { $('#_w-goto-top').fadeIn(); }else{ $('#_w-goto-top').fadeOut(); } } $('#_w-goto-top').click(function() { $('html, body').animate({ scrollTop: 0 }, 800); return false; }); // ie8이하 접속 시 레이어 if(gtris.util.browser.name == 'ie' && gtris.util.browser.version < 11) { $('#onGnbLayer').show(); $('#_ie_version').text(gtris.util.browser.version); if(gtris.util.getCookie('fishing-layer') !== 'shown') { $('#onGnbLayer').show(); $('.brick-gnb').addClass('emg-notice'); $('#w-contents').addClass('emg-notice'); $('.brick-sitemap').addClass('emg-notice'); $('.brick-footer').addClass('emg-notice'); $('.brick-gnb__depth1').addClass('emg-notice'); $('.childmenu-wrap').addClass('emg-notice'); }else { $('#onGnbLayer').hide(); $('.brick-gnb').removeClass('emg-notice'); $('#w-contents').removeClass('emg-notice'); $('.brick-sitemap').removeClass('emg-notice') $('.brick-footer').removeClass('emg-notice'); $('.brick-gnb__depth1').removeClass('emg-notice'); $('.childmenu-wrap').removeClass('emg-notice'); } $('#onGnbLayerClose').click(function() { if(gtris.util.getCookie('fishing-layer') !== 'shown') { if($('#chkTodayNotOpen').is(':checked')) { gtris.util.setCookie('fishing-layer', 'shown', 1); } $('#onGnbLayer').hide(); $('.brick-gnb').removeClass('emg-notice'); $('#w-contents').removeClass('emg-notice'); $('.brick-sitemap').removeClass('emg-notice') $('.brick-footer').removeClass('emg-notice'); $('.brick-gnb__depth1').removeClass('emg-notice'); $('.childmenu-wrap').removeClass('emg-notice'); } $('.wrap').addClass('gt-animate-top'); }); } }); </script> <script> // components $(function() { //faq if( $('#_w-faq-allview').length ) { gtris.ui.collapse.init({ target: '#_w-faq', accordion: true }); $('#_w-faq-allview').click(function() { $(this).toggleClass('all-view'); if ($(this).hasClass("all-view")) { $(this).html('전체 닫기 <i class="fa fa-angle-down" style="transform: rotate(180deg)"></i>'); gtris.ui.collapse.ExpandAll('#_w-faq'); }else{ $(this).find('i').css('transform', 'rotate(0deg)'); $(this).html('전체 보기 <i class="fa fa-angle-down"></i>'); gtris.ui.collapse.CloseAll('#_w-faq'); } }); }; // main swiper if( $('#_main-swiper').length && $('#_main-swiper .swiper-slide').length > 1 ) { var mySwiper = new Swiper('.swiper-container',{ uniqueNavElements:false, pagination: { el: '.pagination-fraction', clickable: true, type: 'fraction' }, loop: true, keyboardControl: false, autoplay: { delay: 5000, }, calculateHeight: true }); // swiperBtn stop & play $('.btn-swiper-control').on('click', function() { var $this = $('.btn-swiper-control'); if($this.hasClass("play") === true) {// is stop $this.removeClass('play'); mySwiper.autoplay.start(); } else { $this.addClass('play'); mySwiper.autoplay.stop(); } }); // prev next $('.swiper-button-prev').on('click', function(e){ e.preventDefault(); mySwiper.slidePrev(); }) $('.swiper-button-next').on('click', function(e){ var $controlBtn = $('.btn-swiper-control'); e.preventDefault(); mySwiper.slideNext(); }) } //contents swiper if( $('#_contents-swiper').length && $('#_contents-swiper .swiper-slide').length > 1 ) { var mySwiper = new Swiper('.swiper-container',{ uniqueNavElements:false, pagination: { el: '.pagination', clickable: true, }, loop: true, keyboardControl: true, autoplay: { delay: 5000, }, calculateHeight: true }); // swiperBtn stop & play $('.btn-swiper-control').on('click', function() { var $this = $('.btn-swiper-control'); if($this.hasClass("play") === true) {// is stop $this.removeClass('play'); mySwiper.autoplay.start(); } else { $this.addClass('play'); mySwiper.autoplay.stop(); } }); // prev next $('.swiper-button-prev').on('click', function(e){ e.preventDefault(); mySwiper.slidePrev(); }) $('.swiper-button-next').on('click', function(e){ e.preventDefault(); mySwiper.slideNext(); }) } //tooltip gtris.ui.tooltip.open({ target: $(document).find('[data-ui="tooltip"]'), bgColor: '#4d515a' }); // detail-table 상단고정형 var $head = $('.bric-detail-table .head'), $lower = $('.bric-detail-table .lower'); $lower.scroll(function() { var headScroll = $(this).scrollLeft(); $(this).prev($head).scrollLeft(headScroll); }) }); // 모바일 셀렉트 탭 : 이민관 function bindtab(obj, idx) { if (obj.id == '_mySelect1') { $('div[id*=_tab1-]').addClass('lib-hide').hide(); $('#_myTab1').children().removeClass('gt-active'); $('#_selecTab' + idx).addClass('gt-active'); $('#_tab1-' + (idx+1)).removeClass('lib-hide').show(); } else { var tab = $('#_myTab1').children('a'); var index = 0; for (var i = 0; i < tab.length; i++) { if(tab.eq(i).hasClass('gt-active')) { index = i; } } $('#_mySelect1').val(index); } } //플로팅 네비 if( $('.move-scroll').length ) { var height = $(".move-scroll").height(); $(".move-scroll").css({"top": "calc(50% - "+(height/2)+"px)"}); setTimeout(() => { scrollSpyFnc() }, 1500); } // scrollspy var scrollSpyFnc = function (){ var len = $('.move-scroll .move-scroll-line').length; var scrollArr = []; var scrollValue = $(this).scrollTop(); var setArrayScrollPos = function(){ for(var i = 0; i < len; i++) { scrollArr[i] = $(".scroll"+(i + 1)).offset().top-89; } scrollArr[len] = $(".brick-sitemap").offset().top-70; } var changeBtnScrolling = function(){ setArrayScrollPos(); $('.btn-move-scroll').removeClass('active'); for(var i in scrollArr){ var index = parseInt(i); if(scrollValue >= scrollArr[index]-1 && scrollValue < scrollArr[index+1]-1) { $('.btn-move-scroll').eq(index).addClass('active'); } } } changeBtnScrolling(); $(window).scroll(function() { scrollValue = $(this).scrollTop(); changeBtnScrolling(); }); $(".btn-move-scroll").mouseover(function(){ var btn_id = $(this).attr('id'); $('.label-move-scroll').hide(); $('.label-move-scroll').eq($(this).closest(".move-scroll-line").index()).show(); }); $(".btn-move-scroll").mouseleave(function() { $('.label-move-scroll').hide(); }); $(".btn-move-scroll").click(function(){ setArrayScrollPos(); var gotoScroll = scrollArr[$(this).closest(".move-scroll-line").index()]; $('html, body').animate({ scrollTop: gotoScroll }, 800); return false; }); } // toast popup var toastPopupClose = function(e) { $(e).parents('.toast-popup__wrap').hide(); }; </script> <script type='text/javascript' src="/assets/common/js/jquery.tmpl.js"></script> <script type='text/javascript' src="/assets/js/common.js"></script> <script type="text/javascript" src="/assets/js/service.js"></script> <script type="text/javascript" src="https://static.gabia.com/www2/utils/GabiaCommon.js" defer></script>  <script type="text/javascript"> /*prevent FOUC*/ (function (H) { H.className = H.className.replace(/\bno-js\b/, 'js') })(document.getElementById('_contents-swiper')); </script> <script> // tab gtris.ui.tab.init({ target: '#myTab1' }) // Self Execute $(function () { serviceSkin.getPreviewList(); $.ajax({ type: "GET", data: {'service_kind' : 'homepage'}, url: "https://www.gabia.com/gabia_notice/getNewNotice?jsoncallback=?", dataType: "jsonp", error: function(XMLHttpRequest, textStatus, errorThrown) { //console.log('error'); }, success: function(response) { if (response.result) { var html_code = ''; var data = response.data.toplink; data = data.concat(response.data.non_toplink); for (var i = 0; i < data.length; i++) { if (i > 2) { break; } html_code += '<li class="brick-news__items">'; html_code += '<span class="brick-news__case">'+ data[i].category_name +'</span>'; html_code += '<a href="https://www.gabia.com/gabia_notice/new_view.php?seq_no='+ data[i].seqno +'">'+ data[i].title +'</a>'; html_code += '<p class="brick-news__time">'+ data[i].regist_date.replace(/-/gi, '.') +'.</p>'; html_code += '</li>'; } $('#_brickNews').append(html_code); } else { alert('잠시 후 다시 시도해 주세요.'); } } }); }); window.addEventListener('DOMContentLoaded', function() { if(GabiaCommonFetchUtils) { GabiaCommonFetchUtils.libraryBrick('#_brickLibrary', 'homepagemain') } }); </script> </body> </html>

CINXE.COM

가비아 - 대한민국 No.1 간편 제작 홈페이지