Switch Lab — 구매 전에 키보드 스위치 소리를 듣고 타이핑해 보세요
Switch Lab은 브라우저에서 100종의 기계식 키보드 스위치를 바꿔 가며 녹음된 소리를 듣고 타이핑을 연습하는 도구입니다. 스위치별 가격과 유형, 무게, 소리를 비교할 수 있지만 녹음 환경이 서로 달라 소리 비교에는 한계가 있습니다.
최신기사
AI, 개발 도구, 오픈소스, 보안과 인프라의 변화와 이용 조건을 설명하는 최신 기사와 해설입니다.
eMudhra 중간 인증서 침해에 대응해 Firefox 사용자를 보호합니다
Mozilla는 eMudhra 중간 인증서 8개의 개인 키가 유출됐다는 신고를 받고 Firefox의 OneCRL에 해당 인증서를 차단 목록으로 배포했습니다. 표준 설정을 사용하는 Firefox에는 신고 후 3시간 안에 배포를 마쳤으며, 일부 사용자와 다른 Mozilla 인증서 저장소 이용자를 위한 추가 업데이트도 내놨습니다.
로컬 AI 도구의 역할 분담: 계산은 코드에, 해석은 모델에 맡길 때
세 사례는 모델을 어디에 쓸지 입력의 성격과 실패 비용에 맞춰 나눕니다. 정전 도구는 사실·수치를 코드로 만들고 Gemma에는 짧은 안내만 맡기며, 은행 장부는 이름 판독에만 모델을 씁니다. 음성 메모 도구도 모델별 역할을 분리하고 타임스탬프와 수치를 검증하지만, 배포·추론 방식과 검증 범위는 사례마다 다릅니다.
Framefields — AI 에이전트를 위한 코드 중심 영상 엔진
Framefields는 Node.js에서 네이티브 WebGPU로 작동하는 오픈소스 영상 엔진입니다. TypeScript로 모션 그래픽, 합성 효과, 3D 장면과 오디오 처리를 구성하고 브라우저 없이 프레임 단위로 렌더링해 MP4를 출력합니다.
Rails의 마법은 마법이 아닙니다: 요청은 Rails를 어떻게 통과할까요
Rails의 요청 처리 과정을 Rack 미들웨어부터 라우팅, ActiveRecord, 뷰 렌더링까지 따라가며 관습 뒤에 숨은 Ruby 메커니즘을 설명합니다. Zeitwerk, 커넥션 풀, Strong Parameters도 다뤄 Rails 동작을 디버깅할 때 살펴볼 지점을 제시합니다.
부업을 찾다가 팁통을 단 문장관(herald)을 만들었습니다
Blazon은 입력한 단어를 고정된 문장 규칙으로 방패 문양과 설명(blazon)으로 바꾸고, Gemma가 문구와 짧은 설화를 씁니다. 무료 SVG 다운로드와 팁통으로 운영하며, 결정론적 생성과 모델 입력·출력 검증, 일일 호출 제한을 적용했습니다.
은행 입금 알림을 장부로 바꾸는 로컬 Gemma
나이지리아 POS 운영자의 Moniepoint 입금 이메일을 일일 장부로 정리하는 웹 앱을 만들었습니다. 금액과 잔액은 코드로 처리하고, 은행마다 다르게 쓰는 고객 이름만 Gemma 3 1B로 읽습니다. 데이터는 기기에 남지만, 모델을 실행하려면 작동하는 GPU가 필요합니다.
도메인만 등록했는데 한 시간 만에 ChatGPT 봇이 찾아온 이유는?
링크를 공개하지 않은 테스트 호스트 10곳의 nginx 로그를 확인했더니 OpenAI 봇은 8곳에 방문했고 Googlebot과 bingbot은 한 번도 오지 않았습니다. 글쓴이는 인증서 투명성 로그(Certificate Transparency)가 호스트 발견 경로일 수 있다고 봅니다. 다만 첫 요청을 보낸 스캐너의 영향 등 다른 가능성도 남아 있습니다.
document.currentScript로 HTML 안에서 바로 렌더링하기
실행 중인 script 요소를 document.currentScript로 찾아 자기 자리에 결과를 렌더링하는 방법을 소개합니다. 별도 템플릿 언어나 ID 선택자 없이 날짜, 문구, 간단한 상호작용을 HTML 가까이에서 처리하지만, 비동기 데이터 처리에는 추가 요청과 HTML 보안 처리가 따릅니다.
Servo의 8월: CSS Grid, 텍스트 선택 등
Servo 0.6.0에는 8월에 반영한 417개 커밋이 담겼습니다. CSS Grid를 기본 활성화하고 텍스트 선택, 웹 API, 접근성, 탐색과 문서 로딩을 개선했으며 SpiderMonkey v153으로 업데이트했습니다. 일부 기능은 아직 명령행 설정으로 켜야 합니다.
DEV 피드를 새 탭에서 보는 브라우저 확장 프로그램
DEV Tab은 새 탭을 DEV 게시물 피드로 바꾸는 무료 오픈소스 브라우저 확장 프로그램입니다. 피드 캐시와 태그 필터를 제공하며, API 키를 연결하면 개인 대시보드와 읽기 목록, 의미 검색도 이용할 수 있습니다.
가입이 더디다고 제품을 탓하기 전에, 모르는 사람도 찾아올 수 있는지 확인하세요
초기 가입자는 지인에게서 오지만 이후 유입이 끊겼다면 제품을 고치기 전에 검색과 AI 답변에서 제품을 찾을 수 있는지 점검하라고 제안합니다. 제품명 검색, 고객 질문 검색, 소개 페이지, 외부 언급, 문서와 FAQ를 살펴보는 무료 점검 절차를 소개합니다.
Salience — 웹사이트로 들어오는 모든 요청과 응답을 실시간으로 확인하세요
Salience는 서버와 CDN에 쌓이는 데이터를 바탕으로 웹사이트의 요청, 응답, 오류를 실시간으로 보여주는 서비스입니다. 검색 엔진과 AI 크롤러, 스크래퍼, 실제 방문자의 트래픽을 구분하며 Shopify, Cloudflare, BigCommerce, WooCommerce 연결을 지원한다고 소개합니다.
후리가나를 표시하는 일본어 글꼴, Furifont
Furifont는 글꼴의 합자(ligature)를 활용해 일본어 한자 위에 후리가나를 표시합니다. 웹사이트에 글꼴을 설치하거나 북마클릿·사용자 스크립트로 적용할 수 있지만, 한자 읽기는 문맥에 따라 달라져 잘못 표시될 수 있습니다.
Traefik 3.7 서비스 미들웨어로 가중 서비스의 특정 분기만 처리하기
Traefik 3.7은 미들웨어를 서비스에 붙여 가중 서비스의 특정 백엔드에만 적용합니다. 다만 블로그 예제와 달리 middlewares는 loadBalancer 안이 아니라 서비스 바로 아래에 둬야 합니다. 글은 9:1 분기 테스트로 적용 범위와 실행 순서를 확인하고, 설정 오류와 API의 사용처 표시 문제도 짚습니다.
Pele, 테마를 적용할 수 있는 Mermaid 다이어그램 SVG 렌더러
Pele은 Mermaid 문법을 SVG로 렌더링하는 도구로, CSS 변수로 색상과 글꼴을 설정하며 색상 변경은 다시 렌더링하지 않고 적용합니다. 제작자가 공개한 비교에서 gzip 번들 크기는 230kB, 렌더링 시간은 0.05~0.3ms이며 Mermaid.js보다 작고 빠르다고 제시합니다.
반복되는 JSON-LD 실수를 보고 무료 FAQ 스키마 생성기를 만들었습니다
WordPress 게시물에서 반복적으로 발견한 구조화 데이터 오류를 줄이려고 FAQPage JSON-LD 생성기를 만들었습니다. 작성자는 문법 검사만으로는 부족하며, 구조화 데이터가 실제 페이지의 FAQ와 일치해야 한다고 강조합니다.
웹사이트가 AI 에이전트의 접근을 막고 있습니다
Amazon, 항공사, 금융사 등 여러 웹사이트가 보안과 서비스 정책을 이유로 AI 에이전트의 접근이나 구매를 막고 있습니다. 에이전트가 사람처럼 웹을 이용하려 해도 봇 차단 시스템에 걸릴 수 있고, 사이트 운영자는 트래픽 비용과 광고 수익, 거래 책임을 함께 따져야 합니다.
중고차 두 대를 비교하는 RevCheck
RevCheck는 불가리아의 중고차 매물 사이트 mobile.bg와 cars.bg에서 매물 두 개를 읽어 사진, 시세, 엔진별 점검 항목을 비교합니다. Gemma 4, DeepSeek V4 Pro, TabPFN을 각 작업에 나눠 쓰고 규칙 기반 검사를 결합해 어느 차를 보러 갈지 제안합니다. 개발 과정에서는 이미지 오독과 환각을 코드로 제한하고, 40초 요청 제한을 피하도록 비교 과정을 여러 요청으로 나눴습니다.
Discord 링크 미리보기에 컴포넌트 임베드 적용하기
Discord가 Open Graph 미리보기를 대체하는 컴포넌트 임베드를 지원합니다. 글쓴이는 서버에서 생성한 JSON으로 제목, 이미지 갤러리, 버튼을 구성하고 Astro 블로그에 적용하는 절차와 크롤링 조건, 제한 사항을 정리합니다.