썸네일 이미지
세계 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 ..
아이콘을 그리다, 페이지 꾸미기 XEIcon 먼저 적용방법은 아주 간단하다. 1. 사이트 태그 안에 아래의 코드를 붙입니다. 이후 https://xpressengine.github.io/XEIcon/library-2.3.3.html XEIcon, 문자를 그리다 XEICon은 웹사이트 제작에 최적화된 벡터 그래픽 아이콘 툴킷입니다. 여러분의 아름답고 직관적인 웹페이지 제작을 돕습니다. xpressengine.github.io 여기의 목록을 참고해서 class이름을 써주면 된다 (설명에서는 i 태그를 쓰나 어떤 태그이던 class만 제대로쓰면 정상 작동 합니다.) 등등 이렇게 적용이 가능하다 제로보드 XE 운영중인 xpressengine 에서 공개중인 무료 폰트형 그림이다 XEIcon : https://xpressengine.github.io/XEIc..