hi098123

삼성인터넷 v29 버그

hi098123 — Fri, 26 Dec 2025 19:22:49 +0900

2025년 10월 이후 출시된 29버전에서 기능상 버그가 있는것이 확인되었습니다.

input[type=file]에 파일을 불러오려고 할때 multiple 옵션이 있다면 갤러리에서 파일을 불러오면 input이 멈춥니다.

멈춘 input은 브라우저 세션이 살아있는 동안 문제가 있으며, 탭을 완전히 닫고 다시 열어야만 다시 input을 사용할 수 있습니다.

새로고침으로는 세션이 유지되며 이때 input은 영구적으로 사용불가합니다.

삼성인터넷 v29
input[type=file]
multiple
갤러리

위 조건이 모두 충족하면 버그 발생하며 간단히 다음 코드로 확인가능합니다.

(갤러리를 열기위해 accept사용)

<input type="file" accept="image/*" multiple>

multiple을 제외하면 삼성인터넷에서도 동작합니다.

<input type="file" accept="image/*">

개발자라면 삼성인터넷 29버전 이후로 multiple을 사용하지 않게 임시조치 또한 가능합니다.

var ua = navigator.userAgent || '';
var m = ua.match(/SamsungBrowser\/(\d+)/);

if (m) {
  var ver = parseInt(m[1]);
  if (ver >= 29) {// && ver < 해결될때까지
    input.multiple = false;
  }
}

민생회복 소비쿠폰, 꼭 출생년도로 나눠야 할까?

hi098123 — Tue, 22 Jul 2025 08:33:46 +0900

공지에는 '출생년도'로 되어있지만, 국립국어원은 '출생 연도'라고 하니 본문은 출생 연도로 적겠습니다.

출생 연도로 나누는 이유는 사람이 몰리면 감당 불가하니까이다.

사람이 몰리기 때문에 분산을 위해 출생 연도로 나누면 어렵지 않게 인원을 균일하게 나눌 수 있으니 자주 쓰이는 걸 볼 수 있다.

근데 내 생각은 좀 다르다.

굳이 출생 연도로 나눠서 5천만을 5로 나눠 최대 1000만 명씩 몰릴 수 있게 만드는 게 더 안 좋은 것 같다.

더 편리하고 안 몰리게 만들어보자.

데이터 베이스를 사용할 때 성능에 큰 무리를 주는 방법은 한 번에 할 수 있는 작업을 1개씩 나눠서 하면,

한 번에 하는 것보다 몇 배 이상의 부하가 걸리게 된다.

이 차이가 때로는 100배 이상의 차이도 발생할 수 있다. 때문에 가급적 필요한 작업은 모아서 한꺼번에 할 수 있으면 좋다.

때문에 많은 경우 데이터 벌크 작업 기능이 존재한다.

누구나 쉽게 이걸 이해할 수 있는 현실적인 예로는 단체로 중국집에서 짜장면, 짬뽕을 시킬때 줄서서 각각 주문하는가와 짜장면 A개 짬뽕 B개를 주문하는지의 차이다.

더 나은 방법?

더 나은 방법을 제안해 보자면 토스 같은 회사가 예전에 잘하던 방식인데

현재 없는 기능 하나를 만들면 사람들도 편리하고, 전체 부하량도 줄일 수 있을 것 같다.

개선 방법

금융사에서 알림을 보낼 때 사전 신청 예약폼을 제공하여 사전 신청을 함께한다.
정부 시스템에서 처리가능한 시간에 금융사(카드사 등)에서 입력받은 신청정보 벌크 데이터를 전달한다.
처리가 완료되면 처리되었음을 알려준다.

기존 방식대로 한다면

특정 요일에 신청 페이지에 접속한다.
정보를 입력(확인)하고 신청한다.
금융사에서 정부로 데이터 전달을 한다. (설마 여기서도 건별로 전달하진 않겠지??)
처리가 완료되면 처리되었음을 알려준다.

기존과의 차이는 사전 신청 정보로 금융사가 정보를 가지고 있다가 결국 정부 서버로 신청서를 보내는 방식이라는 차이인데 이 단순한 차이로 신청페이지 접속부하를 최소한으로 낮출 수 있을 것이다.

사전 신청이 별도 데이터 입력이 거의 필요 없다면 (예를 들어 금융/페이 앱에서 생체인식이나, faceid 정도로 인증서를 불러오는 정도) 단순 체크 박스(개인정보 동의) 한두 개에 사전 신청 버튼만 있다면 예상되는 부하는 수백 배 이상 줄이면서 사람들도 편리해지지 않을까 싶습니다.

2025-07-25 1.1.1.1 DNS 오류 발생으로 인터넷 장애 (서버 IP 주소를 찾을 수 없습니다.)

hi098123 — Tue, 15 Jul 2025 07:30:06 +0900

1.1.1.1 장애 안내: cloudflarestatus.com

장애로 인해 1.1.1.1서버에 연결불가하여 의도적으로 클라우드 플레어 DNS를 사용하는 경우 다음과 같은 방법으로 해제가 필요하다.

파이어폭스 브라우저는
기기내 DNS오류시에도, SSL 업데이트 문제시에도 인터넷 연결이 가능합니다

PC 윈도우의 경우

네트워크 연결 - 인터넷 속성 - IP버전4 속성 - 자동으로 DNS 서버 주소 받기

공유기 설정에서

dns 별도 설정시 자동으로 설정하기 (업체마다 다르므로 따로 검색)

맥(맥북 등)

네트워크 - dns서버 - 값 추가(1.1.1.1 장애시 8.8.8.8 등으로 변경가능)

Flush DNS

이후 터미널에서 Flush DNS 하여 DNS값 초기화하면 빠르게 복구 가능

윈도우 CMD에서

ipconfig/flushdns

맥 터미널에서

sudo killall -HUP mDNSResponder; sleep 2;

[SKT 해킹] SK7Mobile 알뜰폰 유심보호서비스 신청 방법

hi098123 — Thu, 24 Apr 2025 03:20:59 +0900

우선 앱 기준으로 설명합니다. 웹에서는 맨 아래에 이미지 한장이 첨부되어있습니다.

부가서비스에서 신청가능하므로 응용해서 웹에서도 가능하실겁니다.

처음 화면이 아래와 같지 않다면 가운데 My를 누르면 됩니다.

1. 부가서비스 조회 변경에 들어가기

부가서비스 조회 변경에 들어가기

2. 부가서비스 가입하기 (유심보호서비스)

부가서비스 가입에 들어간 뒤

하단에 '유심보호서비스'를 누른뒤 필수 동의후 신청합니다.

3. 가입확인하기

유심 보호서비스 가입이 완료되었습니다.

부가서비스 조회를 통해 확인가능합니다.

웹 페이지에서 신청 방법

웹 페이지에서 신청하려면 로그인 후 MY - 요금제/부가서비스 에 있습니다.

추가 정보

일부 뉴스등에서 소개한 '유심 비밀번호 설정'은 소유중인 USIM자체에 비밀번호를 거는 방식으로 이 문제(별도의 유심 복제 가능성)에 도움되지 않습니다.

유심 암호는 물리적인 유심의 보호수단으로 물리적으로 탈취되지 않을경우 암호는 사용되지 않습니다.

유심 보호서비스도 문자인증으로 간단히 해제가 가능하지만 SK에서는 우선 기존 기기와 기지국과의 연결이 끊겨야지만 신규기기와 연결이 가능하도록 하고 모니터링 하는것으로 보입니다.
다만, 배터리가 끊긴 타이밍에 복제 유심기기가 연결된다면 해결책이 있는지는 파악하지 못했습니다.

엠세이퍼(MSafer)도 이 문제에는 도움되지 않습니다.

엠세이퍼는 유심 복제 방지가 아닌 동일 개인정보(이름, 주민번호, 신분증)를 이용해서 명의도용 신규 알뜰폰 가입방지를 위한 서비스로 유심 정보 유출로 유심 복제한다면 이미 가입된 정보이기 때문에 의미없는 행동입니다.

오히려 알뜰폰의 경우 다른 통신사로 번호이동이 편할건데 이를 막게됩니다.

SK는 대리점에서 28일 10시부터 무상교체를 받을 수 있고

SK7Mobile은 현재(2025-04-25)까지 유심 교체에 대한 공지사항은 없습니다.

가능하면 교체가 권장됩니다.

USIM 스왑으로 가능한 문제들

휴대전화 인증 (본인인증, SMS인증, OTP인증, 휴대전화 로그인, ARS인증 등)
계정 아이디 찾기 / 비밀번호 재설정
휴대폰 결제 (결제금액은 납부 요금에 포함됨)
악의적 사용자가 보이스피싱과 스팸메시지 발신번호로 사용가능
공인인증서 발급 (주민번호를 알고 있는 경우)

SMS인증, OTP인증을 제외하고는 추가적으로 이름과 생년월일을 알면 위 동작이 가능하다.

이름과 생년월일은 해외 SNS 계정을 문자(SMS) 인증으로 찾은 뒤 로그인하면 알 수 있다.

네이버, 카카오 뿐 아니라 은행이나 공인인증서 재발급등도 가능하고 이를통해 할 수 있는일은 우리가 인터넷으로 할 수 있는 모든 일이다.

2025-04-26 추가 내용
제 의견으로는 시중에 유통되어 있는 미등록 유심도 고유번호가 유출되었을 가능성이 있으며

그렇다면 나중에 잠잠해진 뒤 유심 복제후 기지국에 연결이 되면
SNS(카카오톡, 인스타, 페이스북 등) 휴대폰 인증후 로그인을 통해
해커가 이름과 생년월일 유추가 가능하기 때문에 지금의 유심은 교체하여도 문제될 것 같네요.
이 경우 차이는 (기존)대상을 아는 경우, (교체 이후)무작위 대상의 차이가 될 것 같네요.

SKT에서 기존 시중에 유통된 모든 USIM을 폐기처분하고 신규 발급한 USIM을 사용하지 않는 이상
교체에도 효과가 없을것 같고 주요 기업 임직원, 보안이 필요한 직업군, 금융자산 보호가 필요한 사람 등은 다른 통신사로 번호이동이 더 좋을것 같습니다..

2025-04-05 클플 ICN 연결 오류

hi098123 — Sun, 6 Apr 2025 02:40:21 +0900

한국시간 5일 새벽3시 이후 ICN연결이 불가하며 ICN > FUK > KIX > NRT (>= HKG = SIN) > LAX 순으로 우선 대체 연결됩니다.

(기존 ICN은 FUK로, FUK는 KIX로 등)

오류발생 이후 1일이 경과했지만 연결오류는 해결되지 않은걸로 보입니다.

또한 이 과정에서 일본엣지(FUK, KIX, NRT)에 트래픽이 대량으로 발생하여 기존 지연 시간 대비 3 ~ 10배 가량 더 딜레이됩니다.

대략적인 딜레이는 아래와 같습니다.

엔터프라이즈: ICN(평상시 10~30ms) -> FUK(현재 100~150ms / 평상시 12~70ms)
비즈니스: FUK(평상시 12~70ms) -> KIX(현재 120~300ms / 평상시 30~100ms)

클플 속도 측정에서 원래 가까운 ICN으로 잡혀야하지만 FUK후쿠오카로 잡힌 모습

한국시간 2025-04-06 오전 11시 기준 연결정보 (원래 세개 모두 ICN)

2025. 04. 06. 이후 작성내용

오류로 알아보는 대표적인 ICN연결 사이트들 비교(굵은 글씨)

ICN연결 가능

one.one.one.one
cloudflare.tv
theqoo.net

FUK(후쿠오카) 리전 배정사이트(ICN바로 아래급이며, FUK자원이 모자라면 KIX로 연결됨)

speed.cloudflare.com
discord.com
chatgpt.com
gitlab.com

KIX리전 배정 사이트

cloudflare.com
namu.wiki
cloudflare.net
zod.kr
cloudflare-dns.com
www.npmjs.com
codepen.io
cdnjs.com
ridicorp.com (비즈니스: FUK)
chimhaha.net (비즈니스: FUK)

무료 등급에서는 LAX등 으로 미국리전 배정 동일하고, 기존 ICN배정 사이트들이 계약이나 다른 우선순위에 따라 분산된것으로 추정하고 있습니다.

cdnjs와 같이 클라우드 플레어가 무료로 지원하는 오픈소스등의 ICN은 현재 KIX로 변경되었습니다.

4월 8일 (미국시간 기준 4월 7일 월요일) 해결되었습니다.

한국 지점 서버이지만 미국 시간 월요일 이후 문제가 해결되었네요.

미래의 도시

hi098123 — Tue, 25 Mar 2025 18:25:30 +0900

미래의 도시는 어떤 환경일까 생각해본적이 있나요?

가끔 나오는 아이디어들이 제가 사용할수 있는게 아니면 간단히 적어볼까 합니다.

미래 배송 시스템

과연 남들이 예상하듯 드론이 물건을 배달할까요?

드론은 기존 택배나 물류 시스템보다 나은점은 가기 어려운 장소를 콕 집어서 갈 수 있다는 장점을 갖는 1대1 배송에 좋은 시스템입니다.

미래엔 도시 설계부터 지하에 모든 건물 지하를 통과하도록 물류용 지하철이 지나가고, 그 위로 배송은 엘레베이터를 이용할 수 있습니다.

이런 시스템을 갖추면 드론에 비해 에너지 소모량이 줄고 (에너지 효율적)

택배는 도시에 도착해서 한곳에서 모든 도착지까지 배송가능하며,

음식배달을 시키더라도 배달기사 없이 조리 이후 기상상황과 관계없이 곧 바로 집까지 배달이 가능할 수 있습니다.

음식점 호출 -> 배송시작 -> 고객 확인(시킨 상품을 휴대폰이나 기기로 확인) -> 배송완료

이와 유사한 물류시스템은 2025년 현재에도 택배사(자동화)나 인천공항 캐리어 이송 시스템등에서 찾아볼 수 있습니다.

다만, 중앙집중 구조로 위험한 물건이 배송되지 않도록 모니터링도 잘 해야할겁니다.

비용과 현실적인 상황

이런 도시를 계획하고 설계하려면 현재 경기도 외곽 지역정도만해도 수십수백조 이상의 많은 비용이 들을겁니다.

때문에 당장은 현재 미개발된 시골이나 개발도상국등에 건설만 가능할것으로 예상됩니다.

우리나라보다 늦게 개발된 중국이나 동남아등 최근 개발되는 지역은 우리보다 더 편리한 시스템이 들어가있기도 합니다.

유럽이나 미국과 같은곳의 100년 이상된 엘레베이터나 지하철같은걸 보면 우리와 많이 비교되듯이 말이죠.

전체 도시에 신기술이 도입되려면 빈땅이나 미개발지역이 항상 필요합니다.

이런 도시를 많은 비용을 들여도 사람이 없다면 투자는 망하고 문제가되겠죠.

결국 이런 도시가 나오려면 국가나 컨소시엄이 구성되어 시골땅을 크게 매입하여 신도시를 건설하거나 언제가될지 모르는 통일(지금보면 양안전쟁발발 이후 뜬금없이 곧 될수도) 이후가 되지 않을까 싶네요.

디지털 온누리 (만약 흰 화면만 뜬다면?)

hi098123 — Wed, 5 Mar 2025 01:05:29 +0900

온누리 상품권(KT, 비즈 플레이) 앱이 디지털 온누리(조폐공사)로 전환되면서 다양한 문제점이 부각되고 있다.

흰 화면만 뜨는 경우를 분석하여 해결방법을 소개해보고자 한다.

로고 이후 흰 화면만 뜨고 화면이 안뜨는 경우?

요즘 앱 중에 네이티브로 제대로 개발하는 앱이 많이 없다.

이 현상은 PC프로그램도 마찬가지이며, 불필요하게 HTML, CSS로 디자인하고 운영하는 경우가 많다.

조폐공사에서 만든 "디지털 온누리" 앱도 마찬가지로 웹페이지를 표시하는 앱이다.

따라서 화면을 표시하기 위해 최신버전의 WebView 앱이 필요하다.

아래 PlayStore에 접속하여, 업데이트가 가능하다면 이 앱을 우선 업데이트 후 이용하시면 됩니다.

https://play.google.com/store/apps/details?id=com.google.android.webview

Android 시스템 WebView - Google Play 앱

앱용 웹 콘텐츠, Chrome 제공

play.google.com

저는 주로 이 앱을 자동업데이트 비활성화를 해놓는데(타 앱에서 충돌이 나는 경우가 많아 업데이트를 막아둡니다..)

요즘 웹으로 앱을 만들고 호환성은 신경안쓰고 개발을 하다보니 적용안되는 코드들이 섞여 앱 실행에 제한되는 경우가 상당히 많습니다.

개발과정중에 babel로 호환성만 맞춰도 그렇게 노력이 크게 들어가지 않는데 이것조차 하지 않는게 현실이네요..

IT분석

원하는 서비스를 분석요청하실 수 있습니다. (댓글로 남겨주세요.)

다만, 몇 가지 제한사항이 있습니다.
1. 정보통신망법률을 위반하지 않는 경우에만 가능합니다.
    1. 리버스 엔지니어링은 하지 않습니다. (EXE파일, 난독화파일 등 분석작업은 하지 않습니다.)
    2. 개방된 서비스만 신청이 가능합니다. (누구나 접근가능해야되며, 암호화등 숨겨진 서비스는 불가)
    3. 임의변경을 시도해야하는 경우는 받지 않습니다.
2. 관심을 가지고 있는 사용자가 많은 내용만 분석 신청가능합니다.

신청은 댓글 또는 방명록에서 해주세요.

애플에서 공식 안내하는 Mac Mini SSD 자가 교체법 (M4/M4 Pro)

hi098123 — Sun, 2 Mar 2025 07:30:30 +0900

유튜버들이 256GB 깡통 맥미니 M4로 SSD 2TB 업그레이드를 많이 하였는데

애플에서 의외로 SSD 교체방법을 안내하고 있다.

아무래도 지난번 법률 개정으로 부품을 사용자가 교체할 수 있도록 만들어야해서 그런것으로 보인다.

아이폰과 갤럭시등 미국에서 수리키트를 판매하도록 법률이 개정되었으며 자가수리가 가능하도록 안내와 수리키트를 제공하고있다.

맥미니 SSD 교체 난이도는 노트북 뒷판을 뜯어 부품을 교체하는 정도라고 볼 수 있으며, 애플 나사에 맞는 드라이버가 필요하다.

애플 설명서를 읽으면 아예 처음 본 노트북 뒷판을 뜯는것보단 쉬울 수 있다.

주로 유튜버들은 M4 기본형 맥미니만 뜯었지만

M4 Pro 뜯는 방법 부터 교체까지 부품별 링크로 주의사항까지 상세하게 모두 설명되어있다.

1. 하단 덮개 여는법

https://support.apple.com/ko-kr/120995

Mac mini(2024년) 하단 덮개 - Apple 지원 (KR)

분리 및 재조립 단계가 포함된 수리 절차

support.apple.com

2. 안테나 선 분리방법

https://support.apple.com/ko-kr/121140

Mac mini(2024년) 안테나 플레이트 - Apple 지원 (KR)

분리 및 재조립 단계가 포함된 수리 절차

support.apple.com

3. 팬 분리 방법

https://support.apple.com/ko-kr/121000

