Proton Mail에서 표시 이름으로 발신자 위장 가능
Proton Mail에서 발신자 표시 이름과 글꼴의 유사 문자를 악용해 실제 주소와 다른 발신자를 믿을 만하게 보이게 하는 문제가 보고됐습니다. DMARC 정책이 없는 도메인에서 인증 실패 경고도 나타나지 않으며, 제보자는 Proton이 수정에 동의하고 포상금을 지급한 뒤에도 2026년 9월까지 문제가 재현됐다고 밝혔습니다.
개발 도구와 언어, 웹 기술과 오픈소스 프로젝트의 변화를 다룹니다.
Proton Mail에서 발신자 표시 이름과 글꼴의 유사 문자를 악용해 실제 주소와 다른 발신자를 믿을 만하게 보이게 하는 문제가 보고됐습니다. DMARC 정책이 없는 도메인에서 인증 실패 경고도 나타나지 않으며, 제보자는 Proton이 수정에 동의하고 포상금을 지급한 뒤에도 2026년 9월까지 문제가 재현됐다고 밝혔습니다.
Shotcandy는 스크린샷과 화면 녹화 영상에 배경, 프레임, 기울기, 주석 효과를 적용하는 무료 도구입니다. 브라우저에서 실행하며 파일을 기기 밖으로 보내지 않고, 이미지와 영상을 바로 공유하거나 내보낼 수 있습니다.
COMETLINK는 1996년 온라인 서비스의 채팅방을 재현한 브라우저 프로젝트입니다. 별도 채팅 화면과 Windows 95·System 7 시뮬레이터가 같은 방을 공유하며, 계정 없이 대화에 참여할 수 있습니다.
Cloudflare가 Astro 기반 오픈소스 CMS EmDash 1.0을 공개했습니다. 서명된 플러그인 배포 기록을 검증하고 플러그인별 권한을 격리하는 구조가 특징이며, Cloudflare Blog 운영 경험으로 편집·미디어·확장성 기능을 다듬었습니다.
WebAssembly(Wasm)가 JavaScript를 대체하기보다 계산 집약 작업, 신뢰할 수 없는 코드 실행, 플러그인 격리 같은 특정 문제를 해결한다고 설명합니다. Google Sheets, Figma, Shopify 등의 사례를 들고, 성능·격리·이식성의 장점과 디버깅·바이너리 크기 같은 비용을 함께 짚습니다.
MicroLLM Lab은 브라우저에서 소형 언어 모델 7종을 실행하고, 정해진 검사로 정확도와 속도를 측정하는 데모입니다. 결과는 기기에 저장되며, JavaScript로 직접 벤치마크를 작성하고 성능 인증서를 내려받을 수도 있습니다.
소셜 미디어 이용이 제한된 아이들이 Spotify의 공개 플레이리스트와 팟캐스트 댓글을 연결해 단체 채팅방처럼 사용했습니다. 댓글 관리자는 처음엔 봇으로 의심했지만, NPR 직원 Hannah Chinn이 자신의 어린 시절 온라인 경험을 떠올려 아이들임을 알아챘습니다.
항공기 추적 앱의 지도 제공자 CARTO와 비행 데이터 제공자 OpenSky Network가 각각 정책을 바꾸면서 서비스가 멈췄습니다. 작성자는 지도 API 키를 적용하고, 오진을 부르는 오류 메시지와 TCP 연결 시간 초과를 추적한 뒤, 제공자를 어댑터로 분리하고 명확한 점검 화면을 띄웠습니다.
영어·일본어·중국어로 같은 문장을 반복해서 입력하던 작성자가 로컬에서 작동하는 텍스트 확장 브라우저 확장 프로그램을 만들었습니다. 무료 버전은 단축어 5개를 지원하고, Pro는 한 번 결제하는 방식입니다.
GitHub는 Primer의 CSS-in-JS를 CSS Modules로 바꾸고, `sx` 속성과 테마 처리까지 단계적으로 옮겼습니다. Primer의 서버 렌더링 시간은 55%, 컴포넌트 초기화 시간은 25% 줄었으며, 회사 전체에서 마이그레이션을 진행한 경험과 성능 개선 수치를 공개했습니다.
정적 사이트를 Tor onion service로 공개하는 설정과 배포 과정을 소개합니다. Tor가 서버 IP와 인증서 없이 연결을 암호화하지만, 느린 응답을 고려해 사이트를 별도로 빌드하고 요청 수를 줄여야 합니다.
접근성 검사 도구 Axlura는 Google Ads에 211달러를 쓰고 클릭 113회를 얻었지만 가입은 없었습니다. nginx 로그를 분석하자 방문자 152명 중 31명은 검사를 마쳤지만 가입 페이지에 간 사람은 없었고, 작성자는 계정 생성 대신 이메일로 보고서를 받는 방식으로 바꿨습니다.
Lofi Cities는 여러 도시의 픽셀 아트 야경과 도시 소리를 보여주고, Web Audio API로 브라우저에서 음악을 실시간 생성하는 웹 앱입니다. 오프라인 재생과 OBS 배경 사용도 지원하며, AI로 만든 이미지와 영상 루프를 두고 커뮤니티에서는 미술의 완성도와 AI 활용을 논의했습니다.
Oniria는 DEV의 실시간 글을 책으로 보여주는 3D 도서관입니다. 개발자는 Three.js와 Sanity로 공간과 책장을 구성하고, 직접 걸어 다니며 위치를 지정하는 편집 도구를 만들었습니다. 글은 AI 코딩의 한계와 사람의 시각적 피드백이 필요한 이유도 짚습니다.
글쓴이는 AI가 만든 UI에서 반복되는 시각적·문구적 패턴 열 가지를 꼽습니다. Reddit에서는 이런 특징이 AI 이전에도 프레임워크와 디자인 유행을 따라 나타났다는 반박과, 상태 표시 배지나 어두운 테마만 제공하는 관행도 문제라는 의견이 나왔습니다.
Lisen은 Cartesia 계정과 API 키를 연결해 웹페이지를 소리 내어 읽는 무료 Chrome 확장 프로그램입니다. 읽는 위치를 표시하고 WAV 파일로 내려받을 수 있으며, 음성 생성 비용은 Cartesia에만 지불합니다.
Cloudflare가 블로그를 Astro와 Cloudflare에 맞춰 만든 CMS EmDash로 이전한 과정을 공개했습니다. k6 부하 테스트와 단계적 트래픽 전환으로 무중단 이전을 진행했고, 새 캐시 구조로 요청의 70%를 캐시에서 처리하며 최대 850 RPS까지 성능과 안정성을 확인했습니다.
Drawgent는 사용자가 설치한 Claude Code, Codex, opencode를 Excalidraw 캔버스에 연결하는 도구입니다. 채팅으로 요청하거나 그림 옆에 `AGENT:` 메모를 남기면 에이전트가 장면을 읽고 캔버스를 편집한 뒤 결과를 확인합니다. 기존 세션 연결, MCP 도구, Excalidraw 공유 방 연동도 지원합니다.
이 글은 블로그·문서·홍보 페이지에 프레임워크와 대규모 도구 체인을 얹기보다 HTML과 CSS의 기본 기능부터 쓰자고 주장합니다. 시맨틱 태그, 메타데이터, 리소스 힌트, 반응형 이미지 등 브라우저가 이미 제공하는 기능을 사례로 들며, 필요한 만큼만 도구를 더하자고 권합니다.
태그드 템플릿 리터럴의 보간 문법 `${{ url }}`이 Mustache 템플릿의 `{{ url }}`처럼 보이는 점을 활용한 아이디어를 소개합니다. Helicone SDK는 태그 함수로 프롬프트의 변수 이름과 값을 기록해 관측 도구에서 분석할 수 있게 합니다.