영상을 좌우 반전 시키기 (with chrome) 먼저 https://chrome.google.com/webstore/detail/video-lr-mirror/pphhglinlapdiefcikbkhcpkhbkfoahl Video LR mirror video left right mirror chrome.google.com 이 확장 프로그램을 크롬에 추가 해줍니다. 사용법은 매우 간단해요 영상 플랫폼(유튜브, 트위치 등)에 들어가서 이 프로그램을 누르고 바꾸기 하면 끝 아쉽지만 모바일에서는 확장프로그램을 지원을 안해서 간단히 적용하긴 힘듭니다. 잠깐! 만약 영상이 있다면?? => 웹에서 편집 가능 https://hi098123.tistory.com/47 영상 파일로 원한다면 인코딩 툴을 이용하여 반전후 저장할수있다. 웹에서 영상 작업도 가능합니다. 아래 영..
썸네일 이미지
세계 1위 스트리밍 업체 트위치의 보안문제를 제보하다 세계 최고 업체 답게 보안이슈를 제기하면 포상을 주는 기능이 있다. bugcrowd : https://bugcrowd.com/ 라는 곳에서 운영한다. https://bugcrowd.com/vulnerability-rating-taxonomy 다양한 보안 문제리스트들이 있다. 리스트를 보면 들어본것도 많지만 못들어본것도 많다. 정말 광범위하게 거의 모든 이슈를 다 등급을 매긴듯하다. 다만 외국계열 업체라 한국인이 이용하기 까다롭다. 이런걸 좀 고쳐 줬으면 좋겠다. 어떠한 문제를 제보했는지는 계약상 비밀이다. 유료 서비스인데 무료로 뚫린다. 그런걸 제보한것 두번째 칸인 Technical serverity 굉장히 복잡하다. 검토할게 너무 많다.. 이거 때문에 제보하지 말까 고민도 많이 했다. url을 작성하고..
HTML 내용을 한글 파일로 다운로드 하기(Js방식 / 테스트 가능) 예제 코드 넣기 한글(.hwp) 다운로드 워드(.doc) 다운로드 한가지 주의: hwp다운로드 후 열때 UTF-8으로 여셔야 됩니다. 웹브라우저 상에서는 UTF-8를 메인으로 사용 하기 때문에 자바스크립트로 hwp 생성, 자바스크립트 hwp만들기,자바스크립트 문서 만들어 다운 더보기 hwp 파일을 직접 만들어서 다운이 가능한 경우가 안보였다. 그래서 만들게된 자바스크립트로 hwp파일 생성하기 소스 보통은 php 같은 서버기반 프로그램으로 만들던데 웹에서 돌릴수도 있다. 소스코드 예제 코드 넣기 한글(.hwp) 다운로드 워드(.doc) 다운로드 한가지 주의: hwp다운로드 후 열때 UTF-8으로 여셔야 됩니다. 웹브라우저 상에서는 UTF-8를 메인으로 사용 하기 때문에
썸네일 이미지
페이지 로딩속도를 빠르게 <link rel="preload"> 활용 이 페이지를 운영하면서 페이지 소스에는 크게 신경을 안썻다. 티스토리에서 제공한 기본스킨이니 잘 만들었겠거니 근데 좀 들여다 보다 보니 이상한게 보인다.. padding-top: 0px; padding-left: 34px; padding-right: 34px; padding-bottom: 0px; 이런식으로.. padding: 0px 34px; 이런식으로 쓰면되는걸 그러던 중 웹을 둘러보다가 사이트 속도측정이 보이길래 해보았다 ㅎ https://www.webpagetest.org WebPageTest - Website Performance and Optimization Test Select Test Location Moto G (gen 4)Alcatel 1X (Android Go)Moto G (gen 1..
jsdelivr 이용하기 < Github 활용 > 이전 편에 https://hi098123.tistory.com/16 무료이면서도 빠른 JS/CSS CDN 서버 - jsdelivr 먼저 CDN서버란 ? CDN(Content Delivery Network) - 콘텐츠 제공 네트워크 한곳에 있는 서버에서 전세계 유저에 서비스를 하게 된다면 전세계 네트워크를 지나가면서 지연시간이 늘어나게된다. 따라서 속도가 느려.. hi098123.tistory.com jsdelivr 에 대하여 알아 봤다. 그렇다면 이를 어떻게 사용할수 있을까?? 만약 깃허브에 PUBLIC 으로 레퍼토리를 올렸다면 바로 이용 가능하다. https://cdn.jsdelivr.net/gh/ 사용자 이름 / 레퍼토리 명 / 파일 경로 이렇게 주소가 된다. 이전에 알아봤던대로 캐시서버에 없으면 깃..
썸네일 이미지
무료이면서도 빠른 JS/CSS CDN 서버 - jsdelivr 먼저 CDN서버란 ? CDN(Content Delivery Network) - 콘텐츠 제공 네트워크 한곳에 있는 서버에서 전세계 유저에 서비스를 하게 된다면 전세계 네트워크를 지나가면서 지연시간이 늘어나게된다. 따라서 속도가 느려지는데 이를 방지하기위해 전세계 곳곳에 캐시서버를 두고 가까운 서버에서 먼저 전송 받는다. 주로 정적인 콘텐츠(이미지,영상,자바스크립트,스타일 시트 등)를 제공한다. 아래의 이미지는 jsdelivr의 캐시서버 위치들이다. 우리나라에는 클라우드 플레어 서버 하나밖에 없다.. https://www.jsdelivr.com/network#map 노란색 - Cloud Flare 빨간색 - Fastly 파란색 - StackPath 중국(진한 빨간색) - QUANTIL 초록색 - Other ..