Mac mini(2024년) 팬 - Apple 지원 (KR)

분리 및 재조립 단계가 포함된 수리 절차

support.apple.com

4. SSD 모듈 교체 방법

https://support.apple.com/ko-kr/121003

Mac mini(2024년) SSD 모듈 - Apple 지원 (KR)

분리 및 재조립 단계가 포함된 수리 절차

support.apple.com

분해1234 조립4321 순으로 부품 업그레이드 가능하고 맥 OS설치를 위해 별도의 최신 OS(14.1 이상)가 돌아가는 맥 기기가 한대 더 필요하다.

주로 호환 SSD만 보이며 공식 SSD 출시여부는 모르겠습니다.

M4 Pro용 SSD도 교체 방법이 소개되어있지만 현재(2025년 2월 까지) 검색으로 나오진 않는것 같습니다.

M4용 SSD는 중국업체와 미국업체가 보이는데 모두 같은 중국업체 제품을 팔고있는것으로 보입니다. (부품과 배열 동일)

교체가능한 최대용량은 2TB이며 그 이상은 불가한걸로 보입니다.

5. 마지막, 맥 OS 복구하기

https://support.apple.com/ko-kr/108333#RestoretheMac

SSD를 자세히 보진 못했지만 컨트롤러등은 애플 실리콘에 내장되어있고, SSD는 저장 NAND만 있다고 들었는데

기존 SSD보다 제작비용이 저렴할 수 있지 않나 싶습니다.

Arm칩의 진화

hi098123 — Mon, 24 Feb 2025 04:16:32 +0900

CPU하면 인텔(더 예전엔 IBM이 있었지만)이다가 어느 순간 대세가 AMD로 넘어가더니

요즘엔 ARM이 눈에 띈다.

대표적인 ARM 설계칩은 애플 실리콘이 있다.

애플 M4칩

장점

고성능 + 적은 전기 사용량

이 CPU들은 최신 CPU라 성능이 좋은건 당연할 수 있지만..

특히 전성비가 매우 좋아 휴대기기급으로 전기를 먹고 일은 고사양 PC급으로 해준다.

ARM은 원래 휴대기기를 대상으로 한 저전력 CPU를 설계하던 기업이다.

적은 전기 사용량 ≒ 적은 발열

이런 특징은 서버쪽에서도 엄청난 비용을 줄일 수 있고 발열로 인한 적정 온도를 유지하기 위한 비용또한 크게 줄여준다.

고화질 영상처리, 이미지 처리등 고성능 CPU작업이 필요한 경우나

DB서버, nodejs서버 등 단일코어가 빨라야하는 서버 등을 만들때에도 사용해볼법하다.

동일한 맥락에서 노트북에 탑재되었을때도 크게 도움이 되는데

좋은 성능 + 적은 발열(≒ 적은 소음) + 적은 배터리 사용량이라는 엄청난 장점을 가지게 된다.

열을 식힐 팬 사용량도 함께 감소하여 소음도 적어진다.

단점

호환 문제

일부 프로그램은 x86(32비트), x64(64비트) CPU전용으로 만들어져 실행 불가할 수 있다.

2025년 기준 대부분 프로그램은 실행가능하며,

최근에는 python, nodejs, java, c# 등 기기와 상관없이 실행가능한 코드로 제작된 프로그램이 많아 큰 제약이 없다.

또한 애플 실리콘 전환 이후 앞으로의 맥 애플리케이션은 호환되게 만들어야하므로 대부분의 프로그램은 전환이 빠를수밖에 없다.

M1칩 출시전후로 어도비등 대형 소프트웨어 업체의 마이그레이션에 도움을 준것으로 알고있다.

안드로이드는 주로 자바 기반의 프로그램이 동작하여 ARM칩과는 크게 상관없다.

운영체제중엔 윈도우 ARM이 문제였는데 윈도우는 32비트 64비트 전용프로그램이 많고 이미 점유율을 크게 갖고있는 상황이었고 통합 프로그램이 많이 없던 상황으로 윈도우 호환성이 부족했다.

게임같은 경우 C++로 개발된 경우도 많아서 ARM빌드가 따로 필요하고, 오래된 지원이 끊긴 게임이라면 에뮬레이터 위에서 돌려야 할 수 있다.

MAC에서의 게임 지원

애플용으로는 게임이 윈도우에 비해 적고 Nvidia 그래픽의 작업에 맞춰 그동안 코드 설계가 되어있어 지원하기도 어려운점도 있다.

애플 실리콘에 탑재된 그래픽 성능은 좋은편이나, 제 성능을 발휘하기위한 환경이 덜 갖춰져 게이밍 환경이 부족하다.

다만, 앞으로 M4 맥미니처럼 가성비 라인업이 꾸준히 공급되면서 맥 계열 이용자가 점차 늘어간다면 게임사에서 맥 지원을 늘릴 수 있어보인다.

저전력 고성능 CPU가 모바일의 미래

모바일과 노트북의 미래 CPU라 본다. (더 나아가 데스크탑과 서버도..)

그리고 ARM설계를 기반으로 회사가 조금 더 더해 CPU를 제작중인데 애플처럼 고성능+전성비+가성비 cpu가 나오는 회사들만 미래에 성장가능성이 있지 않을까 싶다.

삼성도 ARM기반 엑시노스가 있는데 성능이랑 발열등 다른 설계와 비교해서 미흡한 부분이 많다.

인텔이랑 손을잡긴했는데 인텔의 설계 CPU를 넣을지 자체개발할지는 모르겠으나 자체 설계에 성공하지 않는 이상, 계속 CPU회사에 끌려다닐것이고 이럴 경우 미래는 어두워 보인다.

npm에서 사라진 XEIcon, CDN주소 github로 변경하기

hi098123 — Wed, 12 Feb 2025 21:02:30 +0900

기존 코드는

<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css">

변경(깃허브)

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/xpressengine/XEIcon@2.3.3/xeicon.min.css">

2021 ~ 2022년쯤 npm에서 저장소가 제거되면서 언젠가 사라질 가능성이 있어

제 경우에는 22년쯤 모든 사이트에 기존npm위치에서 깃허브 저장소로 변경하여 호출하도록 변경하였습니다.

언젠가 복구되겠지 하면서 따로 글을 남기진 않았었네요.

그렇다고 npm에 개인이 넣기에는 관리할것도 아니라서 이렇게 사용자가 바꿔쓰는게 맞지 않나 싶습니다.

이제는 완전히 접속 못하게 된 것 같습니다.

때때로 코드가 지워질 수 있어 포크하여 사용하거나, 주의가 필요합니다.

XEIcon을 보면 알수있는 정보로 JsDelivr에 연결된 CDN업체의 캐싱기간은 1년이나,

사용자가 많아 종종 갱신되면서 or 구조상 아마존 백업 서버의 영향인지 4년정도 원본없이 제공되었습니다.

사용자가 많으면 생각보다 오래 남아있는것 같습니다. (사용자가 없으면 금방 캐시에서 만료되고 지워집니다.)

zip, rar 압축풀기 무설치 사이트!

hi098123 — Thu, 7 Nov 2024 02:22:47 +0900

이번에는 무설치로 + 브라우저만 이용해서 압축해제 가능한 툴을 소개하려고 합니다.

최신 브라우저에서는 용량제한이 없고, 분할압축 해제도 가능합니다.

유명한 압축 포맷을 두가지 뽑자면 첫째는 ZIP일것이고 요즘에는 자주 쓰이진 않아 두번째는 아니어도 순위권에 RAR파일도 있습니다.

특징

브라우저에서 무설치로 이용가능
용량 제한없이 이용가능
서버 전송 없음

브라우저에서는 2~4GB 정도 이상의 파일을 다루기 어려우나, 대용량 파일을 처리하기 위한 다양한 방법을 활용해 그 이상의 파일을 문제없이 이용하실 수 있습니다.

파일 기능이 크롬 계열에 더 많이 지원가능하여 크롬, 엣지 등 브라우저로 이용하시는 걸 권장드립니다.

RAR 파일 압축 해제 방법

RAR 파일 압축해제 툴

RAR 파일 압축을 풀어요!

t.hi098123.com

1. 파일을 불러옵니다.

파일 불러오기 전(왼쪽) / 파일 불러 온 후 (오른쪽)

2. 비밀번호를 입력(없으면 빈칸) 후 압축해제(새 탭 열림)를 누릅니다.

크롬 계열 브라우저 이용시(크롬, 엣지 등)

크롬 계열 브라우저에서는 저장할 폴더 선택 버튼이 뜹니다.

클릭하여 폴더를 선택하면 해당 폴더에 해제되는대로 저장됩니다.

이외 브라우저에서는 폴더에 쓰기 권한을 받을 수 없기 때문에 다시 원래 화면으로 돌아와 파일을 어떻게 저장할 지 선택가능합니다.

크롬 이외의 브라우저(파이어폭스, 사파리 등)

Zip(stream)을 누르면 zip파일로 저장되며 개별 파일로 저장시 폴더는 무시되고 파일만 저장됩니다.

예를 들면 a.txt 와 b/c.txt(b폴더 안 c.txt) 는 a.txt 와 c.txt로 저장됩니다.

ZIP 파일 압축 해제 방법

ZIP 파일 압축/해제 툴

ZIP 파일을 압축하고 풀어요!

t.hi098123.com

1. 압축 해제할 파일을 불러옵니다. (드래그 앤 드롭 OR 불러오기 버튼) / 분할 압축된 경우 모든 파일을 한번에 불러오세요.

2. 암호가 있던 없던 상관 없이 곧바로 구조가 나타납니다. (zip파일 특징은 암호 없이도 파일 구조를 알 수 있습니다.)

3. 파일을 더블클릭 하거나, 저장 버튼을 누르면 저장가능합니다.

우상단에 '저장할 폴더 선택'버튼이 보이는 크롬 계열 브라우저에서는 선택한 폴더에 폴더 통채로 바로 저장가능합니다.

크롬 이외의 브라우저에서는 폴더 내 파일만 선택하여 저장가능하며 폴더 안 파일은 지원하지 않습니다.

ZIP 압축하기

선택 파일 압축하기 버튼을 눌러 압축 가능합니다.

몇 가지 파일을 압축하고 싶은 경우 이걸 이용해서 손쉽게 압축 또한 가능합니다.

이벤트에서 제세공과금과 개인정보, 더 나은 방법은 없나?

hi098123 — Fri, 19 Apr 2024 10:30:34 +0900

오늘은 개인정보를 주제로 글을 적어보려고 합니다.

현재 법령에 따라 5만원이 넘는 상품을 이벤트로 지급 시 누가 세금을 내는지에 상관없이 세금 처리를 위해 개인정보(주민번호)를 수집합니다.

지속적인 정보유출로 인해 요즘은 휴대폰 본인인증의 원리글에서도 적었듯이 주민번호를 사용하지 않고, 신뢰할 수 있는 기관 내에서만 처리하는 추세입니다.

개인정보 보호를 위해 민간에서 개선할 수 있는 점이 떠올라 공익을 위해 아이디어를 공유해보고자 합니다.

아이디어를 공유하지 않아도 웬만하면 5 ~ 10년 지나면 유사 제품이 나오는데..

이건 제가 가지고 있을 때 득이 별로 없는 아이디어 같네요. (빠르게 실생활에 적용되면 좋겠습니다.)

우선 현재 구조를 보고 문제를 파악해봅시다.

현재 구조

이벤트 당첨자
이벤트 개최 회사
이벤트 중계 처리 회사 (제세금 처리, 당첨금 지급업무)

주로 이런 구조를 취합니다.

이벤트 개최 회사는 주로 대기업들이 많고, 다른 소규모 회사에 위탁을 주어 처리합니다.

위탁 처리로 인해 개최사의 개인정보 처리나 사후관리등 부담을 줄일 수 있고, 중계 회사는 중간에 수수료를 먹는 구조입니다.

아마도 처음 들어봤을 이벤트 처리회사(제 3자)에 주민번호를 건네주는 것은 당첨자 입장에서 목적에 맞게 쓰일까 의심가능합니다. (대부분은 잘 처리하겠지만요.)

제세금에서 개인정보의 목적

기타 소득 발생을 국세청에 신고하기 위함입니다.

민간에서 더 나은 개인정보 보호 방법 찾기

국세청에 신고 업무를 하면서 개인정보를 처리하고, 그만큼 보안 책임을 갖는 회사는 대표적으로 금융권이 있습니다.

현재 금융권에는 오픈 뱅킹 서비스가 있으며, 이런 업무처리는 토스(인터넷 은행)에도 어울릴 것 같습니다.

입금정보가 기타 소득으로 처리되는 제세금 처리 가상계좌 발급
API로 당첨페이지에서 바로 제세금 신고와 함께 본인 계좌로 송금 가능한 서비스
제세금 정보 처리 위탁 발급하여 [당첨자 ↔ 금융권 ↔ 이벤트사] 금융사를 통해 입금이나 세금처리
1. 이벤트사가 세금 정보를 금융권 제공 form에 입력 후
  (사용자 휴대전화 또는 오픈뱅킹 계좌인증 또는 인증서 고유값 등으로 특정하여 금융권에 제출)
2. 앱 푸시 또는 SMS로 사용자의 세금정보 확인(검토)이 완료되면
3. 확정되어 국세청에 신고 (+ 세금 신고 완료됨을 이벤트사에 통보)
4. 이후 경품 지급

대략 이 정도 방식으로 당첨자 본인이 사용하는 금융업체(은행 등)를 통해 이벤트사에는 최소한의 개인정보만을 제공하고 세금처리 위탁가능하다면, 개인정보 보호에도 도움이 될 것 같습니다.

세금 처리가 완료되면 이벤트 사는 금융사로부터 세금처리 완료됨을 안내받고, 상품(돈)을 발송하면 되는 과정입니다.

이걸 휴대전화 인증처럼 법적으로 강제하게 되면 더 안전해지긴 하겠지요.

이와 비슷한 문제를 갖고 있는 사례가 있다면 비슷하게 해결 또한 가능할 것 입니다.

단점

이 방법에 장점만 있는것은 아닙니다.

물론 의지만 있으면 만들겠지만 기능을 만들고 제공하는 금융권 입장에서 보면 이득이 거의 없죠.

수익성을 생각하면 기존 제3자 이벤트사를 대체하여 수수료를 챙길 순 있긴합니다.

그나마 볼 수 있는 이익을 생각해보면 다음이 있지 않나 싶네요.

가입자 확보
소정의 수수료 챙기기

공공 영역에서 개선방안 찾기

국세청에서 재발급이 가능한 세금 처리용 코드를 발급해서 기존 ①주민번호 와 ②사업자번호로 처리하던 세금 시스템에

③개인식별 세금코드(오프라인용 코드 식별은 QR 인증 또한 가능하게)를 추가하는 방안이 있습니다.

이 코드는 만료되면 사용하지 못하고, 언제나 재발급이 가능해야 안전하게 유지할 수 있습니다.

이 방법은 기존 현금영수증 처리에도 적용할 수 있어 개인정보인 휴대전화번호 제공이 필요없어집니다.

이런 방안을 사용하면 개인정보의 이동을 줄여 유출 가능성을 줄이고, 더 안전한 시스템으로 사회가 돌아갈 수 있을것으로 예상합니다.

애드센스 연결이 중단되다.

hi098123 — Mon, 11 Mar 2024 12:22:20 +0900

며칠 전부터 수익이 떨어졌길래 확인해 보니 티스토리에서 연동 기능을 사용하지 않은 경우 승인상태를 '검토 필요'로 변경하였습니다.

블로거의 광고는 사라지고, 카카오 애드센스 광고만 나타나더라더군요.

(특히 수익은 나지만 일부 관리 안되고 있는 오래된 블로그 유저들은 특히 손쓰기 어려워 영향이 커 보입니다. 티스토리만 사용한다면 이번달부터 계좌에 찍힌 돈이 0에 가까워질 테니 인지할 수 있겠죠?)

수익배분율도 플랫폼 0%, 사용자 100%로 소개하고 있는데 자체 광고가 상단에서 경쟁하기 때문에 플랫폼에 최소한 30%는 뺏기게 됩니다.

상황을 봐서 시간 날 때 아예 광고를 빼버리고 이전할 계획입니다.

광고 연동?

앞으로 연동하지 않고 사용하는 기존 사용자를 정리하기 위함으로 생각됩니다.

연동전에는 위와 같은 문구를 확인가능합니다.

광고 연동시 아래와 같은 메타태그가 들어가고 정상적으로 광고 송출됩니다.

<meta name="google-adsense-account" content="ca-pub-*****"/>

당초 6월중으로 안내하였으나, 3월 6일쯔음 중단된걸로 파악됩니다.

https://notice.tistory.com/2581?category=179

검토요청 결과(내용 추가)

약 6시간이 걸려 재승인 되었습니다. (한국시각 오후 6시 경)

동일한 문제가 안생길 법 없으니 차근차근 대비해야겠습니다.

배민1(원) 플러스 수수료 계산기

hi098123 — Thu, 25 Jan 2024 07:13:07 +0900

2024년 1월 17일 출시된 배민1 플러스 요금제를 기존 계산기에 추가하였습니다.

계산하려 할 때 입력할 값은 많아졌지만, 금방 따라할 수 있습니다.

판매금액 입력하기

수수료를 알아볼 주문가격에 사장님 부담 쿠폰 가격을 제외합니다.

예를 들어 3만 원짜리 주문을 했는데 사장님이 발급하는 10% (또는 3,000원) 쿠폰이 있다면 27,000원으로 작성하시면 됩니다.

사장님 부담 배달팁 입력

도움말 버튼을 누르면 공지를 확인할 수 있습니다.

기본금액

이 글 작성일 기준으로 아래 표에 나오지 않은 배민1 서비스 지역은 2,800원입니다.

사장님 추가 부담 배달 할인 금액

[배민셀프서비스 → 가게관리 → 주문정보]에서 고객배달팁 할인에서 관리 가능합니다.

미설정시 0원입니다.

예를들어 최대 3,000원 할인을 했는데 고객이 부담할 금액이 700원이라면 700원만 나갑니다.

고객 부담 배달팁

알뜰 배달팁과 한집 배달팁을 입력해주세요.

[배민셀프서비스 → 가게관리 → 주문정보]에서 '고객이 부담하는 배달팁'

또는 주문앱에서 가게 배달팁을 보면 사장님 부담금으로 지워지기 전 값으로 확인하실 수 있습니다.

계산 결과

서울에서 운영 중인 가게기준 3만 원 주문에서 사장님이 3천 원 할인해주고, 한집배달 기준 고객 부담 천원 일 때

(고객부담팁은 3만 원 기준)

배민1 플러스 요금제

배민1 정산금액

정산금액 자체는 더 좋은데 배민이 유동적으로 고객부담팁을 건드리므로 부담될 수는 있습니다.

금액이 높아질수록 기존 기본형 요금제와 정산금액차이가 많이 납니다.

(배민에서 설정한 고객 부담팁이 금액에 따라 설정되어 있어 주문금액이 높아질수록 사장님 지원 부담금이 줄어들어 그렇습니다.)

수수료 계산기 바로가기

배민1 수수료 계산기

배달의민족의 수수료를 계산합니다. 배민1의 변경된 수수료체계로 적용했을때 정산금액이 얼마나 되는지 쉽게 계산해보세요.

