썸네일 이미지
CloudFlare Pages 소개 CloudFlare Pages는 초기 출시 때부터 사용했었는데 혼자만 잘 쓰기엔 너무 좋아서 소개해보려고 합니다. Netlify, Vercel 등을 써봤지만 앞으로의 경쟁에서 이 회사들은 CloudFlare Pages를 이길 수 없을 것 같습니다. Netlify와 Vercel은 트래픽 100GB를 제공하지만 CloudFlare Pages는 무료 계정에서 약관을 위반하지 않는 이상 트래픽이 무제한이고 프로젝트 수도 제한이 없고 빌드수는 월간 500개 제한이 있습니다. 다른 서비스와 비교했을 때 트래픽이 가장 크고, 서버리스 제공량 부분이 그 다음으로 클 것 같습니다. 아무래도 2년 안에 이 분야(흔히 Jamstack이라고 불리는)에서 점유율을 거의 다 가져갈 수 있지 않을까 생각됩니다. CloudFlare..
썸네일 이미지
쿠팡이츠/배민원 개편 수수료 계산기 2022년 올해 쿠팡이츠와 배민1에서 수수료를 변경할 것으로 보이는데, 개편되는 수수료 체계가 복잡해 보여 계산기 툴을 만들게 되었습니다. 일반적으로는 대략적인 식이 있으면 쉽게 감이 잡히는데, 이번 수수료 개편은 어떤 게 이득일지 쉽게 감을 잡지 못했고 분석하려면 전용 계산기가 있어야 될 것 같았습니다. 아래는 앞으로 변경될 수수료 요금제 종류, 복잡한편이다. 쿠팡이츠 수수료 계산기 수수료 계산법 판매 금액, 배달팁 입력 방법 부가세 정산자료로 확인방법 1) 판매 금액, 배달팁 입력 방법 판매금액과 배달팁을 입력합니다. 수수료율 별 계산 결과를 확인합니다. (사진에서는 판매금 20,000원, 배달팁 2,000원 입력) * 탭은 좌우로 드래그 가능합니다. 2) 부가세 정산자료로 확인방법 쿠팡이츠 스토어에..
썸네일 이미지
클플 이메일 라우팅 사용 후기 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일동안 프로젝트를 만져본 결과로는 이미지가 다채로울수록, 크기가 클수록, 기본적으로 압축이 많이 되어있을수록 중간에 선..