개발가능 여부를 확인하다 ‘재미있겠다’ 싶은 생각이 들어서 유튜브 영상 주소로 만든 플레이리스트 반복 재생 기능을 만들어 봤다. videojs 를 기본으로 사용하고 여기에 playlist, youtube 플러그인을 조합했다. 데모 : http://demo.chicpro.dev/videojs/ 관련 코드는 아래와 같다. js, css 등의 파일은 github 에서 다운로드 할 수 있다. 플레이리스트 자동 재생이 적용되어 있는데 Chrome 브라우저에서는 video 태그에 muted 속성이 없을 …
PHP 개발을 진행하다보면 문의폼 등에서 메일 발송 기능을 사용해야할 때가 있다. 사용 중인 서버에 메일발송 환경이 구축되어 있다면 PHP 자체 mail() 함수 등을 사용해도 되지만 대부분의 웹호스팅 환경에서는 메일 발송이 정상적으로 되지 않는 경우가 많아 외부의 메일 서버를 사용해야 한다. 이럴 때 사용할 수 있는 것이 PHPMailer 이다. PHPMailer를 이용해 간단하게 메일 발송 기능을 구현할 …
최근에 애니메이션 gif 파일을 mp4로 변경해서 출력하는 게 유행(?)이라고 할까? 포스팅 때 애니메이션 gif 파일을 첨부하지는 않기 때문에 굳이 관심을 가져야 할 이유가 없었는데.. 오늘은 왠지 한번 해볼까? 하는 생각이 들어서 기본 기능만 작동하도록 플러그인을 만들어 봤다. 개발 환경은 아래와 같다. WordPress : 5.5 PHP : 7.4.9 ffmpeg : 4.2.4 gif 파일을 mp4 및 webm …
최근에 LiteSpeed 플러그인 등을 설치한 후 간혹 구글 페이지스피드 점수를 체크해보는 데 js 파일이 압축되어 전송되지 않는다고 해서 관련 설정을 살펴보게 됐다. 몇 년전에 gzip 압축 설정을 했던 것으로 기억하는데.. 아마도 제대로 설정을 하지 않았던 모양이다. 아니면 그새 뭔가 변경됐는데 내가 알지 못했거나.. nginx.conf 파일에 위 이미지와 같이 gzip 설정을 추가한 후 설정을 다시 로드해 …
워드프레스 5.5 버전이 공개되어 바로 업데이트를 진행했다. 5.5버전은 Speed, Search, Security 개선에 중점을 둔 버전으로 lazy-load 등이 적용되어 속도가 개선됐으며 기본 제공하지 않아 SEO 관련 플러그인 설치해 제공해야만 했던 사이트맵을 제공하게 됐다. 또한 플러그인의 자동 업데이트를 제공하기 때문에 보안도 개선됐다. 플러그인의 자동 업데이트는 개별 플러그인별로 설정할 수 있다. 업데이트 후 예상치 못한 문제가 생겼는데.. 바로 …