노트



코드 및 디자인 레퍼런스


  • 포스트 메타로부터 유튜브 동영상 추출
    포스트 메타로부터 유튜브 동영상 추출
    노트@464.201102
    function onPlayerReady(event) {
     $("ul#vidlist li").click(function(){
      $('ul#vidlist li.active').removeClass('active');
      $(this).addClass('active');
      var ytid = $(this).data('ytid');
      player.loadVideoById(ytid);
     });
    }
    function onPlayerStateChange(event) {
     if (event.data == YT.PlayerState.ENDED) {
      alert('이벤트 트리거');
      $('ul#vidlist li.active + li').trigger('click');
     }
    }

    포스트 메타 유튜브 추출

    개별 포스트 메타에 속해 있는 유튜브 영상을 추출 및 취합하여 하나의 플레이어와 플레이리스트로 출력합니다.

    구글 ‘자동재생’ 정책 변경

    2018년 4월 발표한 구글 정책 변경에 따라 페이지 진입시 첫 번째 플레이어의 ‘자동재생’은 음소거 상태에서만 실행 될 수 있습니다.

    플레이리스트의 ‘자동재생’

    첫 번째 플레이어 영상 재생 종료 시 트리거 이벤트를 발생시켜 플레이리스트의 다음 재생 정보를 불러와 ‘자동재생’을 실행 합니다. 이는 구글 ‘자동재생’ 정책의 영향을 받지 않습니다.

    [포스트 메타… 추출] 의미와 활용

    유튜브 서비스내에서 플레이리스트를 생성하여 외부 사이트에 임베드 형식으로 추가하는 것과는 다른 개념입니다. 개별 영상 또는 포스트 메타에 속해있는 영상을 사이트 내부에서 추출 및 취합하고 플레이 하는 방식입니다. 이로 인해 영상 서비스에 대한 트래픽 비용 절감 및 다양한 미디어 관련 로직에 활용 될 수 있습니다.

  • CMS의 워드프레스 : 워드프레스 제대로 알기
    CMS의 워드프레스 : 워드프레스 제대로 알기
    미분류@1.200511

    CMS 시장 점유률

    워드프레스는 세계 CMS 시장에서 가장 높은 점유율 61%(2019.9 기준)을 자랑합니다. 그에 맞는 수 많은 레퍼런스와  활용법이 존재합니다.

    사용자 측면의 장점

    높은 점유률을 형성하는데에는 많은 이유가 있습니다. 그중에서도 개발자가 아니더라도 빌드형식으로 코드 없이 블로그 또는 간단한 기능을 가진 웹사이트를 제작할 수 도 있으며, 만들어진 워드프레스 사이트에 몇번의 학습을 통해 콘텐츠를 관리하기에도 용이합니다.

    개발자 측면의 장점

    워드프레스의 강점으로 많이 부각되어진 점은 대부분 사용자 측면에서의 정보가 많습니다. 하지만 조금만 더 깊이 들어가보면 개발자에게도 워드프레스는 강력한 장점이 많이 있습니다.

    예를 들어 일반적으로 오픈 CMS를 사용하지 않고 커뮤티니 웹서비스를 만든다고 가정하면 CMS부터 개발하여야 합니다.

    이렇게 개발되는 웹서비스의 가장 많은 시간과 비용이 CMS를 만드는데 소요되며, 개발 이후에도 시스템을 유지하고 업데이트하는데에도 많은 자원이 계속해서 소요되기도 합니다.

    하지만 워드프레스와 같은 오픈 CMS솔루션을 사용한다면 CMS는 워드프레스에게 맡겨놓고 그 이외것들만 개발하면 되기 때문에 상대적으로 비용과 자원을 절약 할 수 있습니다.

    워드프레스(오픈 CMS)의 단점

    워드프레스 뿐만아니라 거의 모든 오픈 CMS의 단점은 구축되어져 있는 아키텍쳐와 제공하는 API의 표준과 규격이 이미 정해져 있기때문에 자신이 계획한 프로젝트에서 이를 지원하지 않는다면 직접 CMS의 코어를 커스터마이징하거나 외부 소스로 이동시키는 등의 우회 방법을 사용하여야합니다.

    이렇게 될 경우 자칫 처음부터 CMS자체를 설계하고 개발하는것보다 더 많은 노력과 자원이 들어가는 경우도 있습니다.  그렇기 때문에 사용하고자하는 워드프레스(오픈 CMS)가 제공하는 API와 구조적 한계를 심도깊이 미리 파악해두어야만 효율적이고 경제적인 프로젝트를 구현 할 수 있습니다.