t.hi098123.com

2023.09.18 네이버 마이박스 오류

hi098123 — Mon, 18 Sep 2023 14:45:08 +0900

오늘 오후2시경 네이버 마이박스(Mybox) 서버오류가 발생하였습니다.

마이박스 접속오류

{
  "resultcode" : 500,
  "message" : "internal error",
  "resultvalue" : null
}

서버쪽 오류코드는 500으로 내부 어플리케이션 서버쪽 이상으로 다운된것으로 보입니다.

일반적으로 내부 시스템 업데이트가 잘못되었을 가능성이 있고, 오류는 20분 정도에서 한두시간 정도 지속될 것 같습니다.

{
  "code" : "1005",
  "message" : "Your request is currently being processed. You can check again later to see the request has been processed.",
  "result" : null
}
{
  "code" : "1000",
  "message" : "Internal Server Error",
  "result" : null
}

DB와 통신이 안되는 경우나 DB서버 오류인 경우 시스템 크기가 크기 때문에 조금 더 시간이 지체될 수 있습니다.

만약 마이박스에 중요한 데이터가 있다면 업무가 힘들수도 있습니다.

{
  "resultcode" : 999,
  "message" : "org.apache.http.conn.ConnectTimeoutException: Connect to dms3.mybox.naver.com:8080 [dms3.mybox.naver.com/10.99.163.133] failed: connect timed out",
  "resultvalue" : null
}

하나씩 고쳐지고 있는것 같긴합니다.

고객센터에서 점검완료 알림받기 설정 가능합니다.

https://help.naver.com/service/5594/category/bookmark?lang=ko

MYBOX 고객센터

네이버 서비스 이용에 필요한 고객센터 도움말을 확인해 보세요. 검색과 스마트봇으로 더욱 쉽고 빠르게 궁금한 점을 해결할 수 있습니다.

help.naver.com

15881555 '도로명 불일치' 스미싱

hi098123 — Tue, 22 Aug 2023 08:16:35 +0900

문자, 이메일은 발신자 조작이 쉽습니다.

그나마 요즘은 문자의 경우 국가기관, 은행은 발신자를 이중으로 확인하여 조작이 차단되도록 설정되어있는데

대부분의 민간 기업에는 적용되어있지 않아 아직도 조작이 가능합니다.

15881555는 인터파크의 대표 번호지만, 이번에 스미싱에 이용되었습니다.

사례

1. 도로명 불일치로 애플로그인(아이디, 비번)입력 요구 (애플기기로 접속시)

우측은 링크를 클릭했을때 나타나는 스미싱 페이지

2. 안드로이드 접속시 'chrome.apk' 설치 요구

PC접속시 404페이지를 보냅니다.

백신등 분석이 필요하면 User-Agent를 바꿔야 접속할 수 있습니다.

대응방법

개인정보(애플 아이디)를 입력하지 않은경우 (chrome.apk를 실행하지 않은경우)

문자를 무시하시면 됩니다.

개인정보(애플 아이디)를 입력한 경우

먼저 비번을 바꿉니다.
로그인한 기기를 확인하고 내 기기가 아닌게 있다면 '목록에서 기기 제거하기'를 하세요.

각 방법은 다음의 애플 공식 도움말을 참고하세요.

Apple ID 암호 변경하기

다음 단계에 따라 Apple ID 암호를 변경합니다.

support.apple.com

Apple ID 기기 목록에서 로그인한 기기 확인하기

Apple ID 기기 목록에 어떤 기기가 표시되는지 알아보고, 기기의 세부 사항(신뢰하는 기기인지 여부 포함)을 확인하는 방법과 기기를 제거하는 방법에 대해 알아봅니다.

support.apple.com

chrome.apk를 실행한 경우

알 수 없는 출처로 설치되지 않은경우

무시하시면 됩니다.

알 수 없는 출처를 풀고 설치한 경우

먼저 데이터와 와이파이를 끈 후 어떤 추가앱이 설치되었을지 모르므로 초기화를 추천드립니다..

장원영 인스타 검정하트( ) 기사 팩트체크

hi098123 — Sat, 29 Jul 2023 13:15:13 +0900

기사는 일단 세 군데에서 발행한것으로 확인됩니다. 커뮤니티 발 기사로 보입니다.

아시아투데이 https://www.asiatoday.co.kr/view.php?key=20230728001601561
헤럴드경제 http://news.heraldcorp.com/view.php?ud=20230728000673
서울경제 https://www.sedaily.com/NewsView/29SBIBR10A

검정하트

검정하트는 할당된 유니코드가 4개 정도 있습니다.

이 유니코드는 각자의 특징을 이름으로 표현해 두는데 폰트를 만드는곳에서 이 이름을 토대로 변형가능합니다.

각자 특징으로 폰트를 만들기 때문에 윈도우, IOS, 안드로이드 별 동일한 아이콘이 다르게 보이는 것입니다.

그리고, 아이콘 폰트는 크기가 크기 때문에 기기별로 기기에 저장된 폰트가 보입니다.

유니코드 체계와 폰트 체계는 제가 전문은 아니지만 조금은 아는데 제가 작성한 문서들은 아래와 같습니다.

[구글이 유니코드를 잘못 적용한 사례를 지적한 글] https://hi098123.tistory.com/486
[폰트 서브셋 변경(제거) 툴] https://t.hi098123.com/font-subset
[폰트 파일 변환기 (woff2, woff, ttf, eot)] https://t.hi098123.com/font-converter

폰트 정보는 전송되지 않는다! (기기별 다르게 보이는 동일한 문자코드)

어떤 문자로 글을 쓰면 기기에 내장된 폰트(일반적으로 emoji 폰트는 대용량이라 외부 폰트를 사용하기 어려움)로 유니코드를 표현합니다.

여기에서는 1F5A4라는 검정하트 문자를 지칭하는 정보만 있을뿐 아이폰 이모티콘인지 갤럭시 이모티콘인지는 알 수 없습니다.

윈도우(Windows)

윈도우에서 검정하트는 종류별로 이렇게 보인다.

안드로이드(Android. 정확히는 갤럭시 기기에서)

안드로이드에서 검정하트는 종류별로 이렇게 보인다.

IOS

IOS에서 검정하트는 종류별로 이렇게 보인다.

직접 확인해보세요

♥ ❤ ❥

이렇게 다르게 보이는 게 기본값인데?

웹/앱 제작사가 원하는 경우 특정 emoji폰트를 사용해서 폰트를 함께 배포하면 모든 기기에서 통일된 동일한 이모티콘을 볼 수 있습니다.

그러나, 인스타그램은 이모지 폰트를 지정하지 않았으며, 해당 화면을 보는 기기의 이모티콘이 나타나게 됩니다.

다른 기기를 사용하는 사람들과 있다면 장원영 인스타에서 검정하트 모양을 직접 비교해보세요.

아이폰과 갤럭시 모두 위쪽이 밝아지지만 아이폰만 위쪽이 하얗습니다.

아이패드 인스타에서 본 화면(왼쪽), 갤럭시 인스타에서 본 화면 (오른쪽)

결론

사용폰트는 유니코드로 특정 기기 정보를 포함하지 않음(= 기기정보 알수없음).
기사 내용은 대체로 거짓 또는 증명 불가.

번외.

트위터는 어떤 기기에서 작성했는지 알 수 있다.

Twitter for iPhone

잇섭님의 인스타그램 앱 테스트 영상을 링크합니다.

갤럭시로 올리면 인스타그램 화질이 저하된다? 애플 감성이 실제 존재하는지 직접 테스트 해봤습니다.

글 쓰려고 찾아보니 장원영씨는 현재 갤럭시 모델은 아니고 SKT모델이라네요.

https://entertain.naver.com/read?oid=009&aid=0004966584

최근 너무 비난이 장원영으로 꽂히는것 같아 팩트체크를 해봤습니다.

설리, 구하라를 보내고 얼마 되지 않은것 같은데 또 수위가 선을 넘는것 같아요..

또 이런 기사 내용은 삼성에도 간접적으로 불리하게 적용될 것 같네요.

IT분석

원하는 서비스를 분석요청하실 수 있습니다. (댓글로 남겨주세요.)

다만, 몇 가지 제한사항이 있습니다.
1. 정보통신망법률을 위반하지 않는 경우에만 가능합니다.
    1. 리버스 엔지니어링은 하지 않습니다. (EXE파일, 난독화파일 등 분석작업은 하지 않습니다.)
    2. 개방된 서비스만 신청이 가능합니다. (누구나 접근가능해야 되며, 암호화등 숨겨진 서비스는 불가)
    3. 임의변경을 시도해야 하는 경우는 받지 않습니다.
2. 관심을 가지고 있는 사용자가 많은 내용만 분석 신청가능합니다.

신청은 댓글 또는 방명록에서 해주세요.

크롬 검색창이 안떠요?

hi098123 — Mon, 19 Jun 2023 13:35:05 +0900

지식iN을 보다보면 크롬 새탭에서 검색창이 안뜬다는 질문이 가끔 보입니다.

간단한 문제라서 간단히 해결방법을 적어볼까 합니다.

크롬 새탭 검색창

이 둘의 차이는 무엇일까?

기본 검색엔진!

주소창에 chrome://settings/search 를 복사해서 들어가거나

메뉴 - 설정 - 검색엔진에서 설정 가능하다.

기본 검색엔진을 Google로 해놓아야 새탭에 구글 검색화면과 바로가기 편집을 지원한다.

구글 검색으로 사용자를 모으기 위한 방법중 하나다.

무설치! egg압축풀기 사이트 (모바일에서도 쉽게)

hi098123 — Tue, 30 May 2023 08:04:23 +0900

스마트폰 사용중 EGG파일을 마주하게 되면 풀 방법이 없다고 봐도 무방할정도로 방법이 없었다.

기존에는 EGG를 풀수있는 앱은 공식앱이 있지만 설치하기 귀찮고 사이트는 없었다.

PC에서는 반디집이나, 알집을 설치해서 쓸 수 있지만 모바일 기기에서는 한번 쓰고 지우긴 귀찮았다.

EGG를 실제 지원하지 않는 사이트가 검색 상단에 뜬다.

사용법

아주 간단하게 파일을 불러오면 압축해제 시도를 한다. (* 비밀번호가 있으면 입력 화면이 뜹니다.)
hello.egg 파일을 불러온 모습
개별 파일을 저장하거나, 전체 파일 저장이 가능합니다.

안내사항

제 기준으로는 크롬에서 2GB를 조금 넘는 파일은 로딩이 불가하고(크롬 브라우저에서 로딩 시도를 안함)

파이어폭스에서는 2GB를 조금 넘는 파일을 로딩해서 정상적으로 해제 가능합니다.

브라우저와 기기 사양에 따라 지원 가능 크기가 달라질 수 있습니다.

업데이트를 통해 지원 크기를 상향했지만 브라우저별로 제한이 달라 큰 파일은 지원하기 어렵습니다.

이스트소프트의 UNEGG 소스코드를 사용하여 제공하기위해 비상업 라이센스를 사용하며, 해당 페이지에서 광고를 제거하였습니다.

EGG/ALZ 파일 압축해제 툴 링크

https://t.hi098123.com/unegg

EGG/ALZ 파일 압축해제 툴

Egg, Alz파일 압축을 풀어요!

t.hi098123.com

유튜브의 애드블록 대응 (구글의 실험)

hi098123 — Sat, 13 May 2023 12:51:33 +0900

유튜브 운영하고 있는 구글에서 최근 시도하고 있는 실험입니다.

광고 차단기를 사용하고 있는 것 같습니다.
광고를 통해 전 세계 수십억 명의 사용자가 YouTube를 무료로 사용할 수 있습니다.

현재 대부분의 사용자에게 해당되지 않지만, 일부 사용자에게 이 실험이 적용될 수 있으며..

구글은 이 실험을 통해 얼마나 사용자가 이탈하는지, 기존 대비 수익이 얼마나 증가하는지 등 효과를 분석하게 될겁니다.

유튜브의 안내메시지 예시

현재 방식은?

단순히 광고의 필요성에 대해 설명하고, 광고차단기를 끄도록 유도하는 방식입니다.

구글이 유럽 법률을 준수하기 위해서 확장 스토어에서 내리는 등 의 조치는 취할 수 없을겁니다.

다만, 기술적으로는 차단할 수 있습니다.

다음 방식은?

애드블록을 사용하는 경우 차단하도록 변경될겁니다.

다만, 여기에서는 다시 뚫을 여지를 줄 수 있습니다.

최종적으로는?

앞으로 최종적으로는 서버에서 동일한 리소스 URL을 이용해 광고를 표시하도록 하여, 광고 차단기를 이용해 유튜브 광고를 차단하지 못하게 될 수 있습니다.

애드블록을 막는 동영상 광고 기술

이 문서는 서버 개발자, 동영상 서비스 운영자를 위한 문서입니다. Dynamic Ad Insertion(DAI) 이란? 동적 광고 삽입 기술로 서버에서 광고를 삽입하는 방법입니다. Server-Side Ad Insertion(SSAI)라는 용어를

hi098123.tistory.com

누누티비가 서비스를 유지하던 방식

hi098123 — Sun, 16 Apr 2023 18:32:51 +0900

불법 스트리밍 사이트 누누티비가 서비스를 종료했습니다.

경찰의 수사가 언론에 나오면서 시끌했는데

자체 누누티비 기술분석 및 다양한 자료가 있어서 글을 써볼까? 합니다.

동영상 스트리밍의 기본, CDN

cdn은 영상 스트리밍에 있어서 거의 필수요소입니다.

cdn이 없다면, 자체 네트워크망이 구글처럼 전세계에 깔려있어야 가능하죠.

누누티비는 bunnyCDN이라는 미국 네트워크 기업을 이용하였습니다.

bunny.net - The Content Delivery platform that truly Hops!

Hop on bunny.net and speed up your web presence with the next-generation Content Delivery Service (CDN), Edge Storage, and Optimization Services at any scale.

bunny.net

저렴한 Volume Network 요금제

bunnyCDN의 Volume Network 요금제는 거의 업계 최저가 수준입니다.

해당사의 다른 스트리밍 제품이 아닌, 볼륨 네트워크로 운영한것으로 저는 추정합니다.
그 근거로는 서버가 미국으로 고정되어있었고, 그 서버 위치가 볼륨 네트워크 위치와 동일하기 때문입니다.

초기부터 영상 제공경로로 bunnyCDN을 활용했으며,

사이트는 초기 CloudFlare를 이용하다가 타사 서비스로 넘어갔으나 어딘지 기억이 안나네요.

(미국이나 유럽쪽이었습니다.)

스트리밍 비용을 절약한 방법, WebRTC

WebRTC는 쉽게말하면, 토렌트입니다.

과거에 기술을 간단히 소개한 글이 있습니다.

웹 브라우저에서 토렌트를? WebRTC

최신 웹 브라우저에는 WebRTC(Web Real-Time Communication)라는 기술을 사용가능합니다. 흔히 웹이라고 하면 개발자는 '서버 - 클라이언트' 통신을 떠올리게 됩니다. 아직 WebRTC를 한번도 접해본 적 없다면

hi098123.tistory.com

누누티비 시청시 WebRTC를 통해 시청자가 단순 시청자가 아닌 배포자가 될 수 있음을 글로 작성하려다 귀찮아서 말았던 적 있었네요.

영상 스트리밍에서 WebRTC는 ①기본 CDN 서버와 ②토렌트 형식의 피어 연결이 있습니다.

우선 피어연결에서 영상 데이터를 요청해서 있다면 받아오고, 없다면 기본 CDN서버에서 받아서 다른사람에게 배포하는 방식입니다.

피어(peer) 숫자로 동접자 등을 확인해볼수도 있습니다.

사실 이 방법을 소개하고 차단하는 방법을 소개하려고 했다가 귀찮아서 안했었던 기억이 있습니다.

WebRTC방식은 누누티비의 스트리밍 이외에도 1:1통신 방식인 구글크롬원격 등에도 적용되있는것을 아마 대부분의 개발자(전문가)분들도 모르셨을겁니다.

이미 최신 브라우저에는 서버가 중계하는 방식이 아닌, 클라이언트끼리 통신할 방법이 마련되어있답니다!

초기 누누티비 수익구조: 광고

초기 누누티비는 구글 애드센스 광고를 사용했습니다.

이때 애드센스 계정정보(ca-pub-**********)와 한국 서버 데이터가 노출된 적 있습니다.

한국 서버 정보를 알고는 있는데 이게 누누티비가 다른 회사 서버를 해킹하여 넣은것인지는 모르겠습니다.

해킹가능성을 배제할 수 없지만, 타 사이트에 구글 광고 승인을 받고 넣는 번거로운 작업을 할지는 의문이네요?

다만, 애드센스 계정은 영장을 통해 구글이 자료를 주면 정산 계좌를 알 수 있기 때문에 이를 바탕으로 확실히 추적 가능하지 않을까 싶긴합니다.

아카이브 사이트

아카이브 사이트를 보니 누누티비 운영이후 해당 서버주소를 12번이나 백업해뒀네요 ㅋㅋ

이후 수익구조: 불법 사이트 광고

불법 사이트 광고로 대체되었습니다.

언론에 소개된 이후

언론에 소개된 이후 광고효과로 인해 트래픽이 급증했을것으로 예상됩니다.

다만, 광고수익은 선계약,입금(가상화폐)방식으로 진행되지 않았을까 싶은데

트래픽이 몰려 수익성이 급락(또는 적자)하지 않았을까 싶습니다.

VOD서비스 방식에서는 한 영상에 동시 시청자가 몰려야 원할한 WebRTC방식이 완벽하게 작동하지는 않기에 사용자가 10배 몰려 CDN요금이 10배 오른다면, 큰 비용이 정산될 수 있기 때문입니다.

언론에 소개된 이후 예상 효과

	비용
영상 전송 비용	큰폭으로 증가 (사용자 수 대폭 증가)
광고 수익 (추정)	급감 (추정 근거는 아래 기재) ①불법 광고 의뢰 부담이 올라 의뢰숫자가 줄고 ②기존 광고 계약은 수익이 그대로일테니까요.

스트리밍을 WebRTC방식으로 100%사용하는 사이트도 본적 있는데

이 사이트는 스트리머와 시청자가 있고, 아래 방식으로 운영되는것으로 확인했습니다.

스트리머 -> 시청자(중계) -> 시청자

IT분석

원하는 서비스를 분석요청하실 수 있습니다. (댓글로 남겨주세요.)

다만, 몇 가지 제한사항이 있습니다.
1. 정보통신망법률을 위반하지 않는 경우에만 가능합니다.
    1. 리버스 엔지니어링은 하지 않습니다. (EXE파일, 난독화파일 등 분석작업은 하지 않습니다.)
    2. 개방된 서비스만 신청이 가능합니다. (누구나 접근가능해야되며, 암호화등 숨겨진 서비스는 불가)
    3. 임의변경을 시도해야하는 경우는 받지 않습니다.
2. 관심을 가지고 있는 사용자가 많은 내용만 분석 신청가능합니다.

신청은 댓글 또는 방명록에서 해주세요.

Edge브라우저 bing마크 지우기

hi098123 — Wed, 15 Mar 2023 18:30:20 +0900

110버전 이전

110버전 이전에서는 사이드바에 표시되며 우클릭 - 사이드바에서 숨기기로 숨기거나, 앱종료로 중지할 수 있습니다.

