홉스 백오피스 지원 프로그램

데모 예약

지금 시작하기

Hops

홉스에서는 스타트업을 위해 일정 기간동안 혜택을 제공해드리고 있습니다.
지금 저희에게 신청해주시고 혜택을 받아보세요.

제품 테스트를 위한 추가 사용 기간 제공

check

어드민 개발 지원 프로그램 신청 가능

홉스에서는 프로그래머 인력이 부족한 스타트업들을 위해 어드민 개발을 직접 지원하는 프로그램을 운영하고 있습니다.

홉스를 통해 빠르게 만들어지는 어드민을 넘어, 각자 필요한 페이지와 기능을 저희에게 이야기해주세요. 저희의 전담 프로그래머가 여러분을 돕겠습니다.

footer

<div id="overlay" aria-video-hidden="true">
  <div id="ytplayer">
  </div>
</div>

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KBBW4H5" height="0" width="0"
    style="display:none;visibility:hidden"></iframe></noscript>


<script>
  (function(){
    var w=window;
    if(w.ChannelIO){return w.console.error("ChannelIO script included twice.")}
    var ch=function(){ch.c(arguments)};
    ch.q=[];
    ch.c=function(args){ch.q.push(args)};
    w.ChannelIO=ch;
    function l(){
        if(w.ChannelIOInitialized){return}
        w.ChannelIOInitialized=true;var s=document.createElement("script");
        s.type="text/javascript";
        s.async=true;
        s.src="https://cdn.channel.io/plugin/ch-plugin-web.js";
        var x=document.getElementsByTagName("script")[0];
        if(x.parentNode){x.parentNode.insertBefore(s,x)}
    }
    if(document.readyState==="complete"){l()}
    else{
        w.addEventListener("DOMContentLoaded",l);
        w.addEventListener("load",l)
    }}
  )();

ChannelIO('boot', {
  "pluginKey": "6637bcb1-85ff-4b9c-bc80-a92323281698"
});

var player;
var queue = {                     
  content: null,
  push: function(fn) {
    this.content = fn;
  },
  pop: function() {
    this.content.call();
    this.content = null;
  }
};

function onPlayerReady(event) {
  if (queue.content != null) queue.pop();
}

function isPlayerReady(player) {
  return player && typeof player.playVideo === 'function';
}

function onYouTubePlayerAPIReady() {
  player = new YT.Player('ytplayer', {
    height: '680',
    width: '1024',
    videoId: 'F2AC_NMog44',
    playerVars: {
      'autoplay': 0,
      'enablejsapi': 1,
    },
    events: {
      'onReady': onPlayerReady,
    }
  });

};


window.onload = () => {
  // open channeltalk
  const selectors = [
  ];
  selectors.forEach(function (elem) {  
    if (elem == null) return;
    elem.addEventListener('click', function(event) {
      ChannelIO('showMessenger');
      event.preventDefault();
    });
  });
  const marqueeTrack = document.querySelector('div[data-marquee=true] > div');
  const secondTrack = marqueeTrack.querySelector('div').cloneNode(true);
  marqueeTrack.appendChild(secondTrack);
  document.querySelectorAll('div[data-marquee=true] > div > div').forEach(elem => {
    elem.classList.add('scroll');
  });
  
  var tag = document.createElement('script');
  tag.src = "https://www.youtube.com/player_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
  const overlay = document.querySelector('div#overlay');
  const keydownhandler =  (event) => {
    if(event.keyCode == 27) {
      toggleOverlay();
    }
  };
  
  const toggleOverlay = () => {
    var overlayOpen = overlay.getAttribute('aria-video-hidden') === 'true';
    overlay.setAttribute('aria-video-hidden', !overlayOpen);
    document.body.classList.toggle('noscroll', overlayOpen);

    if (overlayOpen) {
      if(isPlayerReady(player)) {
        player.playVideo();
      } else {
        queue.push(() => {
          player.playVideo();
        });
      }
      document.body.addEventListener('keydown', keydownhandler);
    } else {
       player.stopVideo();
      document.body.removeEventListener('keydown', keydownhandler)
    }
   };

  overlay.addEventListener('click', () => {
    toggleOverlay();
  });
  document.querySelector('#hero-image').addEventListener('click', () => {
    toggleOverlay()
  });

  const topCta = document.querySelector('.hops-top-cta').cloneNode(true);
  document.querySelector('.hops-top-cta').remove();
  const topCtaTargetElem =  document.querySelector('#td-navbar');
  topCtaTargetElem.parentNode.insertBefore(topCta, topCtaTargetElem);
  
};

</script>