Trawling

개발·오픈소스 · 최신기사

개발 도구와 언어, 웹 기술과 오픈소스 프로젝트의 변화를 다룹니다.

Proton Mail에서 표시 이름으로 발신자 위장 가능

발행

Proton Mail에서 발신자 표시 이름과 글꼴의 유사 문자를 악용해 실제 주소와 다른 발신자를 믿을 만하게 보이게 하는 문제가 보고됐습니다. DMARC 정책이 없는 도메인에서 인증 실패 경고도 나타나지 않으며, 제보자는 Proton이 수정에 동의하고 포상금을 지급한 뒤에도 2026년 9월까지 문제가 재현됐다고 밝혔습니다.

Shotcandy — 스크린샷을 보기 좋게 꾸미는 브라우저 도구

발행

Shotcandy는 스크린샷과 화면 녹화 영상에 배경, 프레임, 기울기, 주석 효과를 적용하는 무료 도구입니다. 브라우저에서 실행하며 파일을 기기 밖으로 보내지 않고, 이미지와 영상을 바로 공유하거나 내보낼 수 있습니다.

EmDash 1.0 출시 — 보안 플러그인 레지스트리를 갖춘 CMS

발행

Cloudflare가 Astro 기반 오픈소스 CMS EmDash 1.0을 공개했습니다. 서명된 플러그인 배포 기록을 검증하고 플러그인별 권한을 격리하는 구조가 특징이며, Cloudflare Blog 운영 경험으로 편집·미디어·확장성 기능을 다듬었습니다.

JavaScript가 부딪히는 7가지 한계와 WebAssembly가 넘는 방법

발행

WebAssembly(Wasm)가 JavaScript를 대체하기보다 계산 집약 작업, 신뢰할 수 없는 코드 실행, 플러그인 격리 같은 특정 문제를 해결한다고 설명합니다. Google Sheets, Figma, Shopify 등의 사례를 들고, 성능·격리·이식성의 장점과 디버깅·바이너리 크기 같은 비용을 함께 짚습니다.

MicroLLM Lab — 브라우저에서 소형 언어 모델 7종 시험하기

발행

MicroLLM Lab은 브라우저에서 소형 언어 모델 7종을 실행하고, 정해진 검사로 정확도와 속도를 측정하는 데모입니다. 결과는 기기에 저장되며, JavaScript로 직접 벤치마크를 작성하고 성능 인증서를 내려받을 수도 있습니다.

두 엔진이 모두 멈췄습니다 — 데이터 제공자 두 곳의 정책 변경으로 정비고에 들어간 앱

발행

항공기 추적 앱의 지도 제공자 CARTO와 비행 데이터 제공자 OpenSky Network가 각각 정책을 바꾸면서 서비스가 멈췄습니다. 작성자는 지도 API 키를 적용하고, 오진을 부르는 오류 메시지와 TCP 연결 시간 초과를 추적한 뒤, 제공자를 어댑터로 분리하고 명확한 점검 화면을 띄웠습니다.

CSS를 더 보내 사이트 성능을 개선하기

발행

GitHub는 Primer의 CSS-in-JS를 CSS Modules로 바꾸고, `sx` 속성과 테마 처리까지 단계적으로 옮겼습니다. Primer의 서버 렌더링 시간은 55%, 컴포넌트 초기화 시간은 25% 줄었으며, 회사 전체에서 마이그레이션을 진행한 경험과 성능 개선 수치를 공개했습니다.

Tor에서 직접 웹사이트 호스팅하기

발행

정적 사이트를 Tor onion service로 공개하는 설정과 배포 과정을 소개합니다. Tor가 서버 IP와 인증서 없이 연결을 암호화하지만, 느린 응답을 고려해 사이트를 별도로 빌드하고 요청 수를 줄여야 합니다.

Show HN: Lofi Cities — 브라우저에서 음악을 생성하는 픽셀 아트 도시의 밤

발행

Lofi Cities는 여러 도시의 픽셀 아트 야경과 도시 소리를 보여주고, Web Audio API로 브라우저에서 음악을 실시간 생성하는 웹 앱입니다. 오프라인 재생과 OBS 배경 사용도 지원하며, AI로 만든 이미지와 영상 루프를 두고 커뮤니티에서는 미술의 완성도와 AI 활용을 논의했습니다.

AI가 만든 성의 없는 UI를 알아보는 징후 10가지

발행

글쓴이는 AI가 만든 UI에서 반복되는 시각적·문구적 패턴 열 가지를 꼽습니다. Reddit에서는 이런 특징이 AI 이전에도 프레임워크와 디자인 유행을 따라 나타났다는 반박과, 상태 표시 배지나 어두운 테마만 제공하는 관행도 문제라는 의견이 나왔습니다.

Cloudflare 블로그, EmDash로 옮겼습니다

발행

Cloudflare가 블로그를 Astro와 Cloudflare에 맞춰 만든 CMS EmDash로 이전한 과정을 공개했습니다. k6 부하 테스트와 단계적 트래픽 전환으로 무중단 이전을 진행했고, 새 캐시 구조로 요청의 70%를 캐시에서 처리하며 최대 850 RPS까지 성능과 안정성을 확인했습니다.

Drawgent: 실시간 Excalidraw 캔버스에서 코딩 에이전트와 작업하기

발행

Drawgent는 사용자가 설치한 Claude Code, Codex, opencode를 Excalidraw 캔버스에 연결하는 도구입니다. 채팅으로 요청하거나 그림 옆에 `AGENT:` 메모를 남기면 에이전트가 장면을 읽고 캔버스를 편집한 뒤 결과를 확인합니다. 기존 세션 연결, MCP 도구, Excalidraw 공유 방 연동도 지원합니다.

이것이 현대적인 웹사이트입니다

발행

이 글은 블로그·문서·홍보 페이지에 프레임워크와 대규모 도구 체인을 얹기보다 HTML과 CSS의 기본 기능부터 쓰자고 주장합니다. 시맨틱 태그, 메타데이터, 리소스 힌트, 반응형 이미지 등 브라우저가 이미 제공하는 기능을 사례로 들며, 필요한 만큼만 도구를 더하자고 권합니다.

JavaScript 말장난: 태그드 템플릿 리터럴

발행

태그드 템플릿 리터럴의 보간 문법 `${{ url }}`이 Mustache 템플릿의 `{{ url }}`처럼 보이는 점을 활용한 아이디어를 소개합니다. Helicone SDK는 태그 함수로 프롬프트의 변수 이름과 값을 기록해 관측 도구에서 분석할 수 있게 합니다.