111버전 이후

111버전 이후에는 쉽게 지울 방법이 없습니다.

우선 두가지 방법을 소개해드리겠습니다.

CMD방법

먼저,명령 프롬프트(CMD)를 열어줍니다. 윈도우 내장 검색창에 cmd를 검색하시면 열 수 있습니다.

(우클릭해서 관리자 권한으로 열어주세요)

숨기기 명령어

reg add "HKCU\SOFTWARE\Policies\Microsoft\Edge" /v "HubsSidebarEnabled" /t REG_DWORD /d "0" /f

reg add "HKLM\SOFTWARE\Policies\Microsoft\Edge" /v "HubsSidebarEnabled" /t REG_DWORD /d "0" /f

보이기 명령어

reg delete "HKCU\SOFTWARE\Policies\Microsoft\Edge" /v "HubsSidebarEnabled" /f

reg delete "HKLM\SOFTWARE\Policies\Microsoft\Edge" /v "HubsSidebarEnabled" /f

바로가기 방법

"설정" - "시스템 및 성능" - "시작 부스트"를 비활성화 합니다.
엣지를 켜는 아이콘을 기준으로 아이콘 우클릭, 엣지 우클릭 후 속성을 클릭합니다.
대상(T)의 마지막에 다음 값을 추가합니다.
```
 --disable-features=msUndersideButton
```

여기까지 했다면 엣지를 껏다가 켜면 됩니다.

바로가기 방식은 크롬 하이라이트 링크복사 제거 기능과 비슷한 방식으로 프로그램 실행시 특정 설정을 제거하는 방식으로 작동합니다.

크롬 95버전용 "하이라이트 링크 복사" 제거방법

