썸네일 이미지
웹 브라우저에서 토렌트를? WebRTC 최신 웹 브라우저에는 WebRTC(Web Real-Time Communication)라는 기술을 사용가능합니다. 흔히 웹이라고 하면 개발자는 '서버 - 클라이언트' 통신을 떠올리게 됩니다. 아직 WebRTC를 한번도 접해본 적 없다면? 그리고 웹 개발 경험이 있다면? 웹 브라우저 상에서 '클라이언트 - 클라이언트' 통신은 말도 안된다고 생각할 수 있습니다. 그러나, WebRTC를 이용한다면 '클라이언트 - 클라이언트'로 서버에 파일을 저장하는 과정을 생략하고 파일공유도 가능하다. 현재 제가 시도하고 있는 분야는 WebRTC가 아니라서 몰랐던 분들을 위해 간단히 소개합니다. 이런것도 있구나 정도로만 읽어주세요. 기존에 불가능했던 누군가의 아이디어를 가능하게 만들어주는 기술일 수 있습니다. WebRTC를 이..
썸네일 이미지
클플 이메일 라우팅 사용 후기 Cloudflare Email Routing 클라우드플레어의 이메일 라우팅은 2021년 9월 27일 시범적으로 공개되었다. 현재(2022년 1월 14일)도 '비공개 베타'로 시범적으로 운영하고 있다. 이메일 서버 이메일 서버는 일반적으로 구축하기 힘든 편에 속한다. 제일 큰 문제로 스팸을 방지하기위한 절차가 조금 까다롭다. 그래서 호스팅사에서 이메일 호스팅 같은 일부 상품들도 있고, 도메인 구입시 이메일 라우팅을 제공해주는 업체도 있다. 클플은 현재 이메일 라우팅을 신청자 대상으로 무료로 제공하고 있다. (* 신청 시 승인까지 7일 이상 걸릴 수 있다.) 이메일 라우팅 아래 이미지는 Gmail을 이용해 클플 이메일로 라우팅 되는 메일로.. mx.google.com -> mx.cloudflare.net을 ..
썸네일 이미지
이미지로 커서(*.cur)파일 만드는 법 커서(*.cur)파일은? 아이콘(*.ico)파일과 유사한 파일로 헤더부분에서 3~5byte만 다르다. 이 내용을 안 이후 기존에 있던 icon converter 툴에 cur파일 지원을 추가하기로 결정했고 완성되었다. 사용법 1px~128px의 정사각형 이미지를 준비한다. 불러온 뒤 중심점 조절 후 다운로드를 하면 끝 커서에는 투명한 부분도 필요하기 때문에 투명한 배경의 png 파일을 추천한다. 1px~128px의 '정사각형 이미지'가 핵심이다. 정사각형이 아닌경우 오류가 발생한다. 커서의 중심점은 커서이미지별로 가리키는 위치가 다르기 때문에 cur파일 포맷에서 조절이 가능하게 설계되었다. https://t.hi098123.com/ico-converter#load=cur 아이콘/커서파일 컨버터 이미지를 (..
썸네일 이미지
제일 간단하게 이미지 모자이크(블러) 처리하는 법 새로 툴을 만들었다. 이것도 예전부터 만들려고 했던 툴인데, 이제서야 만들게 됐습니다. 블러 처리는 그림판으로 하려면 모양이 안나오고, 포토샵등의 편집 프로그램을 사용하려면 프로그램이 무겁고 + 귀찮은 작업이 되어서 언젠간 만들어야지 하면서 미루다가 이제서 만든 툴입니다. 아직도 아이디어 노트에 적어둔건 많은데 다 만들기엔 시간이 부족합니다. 링크는 글 최 하단에 있습니다. 간단하게 이미지 모자이크 사용방법은 매우 쉽습니다. 이미지를 불러오고 블러처리할 부분을 형광펜 칠하듯 칠하면 됩니다. 전체 처리 일괄적으로 이미지 전체에 처리하려면 '전체 블러처리' 버튼을 누르면 됩니다. 펜과 지우개 펜은 블러부분을 만들고 지우개는 블러부분을 지운다. 펜 두께 이미지의 크기에 따라 상이해서 조절이 필요합니다. 블러 ..
썸네일 이미지
[보안] 2022/01/07 카카오톡 해킹? 네이버 지식인을 구경하다가 오늘(1월 7일) 카카오톡 해킹되었다는 글이 매우 많이 올라왔다. 이들은 공통적으로 Samsung SM-T762N 라는 기기에서 접속되었다고 떳는데 해당 기기정보를 찾진 못했다. Samsung SM-T7 은 갤럭시 탭을 의미하는데 62번 기기는 현재 존재하지 않는다. 아마도 해커가 조작한 데이터로 보인다. 접속된 아이피주소는 대만의 IP 주소, 한국의 서버 업체의 IP주소, 국외 서버업체의 IP주소 등으로 사용자마다 다르게 나타났다. 당장 예상되는점은 Brute force(비밀번호 무작위 대입) 방법으로 여러 IP에서 차단 한계까지 대입하여 돌리는 방법으로 비밀번호를 때려 맞췄거나, 카카오에 제로데이취약점이 존재하여 해킹되었거나 둘중에 하나일것으로 예상된다. 아직 어떠한 외부 ..
썸네일 이미지
Github Pages + CloudFlare 같이 쓰지 마세요 Github Pages는 이전에도 여러 번 소개한 적 있는 프론트엔드를 올려두기 좋은 서비스다. 깃허브 페이지스는 최근 1년사이에 한국에서 접속 시 속도가 향상되었다. 기존에도 캐시서버 업체로 Fastly를 이용했는데, 기존 hnd(하네다공항: 일본)에서 icn(인천공항: 한국)으로 캐시서버가 바뀌었다. 현재 한국의 Fastly 서버는 널널한 편으로 정적인 Asset을 캐싱한 경우 보통 내부 처리는 1~5ms 정도밖에 걸리지 않는다. 국내에서 가장많이 사용되고 있는 CloudFlare는 많은 업체에서 사용 중이고 가동률이 높은지.. 최근 들어 속도가 조금 저하되어 기존 10ms이내에 로딩하던 게 20ms까지도 걸리기도 한다. (이는 단순히 내가 지속적으로 보던 크롬 개발자 모드에서 네트워크의 TTFB시간..
썸네일 이미지
Apple기기만 다르게 보이는 이미지?? 보안을 연구하는 DavidBuchanan314는 ambiguous-png-packer라는 프로젝트로 최근 Apple기기만 다르게 보이는 이미지를 만드는 소스를 공개했다. (일주일 정도만에 700+ Star 달성) 파이썬으로 작성되어있고, png의 바이너리를 분해하여 재조립하는데.. 제가 정확히 이해는 못했으나, 두 가지의 이미지를 특별하게 합치는 방법을 코드로 작성되어있습니다. 변환 예시 Apple에선 로고가 나와요 이 이미지는 Apple기기에서는 애플 로고가, Apple을 제외한 나머지 기기에서는 영문 ETC가 보이는 특별한 사진입니다. 이미지 처리의 핵심부분은 중간의 선이다. 내가 3일동안 프로젝트를 만져본 결과로는 이미지가 다채로울수록, 크기가 클수록, 기본적으로 압축이 많이 되어있을수록 중간에 선..
웹 폰트파일 확장자 변환 툴 소개 [woff2, woff, ttf, eot] 폰트 파일의 확장자는 다양하며, 압축방식과 사용처가 달라 변환이 필요한 경우가 가끔 있다. 웹 폰트를 윈도우에서 이를테면 웹 폰트가 마음에 들어 윈도우에서 사용해보려면 woff2나 woff에서 ttf로 변환하면 적용할 수 있다. 생성된 ttf파일을 C:\Windows\Fonts에 이동시키면 해당 폰트가 활성화된다. 각 폰트 별 라이센스가 있으므로 라이센스는 별도로 확인하여야 한다. 디자인 작업용 컴퓨터에는 완전히 무료 라이센스 또는 구매한 폰트 이외에는 저장하지 않는 것이 바람직하다. 개인용 또는 학업용으로 사용 시에는 대부분 문제없는 경우가 많다. Woff파일 최적화 woff파일은 IE(Internet Explorer) 10-11를 지원하지만 용량이 크다. 크롬 등 최신 브라우저에서는 woff2 파일도..