크롬 95 버전에서는 설정(chrome://flags/#copy-link-to-text)에서 제거하는 방법이 사라졌는데 좀 여러 가지 방법으로 확인해보다가 발견한 방법이 있습니다. 이런 방법도 추후에 안될 수 있고, 안 되는

hi098123.tistory.com

구글 검색 키워드 어뷰징에 kakao.com이?

hi098123 — Wed, 15 Feb 2023 13:26:12 +0900

오늘 우연히 구글 검색에서 내 블로그의 키워드중 하나인 '네이버 상단 광고'를 검색했다가 인지도가 높은 사이트도 구글 키워드 어뷰징에 이용되는것을 확인하였습니다.

요즘 chatGPT의 영향으로 키워드를 조합하여 만든 사이트들이 구글검색 상단에 위치한것을 자주 볼 수 있고, 검색 품질이 많이 떨어졌음을 체감할 수 있었는데요.

'네이버 상단 광고'를 검색한 뒤 3페이지 쯤 나온 결과에는 kakao.com이 이용되었다.

이걸 낮은 수준의 취약점이라고도 볼 수 도 있습니다.

결국에는 사이트의 평판 저하로 이어지기 때문에 사이트 운영자시라면 하단에 소개해드릴 대처법을 적용해보시는게 좋을것 같습니다.

작동원리

티스토리에 검색하면...

사이트에 검색시 일반적으로 검색 키워드를 포함한 제목을 서버에서 출력하게 되어있습니다.

제목은 검색엔진에서 중요하게 보는 내용중 하나인데, 여기에 특정 키워드(이 글 예시에서는 '네이버 상단 광고')가 포함되어있으면 광고 키워드가 있어도 함께 보여지는 식 입니다.

kakao.com은 당연히 인지도, 사용자 수, 평판 등에서 상위권이기 때문에 구글 검색에서 상단에 뜨기 좋습니다.

이걸 악용한 것으로 보이는데 어떻게 사이트 주인이 아닌데 구글 검색에 등록된것인지는 확실치는 않지만 다음의 방법을 생각해볼 수 있습니다.

검색 키워드를 포함하여 생성한 해당 URL로 검색
이미 등록 또는 등록 신청한 URL에 해당 URL을 포함 시키기

아무래도 두번째 방법으로 등록되는 것 같네요.

대처법

대처법은 간단한데 검색페이지를 크롤링 하지 않도록 만드는 것 입니다.

그러나 robots.txt에서는 소용이 없습니다.

https://shoppinghow.kakao.com/robots.txt

User-agent:*
Disallow:/

User-agent: Googlebot

Disallow: /html/
Disallow: /search/
Disallow: /mypage/

Sitemap: http://shoppinghow.kakao.com/sitemap/menu/pc
Sitemap: http://shoppinghow.kakao.com/sitemap/model/pc
Sitemap: http://shoppinghow.kakao.com/sitemap/category/pc

Sitemap: http://shoppinghow.kakao.com/sitemap/menu/m
Sitemap: http://shoppinghow.kakao.com/sitemap/model/m
Sitemap: http://shoppinghow.kakao.com/sitemap/category/m

저는 알고 있었는데 다들 알고계실지는 모르겠지만..

구글 크롤링 봇은 robots.txt보다 사이트 내에 meta태그(또는 응답헤더)로 지정된 로봇 태그가 우선순위가 높고, 링크로 연결되어 크롤링 되는 경우 robots.txt를 건너뛰기도 합니다.

공식 문서에서도 robots.txt의 우선순위가 낮음을 알 수 있다.

구글 크롤링 가이드: https://developers.google.com/search/docs/crawling-indexing/robots/intro?hl=ko

위 검색어가 등록된 shoppinghow.kakao.com의 경우에도 robots.txt에

Disallow: /search/

가 있음에도 검색 결과가 수집되어 있습니다.

따라서 결과 수집을 방지하기 위해서는 아래의 HTML코드가 검색 결과 페이지에 포함되어야 합니다.

<meta name="robots" content="noindex">

네이버 승부예측 상금이 겨우 몇 백원?

hi098123 — Sun, 4 Dec 2022 12:42:47 +0900

네이버에서는 2022 카타르 월드컵을 맞이하며 승부예측 이벤트를 열었다.

각 회차당 상금(네이버 포인트) 100만원씩이며, 예측 성공이 없는 경우 다음 회차로 이월된다.

네이버는 벌써부터 이 이벤트 때문에 머리가 아프지 않을까 싶다.

과거 네이버는 최대 금액에 한정 없이 이벤트를 열었다가 데인적이 있다.

블로그 일기 이벤트였는데, 시작한지 얼마 안 되어 종료되었다. (90억 넘게 날릴 뻔한 거 조기종료 후 5억 원만 썼다.)

이후 이벤트는 보수적으로 한정 금액을 가지고 여는 편이다.

네이버 승부예측 관련 기사

조별 경기에서 수십만 명이 참여했지만, 예측 성공률(약 0.00169%)은 산술적으로 10명 내외의 성공자가 나올 수밖에 없음을 알 수 있다.

조별예선 예측 성공률은 다음과 같다. 약 5.9만 명당 1명꼴로 당첨 가능함을 알 수 있다.

그러나, 여러 이변으로 인해 예측에 성공한 사람이 없었다.

네이버의 실수

조별예선은 10개로 했기 때문에 확률이 상당히 낮아 수학적으로 1인당 10만 원 내외(~ 누적으로 30만 원 내외)의 상품이 걸렸지만!

16강부터는 다르다.

3의 8 제곱은 6561로 맞힐 확률이 대략 10배(사실은 3의 제곱으로 9배)가 올라가게 된다. (6561명당 1명씩 당첨??)

산술적으로는 400만 원 상금에는 1인당 4만 원 내외의 상품이 걸리고 참여 가치가 떨어진다.

네이버의 승부예측 이벤트 (사진은 2022. 12. 04.)

그런데, 단순한 수학적 확률은 반영하지 못하는 것이 있다.

16강부터는.. 그리고 어디에서든 어느 정도 선별이 된 이후부터는 일반적으로 예상이 되는대로 결과가 나오는 편향성이 매우 커진다.

16강부터는 대부분 맞출 수 있어진다.

이미 여기에서 문제가 발생하는데, 거의 대부분의 사람이 맞힐 수 있는 경기가 나오게 된다.

아직 나오지 않은 경기인 프랑스 vs 폴란드, 잉글랜드 vs 세네갈, 모로코 vs 스페인 경기는 대체로 승리 국가가 예상되는데, 이 3경기가 만약에 프랑스, 잉글랜드, 스페인이 이기는 경우에 상금으로 받을 수 있는 최대 포인트는 4,000원 정도이고

나머지 경기도 흐름대로 진행되면 상금은 몇 백 원 수준으로 떨어지게 된다.

즐기자는 취지로 만든 이벤트였지만 힘들게 맞힌 사람(약 1천 명 이상이 나올 듯싶다.) 입장에서는 당첨자가 너무 많아 허무한 감정이 들것이고 네이버는 좋은 취지로 만들었어도, 주고 욕먹는 상황이 나올 것으로 예상된다.

네이버는 이런 이벤트를 시작하지 않았어야 했다.

이런 상황에서는 또 어떻게 대처하게 될지 흥미롭긴 하다.

힘든 확률(0.1%) 정도를 뚫고 받는 상품이 몇 백 원이라면??

어떨지는 모르겠다. 위에 언급한 3경기 모두에서 이변이 일어난다면, 결과는 바뀔 것이다.

CloudFlare의 Digicert기반 인증서 SSL제공 종료

hi098123 — Wed, 14 Sep 2022 19:11:05 +0900

CloudFlare의 인증서 중 발급자가 'Cloudflare Inc ECC CA-3'로 되어있는 인증서가 이제 종료됩니다.

Cloudflare Inc ECC CA-3 종료됨.

최근 크롬과 엣지등 에서 인증서 화면이 바뀌었는데 예전의 윈도우 기본 인증서 화면이 더 보기 편한듯 합니다.
일단 필요한 정보가 한눈에 보이니..

앞으로 Cloudflare Inc ECC CA-3의 인증서 발급 종료?

Q. 그럼 클라우드플레어(Cloudflare)의 SSL무료발급은 종료되는가?
A. 아니요.

SSL무료발급은 계속되는데 앞으로는 'Let’s Encrypt SSL'과 'Google Trust Services'에서 제공하는 90일짜리 무료인증서로 발급됩니다.

(이미 신규등록된 도메인과 DNS정보는 프록시를 활성화 하여도 'Let’s Encrypt'와 'Google Trust Services'로 발급됩니다.)

이제는 SSL을 'Let’s Encrypt'와 'Google Trust Services' 두개 모두 받아두는걸로 알고있는데, 만약 두개중 한개의 서비스에서 문제(보안문제 등)가 발생한 경우 하나의 인증서를 제거하고, Cloudflare를 이용하는 모든 사이트에 대체(백업) 인증서로 적용하도록 바뀐다고 알고 있습니다.

현재 대시보드상에 특정 SSL을 선택할 수 있도록 설정은 없지만 대시보드API를 이용하면 발급시 Let’s Encrypt(기본)가 아닌 Google Trust Services(GTS)인증서를 이용할수도 있습니다.

Google Trust Services인증서는 흔히 Google의 서비스인 firebase에 hosting서비스를 외부도메인(내가 보유한)으로 이용하는 경우 인증서를 제공했었는데 타 서비스에도 제공하는지는 이번에 알게 되었습니다.

클라우드 플레어 API로 선호 인증기관 설정하기

PATCH https://api.cloudflare.com/client/v4/zones/[DOMAIN_ZONE_ID_HERE]/ssl/universal/settings

Header
    X-Auth-Email: [CLOUDFLARE_EMAIL_HERE]
    X-Auth-Key: [GLOBAL_API_KEY_HERE]
    Content-Type: application/json
    
Body
	{"certificate_authority":"google"}

HTTP GET으로 Body없이 요청하면 저장된 결과를 불러올 수 있고,

HTTP PATCH로 Body를 포함하여 보내면 업데이트 가능합니다.

선호 인증기관은 [digicert, google, lets_encrypt] 중에서 선택가능합니다.

예를들어 letsencrypt를 선호기관으로 사용하려면 아래와 같이 가능합니다.

{"certificate_authority":"lets_encrypt"}

digicert는 만료 예정이기 때문에 권장드리지 않습니다. 이후에 sectigo도 추가될 수 있으나, 아직 안내는 없는것으로 보입니다.

기존 digicert인증서가 2025년 까지는 최고로 호환성이 좋을것으로 예상되어 digicert를 선호로 쓰셔도 될것 같긴합니다.
그 다음은 google(2022 ~ 2027까지 최고호환), sectigo(2025 ~ 2031까지 최고호환), letsencrypt(2026 이후 호환이 좋아질것으로 보여 letsencrypt의 시기가 조금 부적절합니다.) 순 입니다.

저는 아마 digicert나 google을 25년까지 설정하다가, sectigo인증서로 갈 것 같습니다.
sectigo인증서는 기존 digicert인증서와 동일하게 1년 인증서로 발급됩니다.

값 확인 위치

[DOMAIN_ZONE_ID_HERE]: 대시보드에 웹사이트별로 있습니다. (대시보드 - 도메인(클릭) - 개요 - API - 영역 ID)
[CLOUDFLARE_EMAIL_HERE]: 가입한 이메일 아이디입니다.
[GLOBAL_API_KEY_HERE]: https://dash.cloudflare.com/profile/api-tokens 에서 (API 키 - Global API Key)

구글의 유니코드 트롤링

hi098123 — Fri, 2 Sep 2022 17:28:22 +0900

우선 유니코드란?

유니코드(영어: Unicode)는 전 세계의 모든 문자를 컴퓨터에서 일관되게 표현하고 다룰 수 있도록 설계된 산업 표준이다.
- 위키피디아 한글 문서 중 (https://ko.wikipedia.org/wiki/유니코드) -

모든 기기에서 일관되게 표현하기 위한 문자 표시 체계이며, 각 문자에 번호를 매겨 특정한 의미를 갖는 문자를 표현하도록 지정한다.

우리는 한글 글자를 적을때 폰트에 따라 형태만 조금씩 변할 뿐 어떤글자인지 인식하는데 문제가 없습니다.

안드로이드/IOS에서 문자 이모지(이모티콘)을 사용할때에도 이를테면 ' ' 같은 문자 그림 모양만 지정된 기본 폰트에 따라 조금 다를 뿐 웃는 사람 모양임은 동일합니다.

그런데 안드로이드에서 올바르지 못하게 표현하는 유니코드 문자가 있더라고요.

바로 점자 유니코드입니다.

범위는 0x2800 ~ 0x28FF 중 [1, 2, 3, 7 만 포함] 하거나 [4, 5, 6, 8만 포함]하는 경우 입니다.

1	4
2	5
3	6
7	8

점자의 각 칸에 대한 번호는 위 표와 같은데, 한글 점자에서는 1, 2, 3, 4, 5, 6번만을 이용합니다.

7, 8번은 주로 한자 체계를 표현하거나 복잡한 변형이 많은 언어에서 사용합니다.

PC와 IOS등 안드로이드가 아닌 환경에서는

1번을 의미하는 점자와 4번을 의미하는 점자 유니코드 구분이 가능합니다.

https://www.compart.com/en/unicode/block/U+2800

위 링크에서 유니코드 점자 목록을 볼 수 있습니다.

결국 안드로이드에서는 유니코드 점자를 구분할 수 없는데.. 이는 유니코드 체계의 기본을 지키지 않은 결과로

아마 내장된 폰트를 디자인할 때 당시의 디자이너가 문제를 만든게 아닌가 싶습니다.

점자 번역기를 만들면서 신경쓰인 부분중 하나입니다.

점자 번역기의 안내사항 중

https://t.hi098123.com/braille

점자 번역기

문자를 점자로 번역합니다. 한글 기준에 맞게 점자로 번역하거나, 점자를 해석할 수 있어요!

t.hi098123.com

은행, 정부의 취약한 시스템? (IT기술관점에서 호갱구조대 영상 리뷰)

hi098123 — Fri, 29 Jul 2022 23:11:10 +0900

유튜브 채널 '호갱구조대'에서 한 영상을 보았습니다.

영상에서는 잃어버린 신분증이 재발급을 하여도 은행과 통신사가 확인을 못한다는 내용이었는데, 제 상식선에서는 믿을 수가 없었습니다.

통신사, 은행 다 뚫리는데요...?

신분증 진위여부 확인과정

제가 아는 한 신분증 진위여부는 아래의 표에 해당하는 과정을 거칩니다.

정부 기관에서 확인할 수 있습니다.

신분증 종류	검증 Data
주민등록증	이름, 주민등록번호, 발급일자
운전면허증	운전면허번호, 이름, 생년월일, 일련번호, 발급일자
외국인등록증	이름, 외국인등록번호, 발급일자

(중요) 위의 표에서 발급일자를 검증한다는 것을 알 수 있습니다.

재발급과 발급일

인증. 인증서. 등을 생각하다 보면 공인 인증서를 떠올려볼 수 있습니다.

공인인증서는 주로 인터넷뱅킹을 이용할 때, 세무/보험 등을 처리할 때 이용하는데요.

공인인증서에도 재발급과 발급일 등이 있습니다.

특이한 점이 있다면, 만료일이 있어 분실 시에도 만료일을 넘겼다면 사용 불가합니다.

또한, '만료일'은 재발급 시 즉시 설정되어 기존의 공인인증서를 이용할 수 없게 됩니다.

상식적인 재발급 과정.

상식적이게 재발급이 처리되었다면, 기존 발급일자의 신분증은 검증에서 실패해야 맞습니다.

그렇다면 영상이 잘못되었거나, 비상식적으로 처리되었다는 것인데.

과거에 몇 차례 이와 관련한 뉴스를 접한 적 있어 현재의 신분증 재발급 과정은 비상식적으로 만료 처리 없이 중복 재발급 처리되는 것으로 보입니다.

IT기술 관점에서 봤을 때 이러한 처리과정은 취약점으로 규정되어 보안관리 대상이 됩니다.

얼른 보완되어 보다 안전한 세상이 되었으면 좋겠습니다.

IEEE 754 계산기 (부동소수점 변환기)

hi098123 — Sat, 16 Apr 2022 17:19:45 +0900

10진법 표현과 부동소수점 표현으로 각각 변환 가능합니다.

이 계산기를 만들면서 단순히 결과만 보여주는게 아닌 과정을 중점적으로 설명하고자 했고

의도대로 설계하여 단순히 계산 결과만 알려주는게 아닌 과정을 설명하게끔 만들었습니다.

풀이 과정을 안내한다.

왼쪽은 10진법에서 부동소수점(32bit)으로 변환시 나타나는 계산 과정이고,

오른쪽은 부동소수점에서 10진법으로 변환시 나타나는 계산 과정이다.

초기에 설명이 부족하면 알아듣기 어려울 수 있는데 몇 가지 약속을 알고 이해되면 어렵지 않기 때문에 이와 같은 형태를 고려하게 되었습니다.

32bit 부동소수점과, 64bit 부동소수점을 변환 할 수 있습니다.

문제가 있다면 발견시 댓글로 알려주시면 감사하겠습니다.

https://t.hi098123.com/IEEE-754

IEEE 754 부동소수점 변환기(계산기)

부동소수점 표현을 사람이 보기 쉽게 바꿉니다.

t.hi098123.com

최근 확산중인 스미싱 문자 (032번호, crvud.com, tgbhb.com)

hi098123 — Wed, 13 Apr 2022 20:27:10 +0900

공통적으로 032 인천 지역번호를 가지고,

스팸 링크는 crvud.com의 서브도메인(*.crvud.com)입니다.

또 tgbhb.com의 서브도메인(*.tgbhb.com)도 발견되었습니다.

[안내] 스미싱 사이트를 열고 바로 종료 하셨다면 문제없습니다.

기기별로 다른 방법

PC: 접속을 막는다.
안드로이드: 스미싱용 apk 설치파일을 다운로드 시킨다.
애플: 아이디를 입력하도록 시킨다.

접속기기별로 다른 낚시 방법을 사용하는것으로 확인됩니다.

PC 접속시 나타나는 화면

404 페이지를 찾을 수 없음이 뜨며, 접근이 불가합니다.

pc에서 접속시 분석을 막기위해 차단하는 듯

애플 기기에서 접속시

로그인을 하도록 유도하는데? 아래와 같이 안내 메시지가 뜨고..

Apple기기로 접속하는 경우

피싱용 사이트

피싱용 사이트가 뜬다. ID/PW를 입력하지 않으면 된다.

IOS 피싱사이트에서 몇 가지 테스트를 해봤는데 DB서버가 다운된걸로 보인다.

안드로이드 기기에서 접속시

접속과 동시에 스미싱용 apk 설치파일을 다운로드 시킨다.

epost.apk 파일로 우체국인것처럼 사용자를 속이고 앱만 설치하면 따로 개인정보 입력은 필요없으니 실제 우체국 사이트로 사용자를 보낸다.

안드로이드에서 접속시

앱이 다운로드 되는데 설치만 안하면 문제되지 않는다. (일반적으로 알려지지 않은 출처 다운로드는 막혀있습니다.)

설치를 했다면 확실하지 않습니다만 실행을 하지 않고 지웠다면 문제될 가능성이 적어집니다.

IT분석

원하는 서비스를 분석요청하실 수 있습니다. (댓글로 남겨주세요.)

다만, 몇 가지 제한사항이 있습니다.
1. 정보통신망법률을 위반하지 않는 경우에만 가능합니다.
    1. 리버스 엔지니어링은 하지 않습니다. (EXE파일, 난독화파일 등 분석작업은 하지 않습니다.)
    2. 개방된 서비스만 신청이 가능합니다. (누구나 접근가능해야되며, 암호화등 숨겨진 서비스는 불가)
    3. 임의변경을 시도해야하는 경우는 받지 않습니다.
2. 관심을 가지고 있는 사용자가 많은 내용만 분석 신청가능합니다.

신청은 댓글 또는 방명록에서 해주세요.

CloudFlare Pages 소개

hi098123 — Fri, 8 Apr 2022 13:35:32 +0900

CloudFlare Pages는 초기 출시 때부터 사용했었는데 혼자만 잘 쓰기엔 너무 좋아서 소개해보려고 합니다.

Netlify, Vercel 등을 써봤지만 앞으로의 경쟁에서 이 회사들은 CloudFlare Pages를 이길 수 없을 것 같습니다.

CloudFlare Pages

Netlify와 Vercel은 트래픽 100GB를 제공하지만 CloudFlare Pages는 무료 계정에서 약관을 위반하지 않는 이상 트래픽이 무제한이고 프로젝트 수도 제한이 없고 빌드수는 월간 500개 제한이 있습니다.

다른 서비스와 비교했을 때 트래픽이 가장 크고, 서버리스 제공량 부분이 그 다음으로 클 것 같습니다.

아무래도 2년 안에 이 분야(흔히 Jamstack이라고 불리는)에서 점유율을 거의 다 가져갈 수 있지 않을까 생각됩니다.

CloudFlare Pages 초기버전의 문제점 (해결됨)

초기버전에서는 잘 활용하지 않았는데, 이유를 나열해보자면 크게 4가지가 있었습니다.

느린 빌드 시간
클라우드 플레어 엣지 위치
자체 서버리스 functions가 없었음
* 처리 버그

느린 빌드 시간 (해결됨)

CloudFlare Pages 초기에는 빌드 시간이 빌드할 대상이 없는 경우에도 1분~3분이 소요되었습니다.

Netlify와 Vercel의 10초 이내 빌드와는 매우 큰 차이가 있었는데..

2022년쯤부터 10초 정도로 빌드되는 fast build beta가 나왔고,

며칠 전인 4월 1일에 완전히 빠른 빌드로 이전되어 10초 정도로 전 세계 클라우드플레어 엣지에 배포가 됩니다.

(이제는 느린 빌드 문제가 해결되었습니다.)

클라우드 플레어 엣지 위치 (해결됨)

초기버전에서는 엣지가 미국(LAX)엣지를 줬고 타 서비스의 서버리스 functions 같은 서비스도 없었기 때문에 미국에 있는 서버에 클플을 연결해서 쓰는 게 훨씬 좋았었는데.

(기능면에서 서버를 활용하는 게 좋았고, 속도면에서는 차이가 없었기 때문에)

현재는 한국과 가까운 리전에서 처리를 하기 때문에 활용할 가치가 높아졌습니다.

블로그 같은 정적 웹, 기존에 사용하던 방식에서 API부분만 분리하고 웹 부분을 클라우드 플레어 pages에 의존해도 될 정도라고 생각됩니다.

자체 서버리스 functions가 없었음 (해결됨)

클라우드 플레어에는 Workers라는 엣지에서 실행 가능한 서버리스 기능이 있는데

초기 페이지스에서 제공하지 않았기 때문에 활용도가 많이 떨어졌었습니다.

지금은 배포 루트에 있는 functions 폴더에 위치한 소스를 실행 가능합니다.

다만, 워커에는 있는 console.log를 기록할 수 있는 기능이 없다는 게 아직 차이점이자 남아있는 단점 같습니다.

또한 현재는 번들링이 안 되는 게 단점입니다. (앞으로는 되겠죠)

* 처리 버그 (해결됨)

*으로 여러 문자에 매칭 할 수 있는데, 이 규칙이 특이하게 아래와 같이 매칭이 안되었습니다.

/*.js
	Access-Control-Allow-Origin: *

이 경우 루트에 있는 /script.js 나 /a.js 등 모두 적용되지 않았었는데 현재는 고쳐진 문제입니다.

제한(Limits)

현재 제한을 두고있는건 아래와 같습니다.

빌드 시간: 빌드 당 최대 20분
커스텀 도메인 연결: 10개
파일 총 개수: 20,000개
파일당 최대 용량: 25MiB (2^20바이트)
헤더 룰: 100개
리다이렉트 룰: 100개
사이트 수: 계정에 개수 제한이 없지만 너무 많은 생성 시 제한이 걸릴 수 있으며 해제 요청 필요

헤더 설정법

헤더는 프로젝트 루트가 아닌 빌드 위치에 _headers 파일로 지정 가능합니다.

# This is a comment
/secure/page
  X-Frame-Options: DENY
  X-Content-Type-Options: nosniff
  Referrer-Policy: no-referrer

/static/*
  Access-Control-Allow-Origin: *
  X-Robots-Tag: nosnippet

https://myproject.pages.dev/*
  X-Robots-Tag: noindex

클라우드 플레어의 예제는 위와 같은데

#으로 주석 처리를 할 수 있고

주소를 적고, 아래에 탭(Tab)으로 {헤더 이름}: {헤더 값}으로 지정하면 된다.

*으로 여러 문자에 매칭 할 수 있는데

/*.js
	Access-Control-Allow-Origin: *

이 경우 루트에 있는 '/script.js', '/a.js', '/test/script.js' 등에 적용된다. (칠한 부분이 *에 매칭한 부분이다.)

*로 구분하는 경우 아래와 같은 규칙도 적용 가능하다.

/*/script.js
	Access-Control-Allow-Origin: *

/test/script.js 또는 /test/test2/test3/script.js 등 에 적용됩니다.

* 은 / 를 포함해서 깊이에 상관없이 매칭이 됩니다.

*으로 매칭하면 a/b/c/d 도 매칭이 되는데 폴더 깊이를 제한하고 싶다면 :변수 형태로 작성하면 됩니다.

/:test/script.js
	Access-Control-Allow-Origin: *

이 값은 아래의 주소 등에 매칭됩니다.

/test/script.js
/a/script.js
/abcd/script.js

그러나 /a/b/c/script.js 에는 매칭되지 않습니다.

/:test1/:test2/:test3/script.js
	Access-Control-Allow-Origin: *

위 경우에는 변수를 3번 써서 매칭하거나, *을 통해 깊이와 상관없이 매칭하는등의 방법이 있겠습니다.

리다이렉트 설정법

리다이렉트도 설정 파일은 index.html이 위치하는 빌드 위치에 _redirects 파일에 정의할 수 있습니다.

여기의 매칭 규칙도 위의 헤더 파일과 비슷합니다. (*과 :변수 사용 방법이 동일)

[접속주소] [리다이렉트할 주소] [code?]

간단하게 접속했을 때, 어디로 보낼지 한 줄에 한 개씩 적으면 됩니다.

마찬가지로 *을 사용할 수 있습니다. *에 해당하는 값에는 :splat으로 매칭 가능합니다.

Netlify, Vercel과의 차이가 있다면, 리다이렉트만 지원하고 프록시 방식은 지원하지 않습니다.

/home301 / 301 #http301 영구 이전
/home302 / 302 #http302 임시 이전
/querystrings /?query=string 301
/twitch https://twitch.tv
/trailing /trailing/ 301
/notrailing/ /nottrailing 301
/blog/* https://blog.my.domain/:splat # *에 해당한 부분을 :splat으로 매칭시켜 이전
/products/:code/:name /products?code=:code&name=:name #:code, :name으로 들어온 값을 쿼리스트링 안으로

위 예제는 클라우드 플레어에서 제공하는 예제입니다.

페이지스에서는 프록시 방식을 지원하지 않기 때문에 맨 아래 예제는 굳이 이용할 필요가 없을 것 같습니다.

당연하게도 리다이렉트 될 주소로 직접 요청하는 게 더 좋습니다.

맺음말

아무래도 Netlify와 같은 다른 서비스에서는 제공하는 기능이 많습니다. 이걸 통해서 고객을 묶어둘 수 있을 겁니다.

저는 따로 의존한 부분이 없어 CloudFlare Pages를 쓰는데 문제가 없었고요.

아무래도 이런 부가기능을 많이 사용한 경우 옮기기에는 어려움이 있을 겁니다.

근데 다른 곳에 의존하지 않는 정적 웹 사이트는 옮기지 않을 이유가 없을 것 같습니다.

블로그도 일부 기능(댓글, 검색 등)만 별도 API로 만들어 처리하면 처리 양이 매우 줄을 것이고

API로 기능을 분리할 수 있는 사이트의 경우에도 마찬가지일 것으로 생각됩니다.

저는 이걸 써보면서 너무 좋아서 조금 시간을 들여 CloudFlare Pages와 연계해서 쉽게 빌드하여 사용할 수 있는 로컬 빌드 방식을 따로 설계해서 제작해서 쓰고 있습니다.

로컬에서 변경사항을 바로 빌드하고 git push 해서 배포까지 바로 가능하도록 제작해서 활용 중입니다.

기능을 덧붙여서 CMS형태로 더 편하고 + 코드를 직접 안 만져도 될 정도로 만들까는 고민중입니다.

Cloudflare Pages

Build your next application with Cloudflare Pages

pages.cloudflare.com

배민의 점자 스티커 상품

hi098123 — Tue, 22 Mar 2022 21:03:05 +0900

배민에서는 각종 배달에 필요한 재료를 파는 상점인 '배민상회'가 있는데, 얼마 전 시켜먹은 배달 음식 서비스 스티커에 점자가 적혀있는 걸 보고 읽어보려고 했습니다.

(최근에 점자 변환기를 만들어 봐서 아주 간단한 몇 개는 보고 알 수 있음)

조금은 아는데 아무리 읽어볼라고 해도 안 읽혀서 점자 변환기에 직접 입력해보다가, 가능성이 가장 높은대로 해봤는데 어렵게 해석했더니 '서 비 스' 라고 적혀있었습니다.

그런데 이 점자는 제가 파악을 못한 것보다. 정확하게 읽을 수 없게 만들어졌습니다.

점의 위치가 특정되지 않게 적혀있었습니다.

점자는 손으로 읽는 문자고, 그렇기에 간격이 일정해야 하며, 띄어쓰기와 줄바꿈에 규칙이 있습니다.

스티커에 적힌 점자는 아래 이미지의 아래 두 개로 해석될 수 있었는데

⠠ ⠎ ⠘ ⠕ ⠠ ⠪ = ᄉ 어 바 이 ᄉ 으 (서 바 이 스)
⠄⠎ ⠃⠕ ⠄⠪ = ᆺ어 ᆸ이 ᆺ으 (ᆺ 업 잇 으)

애매하게 해석될 여지를 갖기에 들어가서 확인해보니,

정상적으로 나온 스티커도 있고 간격이 잘못된 스티커도 있었다.

정상(자+모가 붙어있다.)

비정상(자+모가 분리되어 표기되어있다. 잘못해석할 수 있음.)

비정상으로 적힌 점자는 [ㅅ+ㅓ] 를 [서]로 읽을 가능성이 떨어집니다. 정상 간격이 아니기에 아래와 같은 인식 결과가 나옵니다.

일단 이에 관련해서 배민 측에 메일로 문의를 넣었고, 어떻게 처리될지 지켜봐야겠네요.

그래도 사용자의 편의를 위해 이런 시도를 한다는 점은 본받을만한 것 같습니다.

배달팁 4천원~6천원 시대가 온다.

hi098123 — Mon, 21 Mar 2022 13:09:53 +0900

과거에는

0원 ~ 2천원 수준의 배달팁이 많았다.

이게 불과 1년 ~ 2년전이었지 않나 생각되는데..

현재는

배달팁 2천원 ~ 3천원이 주로 보인다.

배달팁이 오르는 주된 원인은 배달요금 인상(단건배달, 대행 요금의 인상), 물가 상승, 인건비 등의 이유가 있을 수 있다.

현재 음식점이 배달 1건당 지출하는 비용은 약 5천원 이상이다.

(요즘에는 보통 그 절반인 2천원 ~ 3천원을 소비자 부담 배달팁으로 책정한다.)

배달팁 무료는 배달 비용(5천원 이상)을 전액 음식점이 부담한다는 사실을 소비자 입장에서는 모르는 경우가 많이 있다.

이 부담이 쌓이면 가격이 오를 수밖에 없고, 그 적정선이 비용의 절반인 2천원 ~ 3천원 정도로 보입니다.

앞으로 1년 뒤 배달팁 4천원 이상 시대가 열린다.

소비자 입장에서는 (??) 갑자기 당황스러울 수 있다.

누구는 배달팁 비싼데는 안 시켜먹는다 할 것이고, 누구는 아예 배달을 안 시킨다고 할 수 있다.

그런데 1년 정도(이르면 1년 안에)가 지나면 배달팁이 너도나도 4천원 붙어있는 상황이 펼쳐질 수 있습니다.

아직 언론에서 크게 다루지 않은 단건배달 수수료 인상 때문입니다.

기존 단건 배달의 수수료는

중계비(음식점의 배달앱 이용료): 1,000원

배달요금(단건배달 대행료): 5,000원

결제 수수료(음식값 결제 대행 수수료): 3%

여기에 부가세 10%로 600+0.3%가 추가된다.

그런데, 2~4월(계약기간에 따라) 쿠팡 이츠, 3월 22일 배달의 민족의 수수료가 많이 오릅니다.

그러면서 수수료 체계를 다양하게 만들었는데, 아래의 계산기로 음식값과 배달팁을 입력하면 배달앱과 음식점이 얼마나 나눠가지나 알 수 있을 겁니다.

배민1 수수료 계산기: https://t.hi098123.com/baemin1-fees
쿠팡 이츠 수수료 계산기: https://t.hi098123.com/coupang-eats-fees

중계비가 천원일때도 마케팅 비용 지출을 고려하지 않는다면 적자가 나지 않을 것 같은데 마케팅 비용으로 얼마나 쓰는지는 모르겠고.

수수료가 건당 대략 2천원~4천원정도 인상된다고 보면 되는데, 앞으로의 물가 등을 생각해보면 배달팁만 2천원 오르는 건 양반일 것 같네요.

배달팁 4천원↑ 시대

제 생각은 소비자, 음식점 모두 득이 없을 것 같지만 배달앱의 구조상 1년 뒤(이르면 1년 안)에 배달팁 4천원을 넘기는 시대가 열릴 것 같습니다.

아마 이렇게 되면, 단건배달은 검은색 모범택시처럼 사용자가 자주 이용하지 않도록 변할지 모르겠네요.

상생을 위한 대책이 필요해보입니다.

점자 번역기 (점역 및 해석 툴)

hi098123 — Fri, 11 Mar 2022 05:04:23 +0900

이 툴을 만들게 된 계기는 어느 날 캔음료를 마시다가 점자를 봤는데.

음료수 별로 다를 줄 알았던 표기가 같았고, 규칙을 좀 찾아봤습니다.

⠪⠢⠐⠬ (음료: [ㅡ+ㅁ ㄹ+ㅛ])
⠓⠒⠇⠒ (탄산: [타+ㄴ 사+ㄴ])

대부분의 음료수 캔에는 음료로 표기되어있고, 콜라, 사이다, 핫식스 등에는 특이하게 탄산으로 표기되어있습니다.

모든 음료수에 '음료'라고 적힌 건 좀 아닌 것 같았고, 기업에서 점자로 쉽게 변환할 수 있는 툴을 만들고자 하였습니다.

페이지 수로는 200여 페이지였지만 실생활에 주로 사용되는 한글 + 로마자(영어) + 숫자 정도만 지원하는 거면 어렵지 않아 보여 점역하고, 해석하는 툴을 만들어 보기로 했습니다.

지원하는 내용은 아래와 같습니다.

	점역(한글 -> 점자 등)	해석(점자 -> 한글 등)
한글 지원	O	O
로마자 지원	O	O
숫자 지원	O	O
수학 점자 (*)	X (+, -, *, / 등 기호 몇개만)	X (+, -, *, / 등 기호 몇개만)
과학 점자 (*)	X	X
컴퓨터 점자 (*)	X	O
한국 음악 (*)	X	X
서양 음악 (*)	X	X

로마자(*)의 경우 3월 11일 현재 대문자 단어 표, 대문자 구문표, 3월 12일 기준 로마자 약자 지원 안 함 (추후 지원 가능.)
수학, 과학 등 분야별 점자(*)가 있는데 현재 이에 대해 지원하지 않습니다.

~~3월 12일 대문자 단어/구문 지원 추가, 로마자 약자는 규칙이 더 다양하고 복잡하여 추후 지원 예정~~

~~3월 18일 로마자 약자(2급)가 안 쓰이면 결과가 무용지물이 된다고 판단하여, 다른 툴 이용방법 안내 추가~~

8월 10일 로마자 약자 지원 추가

한국에서의 점자는 점 6개를 사용하는데, 총 나오는 점자의 숫자가 64개로 단 64개 글자로 모든 내용을 표기하다 보니 앞에 나오는 점자에 따라 같은 점자의 해석법이 바뀐다.

이런 특성 때문에 예외 규칙이 매우 많고 다양한데, 해석에서는 모든 부분을 매우 정확히 처리할 수 없다.

예를 들어 받침(ㅍ)과 마침표(.)가 동일하게 (⠲)로 표기되는데 해석 시에 도움이 될 방법이 없고, 해석하는 사람이 판단해야 된다.

이는 물음표(?)와 받침(ㅌ)에서도 동일하다.

아마 이런 프로그램을 만들일이 있다면, 이런 문장을 한 번쯤 보고 처리하게 될겁니다.

감사합니닾

(다.) 이 아닌 (닾)으로 해석된 경우인데.

‘앞’이 아니고 ‘아.’이다.

각종 점역 툴에서는 위 문장을 "'앞'이 아니고 '앞'이다."으로 잘 못 번역하더군요. (도서 점자 규칙 기반이지만, 그래도 자주 사용되는 예외 규칙임)

정확한 점자 번역기

현재 대부분의 예외를 처리하여 비교적 정확하게 점역하고 해석 가능한 툴입니다.

불확실한 점자번역앱을 설치해서 사용하실바에 웹페이지로 간단히 사용가능한 점자번역기를 이용하세요!

https://t.hi098123.com/braille

점자 번역기

문자를 점자로 번역합니다. 한글 기준에 맞게 점자로 번역하거나, 점자를 해석할 수 있어요!

t.hi098123.com

참고한 규칙

https://www.mcst.go.kr/kor/s_data/ordinance/instruction/instructionView.jsp?pSeq=2704

이외에도 로마자 점역 및 해석을 위한 [UEB G2/UEB G1]규칙, 컴퓨터 점자(BANA CODE/ASCII CODE), 표해석 등 한국에서 사용되는 대부분의 점자 규칙이 적용되어 100%에 가까운 해석이 가능합니다.

아래의 점자 소식지들도 해석 가능하기 때문에 점자 검토용 등으로 사용하셔도 됩니다.

http://www.kbuwel.or.kr/Board/SeoulBraille/List

PC에서 간단히 점자파일을 드래그앤 드롭하시면 됩니다.

URL과 이메일등은 컴퓨터 점자로 표기되어있는게 위 소프트웨어에서 해석시 정확도가 좋아집니다.

점자 소식지에서도 각종 오타가 있는데 오타가 있는 소식지들은 해석 가능한 경우의 수를 검증하다가 맞는 규칙이없어 포기하는 형태로 해석되기에 매우 느리게 해석될 수 있습니다.

몇몇 소식지에는 점자 오타가 있습니다. (잘못된 괄호문제, 로마자 시작없이 로마자 괄호를 적용한 문제, 한글 점자규칙에 따른 띄어쓰기가 잘못된 경우 등)

고의로 오탈자를 낸 점역사/교정사 등 시험문제등을 검증하기에는 맞지 않습니다.

올바르게 작성된 경우에만 원활한 해석 가능합니다.

특히 이 번역기가 규칙에 민감한 점을 이용하면.. 올바르게 점역되었는지 검증하는 교열/교정 작업에도 적합합니다. (점자 규칙을 아는 경우 시간적으로 크게 도움됩니다.)

디지털 풍화기, 복원(업스케일링 툴)

hi098123 — Tue, 1 Mar 2022 06:32:29 +0900

이 글에서는 최근 만든(2022년 2월 28일) 두가지의 툴을 소개할 예정이다.

디지털 풍화기

디지털 풍화는 JPG파일을 이용할 때 서버 업로드 과정, 사용자의 편집 후 변환과정에서 계속 손실압축되며 이 과정이 여러번 반복되면 많은 부분에서 깨져서 보기 불편해진다.

먼저 손실압축을 간단히 소개하자면, 원본으로 정확히 복원 불가한 압축기법이다.

반대로 zip같은 압축은 무손실 압축을 사용해서 압축을 해제해도 파일이 변하지 않는다.

이미지, 오디오, 영상 등은 일부가 손실되어도 원본과 거의 비슷해서 사람이 인지하기 어렵고

일부가 손실되어도 용량을 줄이는 것이 저장용량 측면에서는 좋기때문에 널리 사용되어왔다.

예를 들자면 jpg, mp3 같은 파일이 대표적이다.

이들은 손실압축기법으로 압축되어 원본의 일부를 복구할 수 없어진다.

사용법

파일을 불러온다.
변환된 전/후 이미지가 뜨는데 마음에 들지 않는다면 설정을 조절할 수 있다.

이미지 사이즈가 큰 경우 퀄리티값을 줄이면 금방 풍화된 이미지를 구할 수 있다.

인코딩 수가 늘어나면 실행 시간도 늘어나고, 파일의 손상도 커진다. 너무 크게 조절하지 않는것을 권장한다.

https://t.hi098123.com/weathering-image

디지털 풍화기 (JPEG 인코더)

JPEG 손실압축을 반복하여 이미지를 손상시킵니다.

t.hi098123.com

이미지 업스케일 툴

이미지는 크기를 키우면 깨진다. 이 툴은 그 깨지는 부분을 계산하여 우리눈에 안깨지게 보이도록 색을 조절해주는 툴이다.

실제로 위에 디지털 풍화툴로 만든 손상된 이미지(색상값이 손상된 경우 복원 불가하다.)를 이 툴로 불러와서 노이즈 제거 강하게 복구하면 원본과 비슷하게 복원된다.

다만, 이 툴은 CPU 1코어만 사용하는 제성능이 안나오는 툴로.. 제 성능을 원하면 툴 설명 하단의 링크를 통해 윈도우버전 프로그램을 설치해서 사용해보실 수 있습니다.

https://t.hi098123.com/waifu2x

이미지 업스케일 툴

사진/그림의 화질을 좋게 만듭니다.

t.hi098123.com

[2022. 03. 01] 서버 IP 주소를 찾을 수 없습니다.

hi098123 — Tue, 1 Mar 2022 06:15:40 +0900

이번(2022. 03. 01)에 접속 오류가 나는 서버

www.afreecatv.com (아프리카tv)
www.nate.com (네이트)
info.edunet.net (에듀넷)
www.clien.net (클리앙)
cdn.ppomppu.co.kr (뽐뿌 리소스)
www.tmon.co.kr (티몬)
www.uplus.co.kr (유플러스)
www.news1.kr (뉴스1)
s.wemep.co.kr (위메프 리소스서버)

발견 하는대로 추가중

오늘 좀 특이한 현상을 봐서 글을 쓴다.

국내 한 언론사인 뉴스1(news1.kr)등 에 접속이 안되는 이상현상인데, 좀 특이하다.

접속 가능한 환경

인터넷 망 기준
- SK인터넷
- KT인터넷
- 케이블 인터넷
DNS 기준
- 통신사 DNS
- 구글
- IBM
- 해외 ISP의 DNS 99.9%

모두 통신사가 제공하는대로 사용하는 일반적인 경우 정상접속된다.

접속 불가한 환경

SK인터넷이 아니면서 CloudFlare DNS(1.1.1.1)를 사용할 때

SK인터넷 망에서 1.1.1.1 DNS를 사용시에는 정상접속 가능하다.

나머지 인터넷 망에서 1.1.1.1 사용시 접속이 불가하다.

뉴스1의 서버는 SK망을 쓰는데 다른 SK망을 사용하는 서버는 정상적으로 접속이 되었다.

1.1.1.1 DNS 이상인것 같지도 않은게 다른 DNS질의는 정상으로 뜬다.

그런데 또 DNS문제인것 같은게 타 DNS서버는 정상응답하고 있고, 뉴스1 서버주소를 찾는 질의는 timeout이 떳다.

SK쪽 내부 라우팅이 문제인걸로 예상되는데 아마 SK인터넷 라우터인 [1.255.*.*]에서 문제가 있는것으로 예상된다.

원래라면 바로 연결되야할 1.1.1.1도 일본을 거쳐서 일본 1.1.1.1서버에서 응답하고,

news1.kr로 향해야할 경로가 [1.255.*.*], [1.234.*.*]를 거치고 소실된다.

그냥 발견한대로 글을 적어봤다.

일단 SK와 클라우드플레어의 연결문제인걸로 추정되는데, 이 때문에 1.1.1.1 DNS를 이용시 SK회선의 서버(SK회선중 일부)에 접속이 불가하다.

DNS를 통신사 기본으로 연결시 이용가능하며, 공유기, 기기내 네트워크 환경설정에서 변경가능하다.

ipTime DNS변경법

관리페이지에서 아래 이미지를 통해 찾을 수 있을것이다.

윈도우 DNS 변경법

네트워크 속성에서 DNS를 자동으로 설정하거나, 클라우드플레어(1.1.1.1) 이외의 DNS를 설정한다.

서버이름	주소
KT DNS	기본 168.126.63.1 보조 168.126.63.2
SK Broadband	기본 210.220.163.82 보조 219.250.36.130
LG U+	기본 164.124.101.2 보조 203.248.252.2

StreamDocs PDF로 저장하기

hi098123 — Fri, 25 Feb 2022 05:13:23 +0900

가장 첫 번째 방법이다. 아마 이걸 위해 이 글을 찾은 건 아닐 것이다.

형식적으로 소개하는 부분으로 이 내용이 필요 없다면, 다음 문단으로 이동하면 됩니다.

좌측 상단의 메뉴를 누르면 'PDF로 내보내기' 버튼이 있습니다.

메뉴가 있고 + 'PDF로 내보내기' 버튼이 있다면? 이 방법으로 저장 가능합니다.

내보내기 버튼이 없을 때?

주소를 약간 변형한다면 다운로드 가능하다.

(※ 이 글은 2022년 2월 5일 작성된 글로 나중에는 방법이 바뀔 수 있음)

https://demo.epapyrus.com/demo/streamdocs/view/sd;streamdocsId=n7Pcr_qfYMmzDGCVWcKAECzSZBh7jZOZ-NDTS6ssW7I

일반적으로 문서 주소는 위와 비슷합니다. (위 주소는 회사에서 제공하는 Demo 주소임.)

문서 뷰어 주소에는 /streamdocs-vu 또는 /streamdocs 를 포함하고 있고,

바로 뒤에 /view/sd;streamdocsId= 이러한 문자로 주소가 나온다.

빨간 부분을 /v4/documents/ 로 바꾸면 다운로드 가능해진다.

최종적으로 완성된 다운로드 주소는 아래와 같습니다.

https://demo.epapyrus.com/demo/streamdocs/v4/documents/n7Pcr_qfYMmzDGCVWcKAECzSZBh7jZOZ-NDTS6ssW7I

읽으려는 문서가 StreamDocs로 보게끔 되어있었는데 너무 불편해서 도저히 못 볼 것 같아 확인해 본 방법이다.

작은 화면으로 보기에 불편함.
한 번에 많은 스크롤 시 로딩 시간문제.

스트림으로 가져오면 한 개씩 로딩하니 당장은 빠르나, 전체적으로 봤을 땐 느립니다.

또한 이미 로딩한 페이지를 다시 불러와서 다시 로딩한다는 단점.

(문서 페이지 이동이 많은 경우 계속 로딩되어 매우 불편하다.)

제 경우 문서 페이지가 300쪽이 넘고, 참조 따라 페이지를 넘겨가며 봐야 됐는데 짜증 날 정도로 불편했다.

내가 만약에 이런 기능을 만든다면 그냥 브라우저 자체 플러그인을 사용하거나, 오픈소스인 Mozilla의 pdf.js를 이용해서 렌더링 해줄 것 같다.

이번에 찾아보며 StreamDocs를 알았는데, 만약에 워터마크용으로 이걸 쓴다면 버리는 기능으로 봐야 한다.

백엔드에서 해야 될 작업인 워터마크 작업을 클라이언트에서 하는데, 워터마크 정보 URL을 애드블럭과 같은 프록시 차단 방식으로 차단만 하면 워터마크가 제거될 수 있다.

불편하게 슬라이드 되어, 보기 힘든 뉴스페이지 쉽게 보는법

hi098123 — Wed, 16 Feb 2022 17:19:09 +0900

뉴스 사이트는 모바일에서 광고가 매우 많고, 보기가 힘들게(이를테면 화면이 슬라이드 되도록) 되어있습니다.

이런 경우 한 번에 해결 가능한 방법이 있습니다.

아래는 우리가 일반적으로 볼 수 있는 뉴스 사이트의 페이지입니다.
글을 읽다가 조금만 스크롤하면 (매우 민감하게 좌우 스와이프를 판단하여) 옆으로 슬라이드 됩니다.

쉬운 해결법

'읽기 모드'를 활성화합니다.

활성화하게 되면 슬라이더 등 불필요한 기능은 사라지고 글만 남습니다.

읽기(텍스트, 리더) 모드란?
시각장애인을 위한 모드로, 리더기(웹의 내용을 읽어주는 도구)에서 필요한 정보를 읽을 수 있게 만드는 기능입니다.

삼성 인터넷: 우측 상단 '읽기 모드'
오페라 모바일: 우측 상단 '리더 모드'
크롬 모바일: 없음
파이어폭스 모바일: 없음
사파리: 주소창 좌측 '≡ 버튼'

이제 좌우로 슬라이드되지 않아 읽기 편하다.

만약 읽기 모드를 지원하지 않는 브라우저라면 테스트해봤을 때 모바일 크롬과 파이어폭스인데 이 둘은 자체 확장 프로그램 생태계가 괜찮아 확장 프로그램 중 쓸만한 것이 있을 것이다.

보기 싫은 쇼츠영상 없애는 법

hi098123 — Wed, 16 Feb 2022 16:54:19 +0900

유튜브가 짧은 동영상 서비스인 Youtube Shorts(이하 '쇼츠')에 힘을 주면서 쇼츠 영상이 많이뜨고 유튜버들도 이에 맞춰 쇼츠를 이용해서 이용자를 모으고 있다.

여기엔 보기 싫은 영상도 포함될 텐데

아래의 방법으로 쉽게 처리가능하다.

보기 싫은 채널 없애기

설정 (…) 버튼을 누른다.
'채널 추천 안함' 버튼을 누른다

제 경우에는 아래 채널을 주로 없애고 있습니다.

중국식 재미없는 유머채널
불펌 채널
쿠팡 광고용 채널

이건 쇼츠 광고에도 비슷하게 적용되어 보기 싫은 광고를 제거할 수 있습니다.

이 글 쓰려고 할때만해도 차단해제하는 방법도 대충 알고 있었는데 글쓰면서 찾아보니 차단설정 초기화 밖에 안보이네요.

단일대상 해제는 못한다고 생각하고 너무 남용하진 마세요.

나중에 개별 차단해제방법 찾으면 글에 추가할 예정입니다.

쿠팡이츠/배민원 개편 수수료 계산기

hi098123 — Sun, 30 Jan 2022 09:36:59 +0900

2022년 올해 쿠팡이츠와 배민1에서 수수료를 변경할 것으로 보이는데, 개편되는 수수료 체계가 복잡해 보여 계산기 툴을 만들게 되었습니다.

일반적으로는 대략적인 식이 있으면 쉽게 감이 잡히는데, 이번 수수료 개편은 어떤 게 이득일지 쉽게 감을 잡지 못했고

분석하려면 전용 계산기가 있어야 될 것 같았습니다.

아래는 앞으로 변경될 수수료 요금제 종류, 복잡한편이다.

쿠팡, 배달의민족의 개편 수수료 정책

쿠팡이츠 수수료 계산기

수수료 계산법

판매 금액, 배달팁 입력 방법
부가세 정산자료로 확인방법

1) 판매 금액, 배달팁 입력 방법

판매금액과 배달팁을 입력합니다.
수수료율 별 계산 결과를 확인합니다. (사진에서는 판매금 20,000원, 배달팁 2,000원 입력)

* 탭은 좌우로 드래그 가능합니다.

2) 부가세 정산자료로 확인방법

쿠팡이츠 스토어에서 '매출관리' - '부가세 신고자료'에서 원하는 기간의 자료(엑셀 파일:xlsx)를 다운로드하세요.
'merchant_sales_report_store...'로 시작하는 부가세 엑셀 자료 파일을 불러옵니다.

부가세 자료를 불러오면, 금액별로 일괄 적용하여 최종 정산 금액을 계산합니다.

이때 고객 부담 배달팁을 조절하면 정산금액 계산이 다시 되며, 고객 부담 배달팁에 따라 결과가 다릅니다.

(* 부가세 자료는 웹브라우저내에서 계산되고, 외부로 전송되지 않습니다.)

https://t.hi098123.com/coupang-eats-fees

쿠팡이츠 수수료 계산기

쿠팡이츠의 수수료를 계산합니다.

t.hi098123.com

배민1 수수료 계산기

수수료 계산법

판매 금액, 배달팁 입력 방법
부가세 정산자료로 확인방법

1) 판매 금액, 배달팁 입력 방법

판매금액과 배달팁을 입력합니다.
결제 수수료를 가게에 맞게 변경합니다. ( i 버튼을 누르면 배민 공지로 이동합니다.)
수수료율 별 계산 결과를 확인합니다. (사진에서는 판매금 20,000원, 배달팁 2,000원 입력)

2) 부가세 정산자료로 확인방법

배민 셀프서비스에 접속한 뒤 '주문정산'의 '부가세 신고 내역' 버튼을 누릅니다.
날짜를 선택하시고, 매출의 오른쪽에 '상세내역 다운로드' 버튼을 눌러 파일을 저장합니다.
다운로드하신 엑셀 자료(sales- 로 시작하는 엑셀 파일)를 불러오시면 곧바로 계산이 되어 결과가 나옵니다

부가세 자료를 불러오면, 각각 수수료를 계산하여 최종 정산 금액을 계산합니다.

이때 고객 부담 배달팁을 조절하면 정산금액 계산이 다시 되며, 고객 부담 배달팁에 따라 결과가 다릅니다.

(* 부가세 자료는 웹브라우저내에서 계산되고, 외부로 전송되지 않습니다.)

https://t.hi098123.com/baemin1-fees

배민1 수수료 계산기

배달의민족의 수수료를 계산합니다.

t.hi098123.com

부가세 자료로 계산해보시는게 가게에 적용되는 수수료를 최대한 근사하게 구하는데 좋습니다.

부가세 자료로 간단하게 계산해보시는걸 추천드립니다.

(자료는 외부로 전송되지 않고, 접속하신 기기 내에서 계산됩니다.)

오류가 있다면 이 글이나 해당 툴의 하단에 '오류제보' 기능을 이용해서 알려주시면 1일 이내에 반영할 예정입니다.

웹 브라우저에서 토렌트를? WebRTC

hi098123 — Tue, 25 Jan 2022 23:35:57 +0900

최신 웹 브라우저에는 WebRTC(Web Real-Time Communication)라는 기술을 사용가능합니다.

흔히 웹이라고 하면 개발자는 '서버 - 클라이언트' 통신을 떠올리게 됩니다.

아직 WebRTC를 한번도 접해본 적 없다면? 그리고 웹 개발 경험이 있다면?

웹 브라우저 상에서 '클라이언트 - 클라이언트' 통신은 말도 안된다고 생각할 수 있습니다.

그러나, WebRTC를 이용한다면 '클라이언트 - 클라이언트'로 서버에 파일을 저장하는 과정을 생략하고 파일공유도 가능하다.

현재 제가 시도하고 있는 분야는 WebRTC가 아니라서 몰랐던 분들을 위해 간단히 소개합니다.

이런것도 있구나 정도로만 읽어주세요.

기존에 불가능했던 누군가의 아이디어를 가능하게 만들어주는 기술일 수 있습니다.

WebRTC를 이용하는 크롬 원격

크롬 원격 데스크톱 remotedesktop.google.com

크롬 원격에서도 서버를 거치지 않고, WebRTC를 이용해서 통신합니다.

간단히, 크롬에서 WebRTC를 이용하지 못하도록 설정하면 원격 데스크톱 연결이 불가해짐을 확인해 볼 수 있습니다.

웹에서 토렌트를?

https://github.com/webtorrent/webtorrent

GitHub - webtorrent/webtorrent: ⚡️ Streaming torrent client for the web

⚡️ Streaming torrent client for the web. Contribute to webtorrent/webtorrent development by creating an account on GitHub.

github.com

이걸 툴에 추가할까 고민도 했었지만, 약간은 실험적인 기능이고 피어가 유지될 가능성이 적어서 웹에서 다운받기가 어렵다는 점 때문에 라이브러리는 잘 만들었지만(jsdelivr연결만 하면 상용으로 사용가능한 수준) 추가하진 않았다.

또 다른 WebRTC 기반 오픈소스

https://github.com/peers/peerjs

GitHub - peers/peerjs: Simple peer-to-peer with WebRTC

Simple peer-to-peer with WebRTC. Contribute to peers/peerjs development by creating an account on GitHub.

github.com

생각만 하고 있고 기존 브라우저에서 제약때문에 못한것이 WebRTC를 이용해서 만들 수 있을것 같다면

위 라이브러리의 소스와 아래 MDN안내서를 참고해서 만들어보세요.

https://developer.mozilla.org/ko/docs/Web/API/WebRTC_API

WebRTC API - Web API | MDN

WebRTC(Web Real-Time Communication)은 웹 애플리케이션과 사이트가 중간자 없이 브라우저 간에 오디오나 영상 미디어를 포착하고 마음대로 스트림할 뿐 아니라, 임의의 데이터도 교환할 수 있도록 하는

developer.mozilla.org

오픈소스쪽을 보니 이를 활용한 파일 공유 서비스는 이미 많이 보이는 것 같습니다.

클플 이메일 라우팅 사용 후기

hi098123 — Fri, 14 Jan 2022 20:21:50 +0900

Cloudflare Email Routing

클라우드플레어의 이메일 라우팅은 2021년 9월 27일 시범적으로 공개되었다.

현재(2022년 1월 14일)도 '비공개 베타'로 시범적으로 운영하고 있다.

이메일 서버

이메일 서버는 일반적으로 구축하기 힘든 편에 속한다.

제일 큰 문제로 스팸을 방지하기위한 절차가 조금 까다롭다.

그래서 호스팅사에서 이메일 호스팅 같은 일부 상품들도 있고, 도메인 구입시 이메일 라우팅을 제공해주는 업체도 있다.

클플은 현재 이메일 라우팅을 신청자 대상으로 무료로 제공하고 있다.

(* 신청 시 승인까지 7일 이상 걸릴 수 있다.)

이메일 라우팅

아래 이미지는 Gmail을 이용해 클플 이메일로 라우팅 되는 메일로..

mx.google.com -> mx.cloudflare.net을 통해 전송되며 클플에서는 ~~DKIM+SPF 방식으로 전달~~한다.

테스트한 첫날에는 DKIM+SPF였는데 이후 DMARC로 변경되었다.

https://t.hi098123.com/eml-reader

설정 방식은 현재(2022년 1월 14일) 아래와 같다.

대상 주소를 설정하고(최초 등록 시 인증메일 발송됨.)
사용자 설정 주소(내 도메인 기반의 주소: {설정할ID}@{내 도메인}.com)로 전송되는 메일을 대상 주소로 라우팅 한다.

또한 범용 주소를 활용하면 *@example.com으로 전달되는 모든 메일을 라우팅 할 수 있다.

이메일 DNS 레코드는 직접 설정하거나, 원클릭 UI가 되어있어 자동으로 DNS를 설정할 수 있다.

설정할 DNS값은 대략 아래와 같다.

인프라 투자에 진심인 클플!

만약 이런 기능도 무료로 제공한다면 클플은 뭐가 남지? 싶긴 한데..

국내 서버업계는 많은 고민을 해봐야 하는 시기 같다.

글 작성에 이용된 툴

이메일: https://t.hi098123.com/eml-reader
블러 처리: https://t.hi098123.com/easy-blur

이미지로 커서(*.cur)파일 만드는 법

hi098123 — Wed, 12 Jan 2022 07:12:02 +0900

커서(*.cur)파일은?

아이콘(*.ico)파일과 유사한 파일로 헤더부분에서 3~5byte만 다르다.

이 내용을 안 이후 기존에 있던 icon converter 툴에 cur파일 지원을 추가하기로 결정했고 완성되었다.

사용법

1px~128px의 정사각형 이미지를 준비한다.
불러온 뒤 중심점 조절 후
다운로드를 하면 끝

커서에는 투명한 부분도 필요하기 때문에 투명한 배경의 png 파일을 추천한다.

1px~128px의 '정사각형 이미지'가 핵심이다.

정사각형이 아닌경우 오류가 발생한다.

커서의 중심점은 커서이미지별로 가리키는 위치가 다르기 때문에 cur파일 포맷에서 조절이 가능하게 설계되었다.

https://t.hi098123.com/ico-converter#load=cur

아이콘/커서파일 컨버터

이미지를 (*.ico, *.cur) 파일로 바꿉니다.

t.hi098123.com

제일 간단하게 이미지 모자이크(블러) 처리하는 법

hi098123 — Sun, 9 Jan 2022 12:19:37 +0900

새로 툴을 만들었다. 이것도 예전부터 만들려고 했던 툴인데, 이제서야 만들게 됐습니다.

블러 처리는 그림판으로 하려면 모양이 안나오고,

포토샵등의 편집 프로그램을 사용하려면 프로그램이 무겁고 + 귀찮은 작업이 되어서

언젠간 만들어야지 하면서 미루다가 이제서 만든 툴입니다.

아직도 아이디어 노트에 적어둔건 많은데 다 만들기엔 시간이 부족합니다.

링크는 글 최 하단에 있습니다.

간단하게 이미지 모자이크

사용방법은 매우 쉽습니다.

이미지를 불러오고
블러처리할 부분을 형광펜 칠하듯 칠하면 됩니다.

전체 처리

일괄적으로 이미지 전체에 처리하려면 '전체 블러처리' 버튼을 누르면 됩니다.

펜과 지우개

펜은 블러부분을 만들고

지우개는 블러부분을 지운다.

펜 두께

이미지의 크기에 따라 상이해서 조절이 필요합니다.

블러 정도

블러의 강도로 어느정도를 뭉게서 보여줄지 선택가능합니다.

저장하기

저장하기 버튼으로 작업한 내용을 저장하면 됩니다.

https://t.hi098123.com/easy-blur

이미지 간단 모자이크(블러)

간단하게 사진을 블러(모자이크) 처리해보세요.

t.hi098123.com

[보안] 2022/01/07 카카오톡 해킹?

hi098123 — Fri, 7 Jan 2022 09:02:17 +0900

네이버 지식인을 구경하다가 오늘(1월 7일) 카카오톡 해킹되었다는 글이 매우 많이 올라왔다.

이들은 공통적으로 Samsung SM-T762N 라는 기기에서 접속되었다고 떳는데 해당 기기정보를 찾진 못했다.

Samsung SM-T7 은 갤럭시 탭을 의미하는데 62번 기기는 현재 존재하지 않는다. 아마도 해커가 조작한 데이터로 보인다.

접속된 아이피주소는 대만의 IP 주소, 한국의 서버 업체의 IP주소, 국외 서버업체의 IP주소 등으로 사용자마다 다르게 나타났다.

여러 사용자의 질문글에서..

당장 예상되는점은 Brute force(비밀번호 무작위 대입) 방법으로 여러 IP에서 차단 한계까지 대입하여 돌리는 방법으로 비밀번호를 때려 맞췄거나, 카카오에 제로데이취약점이 존재하여 해킹되었거나 둘중에 하나일것으로 예상된다.

~~아직 어떠한 외부 보고가 된 바 없으므로 이 정도 예상만 하고있고~~ 대처법을 소개해볼예정이다.

카카오측 안내 (오전 11시 추가함.)

먼저, 직접 하지 않은 로그인 알림 메시지가 수신되어 많이 놀라셨겠습니다.
해당 메시지는 나쁜 의도를 가진 사람이 고객님의 계정 정보를도용하려는 시도로 인해 발송되었습니다.
실제로 고객님의 카카오톡에 로그인한 것은 아니나, 고객님의 계정으로 로그인 시도 과정에서 이용중인 로그인 환경 정보를 "KaKaoTalk"으로 변조하여 해당 서비스명으로 안내된 것으로 확인됩니다.

카카오톡 로그인은 일반적인 서비스와 달리 카카오계정과 비밀번호뿐 아니라 추가 사용자 인증 단계를 거쳐야만 로그인이 가능합니다.
고객님의 카카오계정에 연결된 카카오톡과 관련한 피해는 없으니 안심하시기 바랍니다.
다만, 고객님의 카카오계정의 이메일과 패스워드정보는 외부에 알려진 것으로 추정됩니다.
이러한 도용 시도는 주로 보안이 취약한 웹사이트나 다크웹 등을 통해 취득한 개인정보를 무작위로 대입하여 로그인을 시도하는 경우입니다.

주로 개인정보 검증 및 로그인을 시도한 서비스내 데이터 탈취를 목적으로 대량의 개인정보를 무작위로 대입하는 케이스가 많으며, 이 때문에 로그인을 시도한 서비스에 실제로 가입하지 않은 계정이더라도 로그인 시도가 발생할 수 있습니다.
이런 나쁜 시도가 감지되는 즉시 해당 환경에서의 서비스 이용 차단 및 방어를 위한 조치를 취하고 있습니다.
카카오계정 보안 강화를 위해 고객님께서는 아래 사항을 유의하여 주시기 바랍니다.
카카오계정에서 사용하는 비밀번호가 타 사이트와 비밀번호가 같거나 오랫동안 변경하지 않았다면, 동일한 이메일과 비밀번호를 사용하는 보안이 취약한 타 사이트를 통해 외부로 유출될 수 있습니다.

그러므로, 각 사이트별로 모두 비밀번호를 다르게 설정해주셔야 하며 쉽게 유추할 수 있는 비밀번호 사용은 삼가해주시기 바랍니다.
안내드린 내용에 따라 즉시 비밀번호를 재설정해주시기 바라며, 주기적으로 새로운 비밀번호로 변경해주시기 바랍니다.
더불어, 비밀번호를 알고 있더라도 로그인 시 추가인증을 하는 2단계인증은 가장 확실한 보안 수단이 될 수 있으므로, 아래 경로에서 2단계 인증을 설정해주시기 바랍니다.

* 카카오톡 > 더보기탭 우측 상단 설정 > 개인/보안 > 카카오계정 > 2단계 인증

* 카카오 홈페이지(https://accounts.kakao.com/) 로그인 > 계정 보안 > 2단계 인증

무작위 대입시도가 늘어나, KaKaoTalk 로그인으로 안내한것으로 확인됩니다.

일단 예상한대로 큰 문제는 아니었습니다.

그런데 저는 이런 대응은 맞지 않다고 보는데요.

로그인 알림은 로그인 되었을때 안내하던 내용으로 이용자들은 알고있고 암묵적으로 약속 되어있기 때문에..
로그인 알림을 통해 공격시도 안내 알림을 보내는것은 무책임하다고 생각합니다.

차라리 별도의 알림톡 채널을 통해 상세히 안내했다면, 사람들의 불안도 줄이고 보안도 챙기는 이미지도 좋아질 수 있던 기회가 아니었나 싶네요.

대처법

먼저, 비밀번호를 바꿉니다. (카카오톡 설정 > 개인 / 보안 > 카카오계정 > 계정 비밀번호 변경)
이후, 아래의 "이후 대처 방법"을 따라해주세요.

이후 대처 방법

설정에 들어갑니다.
개인/보안에 들어갑니다.
기기 연결 관리에 들어갑니다.
내 기기가 아닌 기기가 있다면 로그아웃 시킵니다.

이후에 또 해줄 수 있는 조치로는 2단인증이 있는데..

카카오톡 설정 > 개인 / 보안 > 카카오계정 > 2단계 인증 에서 하시면 됩니다.

Github Pages + CloudFlare 같이 쓰지 마세요

hi098123 — Sat, 1 Jan 2022 11:38:37 +0900

Github Pages는 이전에도 여러 번 소개한 적 있는 프론트엔드를 올려두기 좋은 서비스다.

깃허브 페이지스는 최근 1년사이에 한국에서 접속 시 속도가 향상되었다.

기존에도 캐시서버 업체로 Fastly를 이용했는데, 기존 hnd(하네다공항: 일본)에서 icn(인천공항: 한국)으로 캐시서버가 바뀌었다.

현재 한국의 Fastly 서버는 널널한 편으로 정적인 Asset을 캐싱한 경우 보통 내부 처리는 1~5ms 정도밖에 걸리지 않는다.

국내에서 가장많이 사용되고 있는 CloudFlare는 많은 업체에서 사용 중이고 가동률이 높은지..

최근 들어 속도가 조금 저하되어 기존 10ms이내에 로딩하던 게 20ms까지도 걸리기도 한다.

(이는 단순히 내가 지속적으로 보던 크롬 개발자 모드에서 네트워크의 TTFB시간 기준이다.)

Github Pages의 캐싱정책

깃허브 페이지스는 기본적으로 600초(10분) 동안 Fastly라는 CDN 업체에 캐시되어 제공된다.

이 시간은 길다면 길수도 있지만, 짧다고 볼 수 있는데.

일단 캐싱되면 속도가 매우 빨라진다. (Fastly의 한국지점 서버에서 응답)

캐싱이 만료되었거나 캐시가 없다면, 속도상으로 미국 서버에서 한국 서버로 응답하는 것으로 보인다.

대략 150ms~200ms가 소요되기에 미국 서부나 중부지방의 서버로 추정된다.

(이 속도도 느린 건 아니다.)

CloudFlare 사용 시

한국에서 CloudFlare 사용 시 엔터프라이즈 플랜으로 트래픽 계약을 맺은 상태가 아니라면, 한국서버를 주지 않는다.

Github Pages + CloudFlare 조합으로 사용시 사용하는 인터넷에 따라 다르겠지만..

Github Pages(일본캐시 + 미국원본) + CloudFlare(일본)으로 연결될 가능성이 크다.

(또는 Github Pages(미국) + CloudFlare(미국))

이럴 거면 같이 쓰지 마세요

일단 먼저 네트워크 처리과정을 보자.

CloudFlare 사용 시

사용자 요청
클라우드플레어(일본:캐시 안됨)
패스틀리(일본:캐시 안됨)
깃허브 원본서버

특징: 패스틀리에서 캐싱하는 10분 동안은 아래의 절차만 실행된다.

사용자 요청
클라우드플레어(일본:캐시 안됨)
패스틀리(일본:캐시 됨)

Github Pages만 사용 시

사용자 요청
패스틀리(한국:캐시 안됨)
깃허브 원본서버

특징: 패스틀리에서 캐싱하는 10분 동안은 아래의 절차만 실행된다.

사용자 요청
패스틀리(한국:캐시 됨)

위 내용을 보면 알 수 있겠지만, 단순히 과정을 1개 늘리고 일본서버를 경유해서 더 느릴 수밖에 없다.

또한 트래픽 10GB가 적다고 쓰는 것일 텐데 기본값으로 프록시(주황색구름) 사용 시 의미가 하나도 없어진다.
클플의 기본은 html 캐시 안 함, 사용자별 다른 캐시 등으로 깃허브 페이지에서 CloudFlare를 사용하지 않는 상태와 다를 바가 없다.

제대로 쓰는 법

CloudFlare에서 페이지 규칙을 수정한다.
신규 레이아웃 - 좌측

구 레이아웃 - 상단
규칙을 생성해서 배포한다.
에지 캐시 TTL과 브라우저 캐시 TTL을 조금 더 큰 값으로 변경한다.

이렇게 에지 캐시를 늘려야 제대로 효과를 볼 수 있다.

페이지가 자주 바뀌지 않는다면, 최대값으로 사용해도 무방하다.

이 설정만 한다면, 트래픽은 무제한 수준이 되고 + 평균 로딩속도도 클플 지점에 따라 다르지만 일본으로 잡히는 경우 30~200ms정도다.

그런데, 이렇게 해도 단점이 있다.

페이지를 수정했을 때 캐시를 제거해야만 변경된 페이지를 로딩할 수 있다.

이때는 클플 대시보드에서 Caching - 구성 - 모든 캐시 제거로 캐시를 모두 제거한다면, 업데이트될 것이다.

API로 사용한다면 좀 더 편리하게 만들 수 있다. 이 부분은 알아서 찾아보시기 바랍니다.

Cloudflare API v4 Documentation

rolesarrayRoles assigned to this member [ { "id": "3536bcfad5faccb999b47003c79917fb", "name": "Account Administrator", "description": "Administrative access to the entire Account", "permissions": { "analytics": { "read": true, "write": true }, "billing": {

api.cloudflare.com

Apple기기만 다르게 보이는 이미지??

hi098123 — Thu, 23 Dec 2021 22:50:53 +0900

보안을 연구하는 DavidBuchanan314는 ambiguous-png-packer라는 프로젝트로 최근 Apple기기만 다르게 보이는 이미지를 만드는 소스를 공개했다.

(일주일 정도만에 700+ Star 달성)

파이썬으로 작성되어있고, png의 바이너리를 분해하여 재조립하는데..

제가 정확히 이해는 못했으나, 두 가지의 이미지를 특별하게 합치는 방법을 코드로 작성되어있습니다.

변환 예시

Apple에선 로고가 나와요

이 이미지는 Apple기기에서는 애플 로고가, Apple을 제외한 나머지 기기에서는 영문 ETC가 보이는 특별한 사진입니다.

이미지 처리의 핵심부분은 중간의 선이다.

내가 3일동안 프로젝트를 만져본 결과로는 이미지가 다채로울수록, 크기가 클수록, 기본적으로 압축이 많이 되어있을수록 중간에 선이 많이 그어진다.

해당 코드는 main함수의 while문 부분에서 처리되는 핵심 부분이다.

while ypos < height:

브라우저로 변환하면서 굉장히 어려웠는데, 문제를 하나씩 살펴보며 파악했더니 npm 라이브러리 버그였다.

버그를 고치고 난 후에야 js코드로 변환에 성공했고.. 이걸 찾는데 3일이나 걸렸다.

추후 툴을 더 업그레이드 한 후 기존 코드를 공개할까 생각중이다.

브라우저에서 체험가능한 링크

Apple만 다르게 보이는 이미지 만들기

애플만 다르게 보이는 이미지 제작툴

t.hi098123.com

원본 소스 코드

GitHub - DavidBuchanan314/ambiguous-png-packer: Craft PNG files that appear completely different in Apple software

Craft PNG files that appear completely different in Apple software - GitHub - DavidBuchanan314/ambiguous-png-packer: Craft PNG files that appear completely different in Apple software

github.com

웹 폰트파일 확장자 변환 툴 소개 [woff2, woff, ttf, eot]

hi098123 — Fri, 17 Dec 2021 12:09:47 +0900

폰트 파일의 확장자는 다양하며, 압축방식과 사용처가 달라 변환이 필요한 경우가 가끔 있다.

웹 폰트를 윈도우에서

이를테면 웹 폰트가 마음에 들어 윈도우에서 사용해보려면 woff2나 woff에서 ttf로 변환하면 적용할 수 있다.

생성된 ttf파일을 C:\Windows\Fonts에 이동시키면 해당 폰트가 활성화된다.

각 폰트 별 라이센스가 있으므로 라이센스는 별도로 확인하여야 한다.

디자인 작업용 컴퓨터에는 완전히 무료 라이센스 또는 구매한 폰트 이외에는 저장하지 않는 것이 바람직하다.

개인용 또는 학업용으로 사용 시에는 대부분 문제없는 경우가 많다.

Woff파일 최적화

woff파일은 IE(Internet Explorer) 10-11를 지원하지만 용량이 크다.

크롬 등 최신 브라우저에서는 woff2 파일도 지원하는데, woff를 woff2로 변환 시 용량이 절반 이상으로 줄어 웹폰트 로딩 시간을 단축할 수 있다.

특히 웹폰트에서 한글의 경우 자음 모음의 합에 따라 모양을 다르게 디자인하기 때문에 용량이 매우 커진다.

로마자가 수십 KB 단위임에 비해 한글은 2MB 정도까지 용량이 100배 정도 차이나기도 한다.

한글 무료 웹 폰트 공유 사이트인 눈누(noonnu.cc)에서도 woff만 지원하는 경우가 많은데, woff2를 같이 지원하게 만들어 준다면 좋을 것 같다.

(woff로 표기되어있으나 실제는 woff2인 파일도 있었다 : 이 경우 구버전 기기에서 오류 발생.)

궁극적으로

woff를 사용하는 환경에서는 부담 없이 woff2도 활성화시킬 수 있으나, 그렇지 않은 사이트가 많은 것 같아 쉽게 woff를 woff2로 변환하여 사용할 수 있도록 만들어봤습니다.

예전부터 만들려던 툴 이긴 한데.. 시간상 미루다가 만들었습니다.

폰트 파일 변환기 (woff2, woff, ttf, eot)

폰트 파일을 원하는 확장자로 변환시킵니다.

t.hi098123.com

[무료 CDN] jsDelivr의 대안 Statically

hi098123 — Sat, 11 Dec 2021 12:46:25 +0900

2년 전쯤에 jsDelivr 이용하기를 포스팅한 적 있습니다.

이때 당시에는 오픈소스의 CDN은 jsDelivr보다는 Cloudflare의 CDNJS, Google의 CDN(Google hosted libraries, Fonts), RawGit, UNPKG 등을 많이 사용하던 시절이었다.

2017년 정도부터 jsDelivr이 커가며, 현재는 오픈소스 CDN의 대표급으로 성장하였습니다.

요즘 배포되는 많은 오픈소스에서 jsDelivr을 사용하여 쉽게 사용하도록 제공하고 있습니다.

이 글에서는 jsDelivr을 대체하여 사용할 수 있는 Statically를 소개해보려고 합니다.

한국어 소개 문서가 하나도 없고 2018년도 시작한 프로젝트이지만, 비슷한 면과 나은 면이 있어 소개해볼 예정입니다.

Statically는?

Statically.io

정적 자원을 전달하는 CDN입니다. 주로 JS, CSS를 전달하는 역할을 하죠.

제 생각에는 선발주자인 jsDelivr의 영향을 일부 받아 만들어진 것 같습니다.

장점과 형식을 거의 그대로 구현해놨습니다.

표로 나타내는 게 아무래도 빠르게 보고 이해하는데 도움 될 것 같아 표로 설명하겠습니다.

내용은 작성일인 2021. 12. 11. 기준으로 작성되었습니다.

자세한 내용은 표 아래의 제목을 따라 확인해주세요.

	Statically	jsDelivr
	저장소 지원
Github 지원	O	O
NPM 지원	X	O
워드프레스 지원	O	O
GitLab 지원	O	X
Bitbucket 지원	O	X
	네트워크
한국에서 Main CDN 제공자	Fastly, CloudFlare	CloudFlare
중국 통신가능	△알수없음	O
DNS	이중화(NS1, Constellix)	이중화(NS1, ClouDNS)
최초 캐시 속도	500ms 정도	800ms 정도
캐시 기간	1년	1년
캐시 Purge	별도 채널로 연락	별도 채널로 연락
파일 크기제한	단일파일 30MB	패키지 전체 50MB
	특별한 기능 (API)
여러 리소스 합치기	X	O
Minify	O	O
이미지 전송 최적화	O	X
사이트 스크린샷	O	X
Avatar	O	X
OG Image	O	X

저장소 지원

Statically와 jsDelivr 모두 깃허브(Github)와 워드프레스(Wordpress)용 CDN을 제공합니다.

이 글은 Statically를 소개하는 글로 jsDelivr은 이미 알고 있다는 가정하에 작성하였습니다.

jsDelivr을 잘 모르신다면, 먼저 글을 읽고 봐주시면 좋습니다.

Statically의 주소 형태는 아래와 같습니다.

Github

https://cdn.statically.io/gh/:user/:repo/:tag/:path

jsDelivr의 형태인 /gh/:user/:repo@:tag/:path 와는 약간 다른데,

그러나, https://cdn.statically.io/gh/:user/:repo@:tag/:path 형태도 이용 가능합니다.

사용 예로 https://github.com/mrdoob/three.js/ 를 아래의 CDN에서 로딩 가능합니다.

https://cdn.statically.io/gh/mrdoob/three.js/dev/build/three.min.js

캐시는 기본적으로 1년이고 아래의 :tag에 대해서는 1일로 jsDelivr와 유사합니다.

main, master, dev, develop, gh-pages 등 자주 바뀌는 컨텐츠

또한 jsDelivr처럼 태그(:tag) 생략도 가능합니다.

GitLab

https://cdn.statically.io/gl/:user/:repo/:tag/:path

깃허브(gh)와 다르게 깃랩은 gl입니다.

Bitbucket

https://cdn.statically.io/bb/:user/:repo/:tag/:path

깃허브(gh), 깃랩(gl)과 달리 빅버킷은 bb입니다.

깃랩과 빅버킷 보다는 깃허브가 많이 사용되지만 이러한 저장소도 지원하므로, 좀 더 다양하게 선택하여 사용가능할것입니다.

WordPress

코어

https://cdn.statically.io/wp/c/:version/:file

패키지

https://cdn.statically.io/wp/p/:plugin/:version/:file

테마

https://cdn.statically.io/wp/t/:theme/:version/:file

이렇게 jsdelivr과 유사한 형식으로 쉽게 이용할 수 있습니다.

네트워크

CDN에서 네트워크는 매우 중요한 항목입니다.

믿을 수 있고 안정적인 대역폭을 전달해줄 수 없다면 유지하기 힘듭니다.

한국에서 Main Provider

Statically는 현재 한국에서 CloudFlare와 Fastly를 메인으로 CDN을 제공 중입니다.

낮에는 CloudFlare, 밤에는 Fastly를 통하여 전달되는것 같습니다(부정확할 수 있음.)

Fastly는 깃허브, 트위치 등 중대형 사이트에서 사용 중이며 안정적이고 빠른 네트워크 공급이 가능한 사업자입니다.

2021.12.13 이후 전세계에서 클라우드플레어로 변경되었습니다.
한국에서는 현재 Fastly는 거의 안쓰이고 클플이 부하가 많아 Fastly로 연결됐으면 하는데..

현재 KT에서는 Fastly가 TTFB가 테스트 파일 기준: 15ms -> 2ms를 내고 있습니다.

SKT에서는 Fastly가 20% 정도 느렸으나 체감상 클플이나 패스틀리나 안정적으로 빠른 CDN을 무료로 제공한다는 점에 감사하게 생각하고 있습니다.

중국 통신 가능

중국은 폐쇄적인 인터넷망으로 외부에서 CDN 공급이 어렵습니다.

jsDelivr은 QUANTIL이라는 중국 네트워크 사업자를 통해 지원하나, Statically는 따로 내용이 없는 것으로 보아 지원하지 못한다고 볼 수 있습니다.

테스트를 해보니 불안정합니다.

cdn.staticaly.com 도메인은 fastly를 향하는데, 이건 괜찮은것 같네요.

DNS

DNS는 당연히 이중화되어 있습니다.

jsDelivr과 동일하게 NS1이 메인 DNS 제공자이고, 서브로는 Constellix(jsDelivr은 ClouDNS)를 사용 중입니다.

최초 캐시 속도

깃허브 기준 속도입니다.

정확히는 알 수 없으나, 아마도 과정이 단순해 더 빠른 것 같습니다.

jsDelivr은 많은 단계를 거칩니다.

캐시 기간

캐시 기간은 기본적으로 1년, 변경될 수 있는 파일은 1일, 1달 등입니다.

캐시 Purge

캐시 Purge는 jsDelivr과 동일하게 별도 채널로 연락하도록 하고 있습니다.

파일 크기 제한

파일 크기 제한은 단일 파일에 대해서만 30MB로 제한하고 있습니다.

이렇게 파일크기가 크면 악용 가능할 수 있는데, 이 부분은 관리가 될지 모르겠네요.

특별한 기능 (API)

특별한 기능을 소개합니다.

여러 리소스 합치기

jsDelivr은 /combine 주소를 이용해 여러 파일을 합칠 수 있습니다.

파일을 합치면 장점 : HTTP는 헤더 크기 때문에 요청수를 줄이는 게 좋습니다. (성능에 도움)

Statically는 이런 기능을 별도로 지원하지 않습니다.

Minify

jsDelivr과 동일하게 js, css 등의 파일의 이름을 script.js에서 script.min.js로 요청 시 파일이 없다면 Minify 하여 제공됩니다.

이미지 전송 최적화

https://cdn.statically.io/img/:domain/:params/:file

기존 이미지 주소를 이용해서 CDN을 통해 전달 가능합니다.

https://staticsite.fun/dog.jpg를 https://cdn.statically.io/img/staticsite.fun/h=100/dog.jpg 로 요청 시 높이가 100px인 파일로 변환되어 전송되며 캐시 기간은 1년입니다.

:params

w: width(가로 px)
h: height(세로 px)
f: format(파일 변환)
- f=auto 설정시: WebP지원 브라우저에서 자동으로 WebP파일로 응답
- f=webp 설정시: 브라우저와 상관없이 WebP파일로 응답
p: percentage(이미지 퀄리티: 10-100이며 기본적으로 85)

대충 예시를 써보면 https://cdn.statically.io/img/:domain/w=100,h=100,f=auto,p=100/:file

사이트 스크린샷

필요할지 잘 모르겠는 기능이지만, 사이트를 스크린샷 찍을 수 있습니다.

https://cdn.statically.io/screenshot/:params/:url

:params

device=mobile
full=true
pdf

이 :params도 콤마(,)를 이용해 여러 개를 사용할 수 있습니다.

단점 중에 한글 폰트에 따라 깨지는 경우가 있습니다.

아마도 폰트 파일 로딩이 차단되어 그런 것으로 생각됩니다.

제가 여러 번 실험해 본 결과 Google fonts, jsDelivr등에서 불러오는 폰트는 정상적으로 보이는 것으로 추정됩니다.

full=true 설정 시 무한 스크롤이 적용된 웹페이지라면 중간에 끊기거나 Timeout으로 500번대 서버 에러가 발생할 수 있습니다.

Avatar

아바타(프로필)를 생성 가능합니다.

https://cdn.statically.io/avatar/:params/:text

단점으로는 두 글자만 가능 + 한글 인코딩(URI 인코딩 되어 %E 뭐 이렇게 뜹니다.)

OG Image

오픈그래프용 미리 보기 이미지 생성이 가능합니다.

https://cdn.statically.io/og/:params/:text.jpg

이 역시 서버 내부에 한글 폰트가 없어 한글 렌더링이 불가하며, 깨진다는 단점이 있습니다.

아이디어 자체는 좋은 것 같습니다.

https://statically.io/

The CDN for developers

The CDN for developers.

statically.io

Statically 보충설명

위에서 소개하지 못한 내용 보충.

html 파일 처리

*.html 파일은 jsDelivr과 다르게 403으로 전송하지 않습니다. (별도 요청/승인 필요)

반면 jsDelivr은 Content-type헤더를 이용해 실행되지 않는 단순한 텍스트(text/plain) 형태로 보낸다.

업무 및 처리?

jsDelivr은 Prospect One이라는 미국과 폴란드에 회사가 있고,

Statically는 개인이 유지 보수하는 것 같다. 인도네시아에 있다.

Community가 있으나, 유저수가 적고 관리자는 거의 읽지 않는게 단점.

추가적으로, 함께 봐도 좋은 내용

https://hi098123.tistory.com/273

[단독] 한국외식업중앙회 11만명 개인정보 유출

hi098123 — Tue, 30 Nov 2021 05:10:53 +0900

2021년 11월 13일 한국외식업중앙회(ifoodedu.or.kr)의 홈페이지가 뚫렸다는 소식이 해외 해킹 커뮤니티에 공개되었다.

일부 정보를 마스킹하였음.

음식점은 위생교육필증을 의무적으로 발급받도록 되어있어 피해가 예상됩니다.

유출된 개인정보는 이름, 전화번호, 이메일, 주민등록번호(일부 사용자는 생년월일+성별 정보만)등입니다.

유출된 인원은 총 113,006명으로 이중 162명은 주민번호가 아닌 생년월일+성별 정보가 유출되었습니다.

현재는 공지가 없는데, 개인정보가 유출된 서비스 대상으로 1달 이내에 KISA에서 공지를 띄우도록 공문을 보낼 것으로 예상됩니다.

아직 개인정보 유출 소식에 대한 정보가 없을 수도 있습니다.

다만, 해당 해킹 커뮤니티는 한국 사이버 경찰청, KISA 등이 자주 모니터링하는 사이트로 제가 보름 늦게 확인한 정보이므로 이미 인지했을 것으로 보입니다.

실제 서버 주소와 서버 접속 ID, PW 또한 유출되었으나 이에 대해 확인은 정보통신망법을 위반하기 때문에 진행하지 않았습니다.

현재 홈페이지를 확인해보니.

사이트 하단에는 인증마크가..?

그런데, 현재 홈페이지에 가봤는데 개인정보가 불법적으로 전송되는 것(암호화 처리안됨)으로 직접 확인하였습니다.

* 이번 해킹과 직접적인 관계는 없음
암호화 되지 않은 정보 전달은 도청과 비슷하게 털릴 수 있는 문제가 있지만,
이번 내용은 서버의 권한이 탈취당한 것으로 예상됩니다.

서버 해킹으로 개인정보 유출 이외에도 문제가 있는데,
개인정보는 암호화(https로)하여 전송하여야 한다는 정보통신망법등에 대한 위반으로 5천만 원 이하의 벌금을 맞을 수 있는 것으로 확인됩니다.

아래는 구버전 페이지에서 로그인 전 http로 트래픽을 전송하는 코드입니다.

//로그인
function logIn(){
	if(form_chk())
	{

        
//xp에서 로그인안된다고하여 https제거 - 16.05.12 eonjo 	
/*		
        //SSL		
		var url = location.href;
		url = 'https://'+ document.domain; 
		document.Login.action = url+'/Main.cmd?cmd=setLogin';
		document.Login.submit();	
*/		
		
		document.Login.action = '/Main.cmd?cmd=setLogin';  //테스트
		document.Login.submit();
		
		
		
	}
}

아래는 신버전 페이지에서 로그인 정보를 http를 통해 아이디, 비밀번호와 같은 민감한 정보를 비암호화하여 전송하고 있는 코드

	function logIn(){
		if(form_chk()){
			
			var url = document.domain;
			// www. 제거
			url = url.replace("www.","");
			url = 'http://'+ url; 
			document.Login.action = url+'/Main.cmd?cmd=setLogin';  //테스트
			document.Login.submit();
		}
	}

hi098123

삼성인터넷 v29 버그

민생회복 소비쿠폰, 꼭 출생년도로 나눠야 할까?

더 나은 방법?

2025-07-25 1.1.1.1 DNS 오류 발생으로 인터넷 장애 (서버 IP 주소를 찾을 수 없습니다.)

PC 윈도우의 경우

공유기 설정에서

맥(맥북 등)

Flush DNS

[SKT 해킹] SK7Mobile 알뜰폰 유심보호서비스 신청 방법

1. 부가서비스 조회 변경에 들어가기

2. 부가서비스 가입하기 (유심보호서비스)

3. 가입확인하기

웹 페이지에서 신청 방법

추가 정보

USIM 스왑으로 가능한 문제들

2025-04-05 클플 ICN 연결 오류

2025. 04. 06. 이후 작성내용

4월 8일 (미국시간 기준 4월 7일 월요일) 해결되었습니다.

미래의 도시

미래 배송 시스템

비용과 현실적인 상황

디지털 온누리 (만약 흰 화면만 뜬다면?)

로고 이후 흰 화면만 뜨고 화면이 안뜨는 경우?

IT분석

애플에서 공식 안내하는 Mac Mini SSD 자가 교체법 (M4/M4 Pro)

1. 하단 덮개 여는법

2. 안테나 선 분리방법

3. 팬 분리 방법

4. SSD 모듈 교체 방법

5. 마지막, 맥 OS 복구하기

최신 크롬 133 a visited 문제

테스트 결과

Arm칩의 진화

장점

고성능 + 적은 전기 사용량

단점

호환 문제

MAC에서의 게임 지원

저전력 고성능 CPU가 모바일의 미래

npm에서 사라진 XEIcon, CDN주소 github로 변경하기

zip, rar 압축풀기 무설치 사이트!

특징

RAR 파일 압축 해제 방법

ZIP 파일 압축 해제 방법

ZIP 압축하기

이벤트에서 제세공과금과 개인정보, 더 나은 방법은 없나?

현재 구조

제세금에서 개인정보의 목적

민간에서 더 나은 개인정보 보호 방법 찾기

단점

공공 영역에서 개선방안 찾기

애드센스 연결이 중단되다.

광고 연동?

검토요청 결과(내용 추가)

배민1(원) 플러스 수수료 계산기

판매금액 입력하기

사장님 부담 배달팁 입력

기본금액

사장님 추가 부담 배달 할인 금액

고객 부담 배달팁

계산 결과

수수료 계산기 바로가기

2023.09.18 네이버 마이박스 오류

15881555 '도로명 불일치' 스미싱

사례

1. 도로명 불일치로 애플로그인(아이디, 비번)입력 요구 (애플기기로 접속시)

2. 안드로이드 접속시 'chrome.apk' 설치 요구

대응방법

개인정보(애플 아이디)를 입력하지 않은경우 (chrome.apk를 실행하지 않은경우)

개인정보(애플 아이디)를 입력한 경우

chrome.apk를 실행한 경우

알 수 없는 출처로 설치되지 않은경우

알 수 없는 출처를 풀고 설치한 경우

장원영 인스타 검정하트( ) 기사 팩트체크

검정하트

폰트 정보는 전송되지 않는다! (기기별 다르게 보이는 동일한 문자코드)

윈도우(Windows)

안드로이드(Android. 정확히는 갤럭시 기기에서)

IOS