프런트엔드 아키텍처를 하나로 설명하는 모델
글은 프런트엔드 구조를 브라우저의 탐색·조정, 서버의 콘텐츠, 클라이언트의 낙관적 UI 상태라는 세 책임으로 나눕니다. 이 관점으로 HTMX부터 SPA까지를 설명하고, Solid 2.0이 같은 모델 안에서 여러 구조를 표현하는 방법을 제안합니다.
개발·오픈소스 · 최신기사
개발 도구와 언어, 웹 기술과 오픈소스 프로젝트의 변화를 다룹니다.
GitHub Wiki는 안티패턴입니다
GitHub Wiki는 저장소 어디서나 한 번에 접근할 수 있다는 장점이 있지만, 문서를 코드와 함께 버전 관리하고 코드처럼 리뷰하려면 저장소의 /docs 폴더가 더 낫다고 주장합니다. GitHub Pages로 문서를 공개하고 Wiki에는 안내 링크만 두는 방식을 제안합니다.
AGENTS.md는 얼마나 흔할까요? GitHub 표본 조사에서 활성 저장소 6.2%, 전체 공개 저장소 1.0%
GitHub 저장소를 서로 다른 표본 방식으로 조사한 결과, AGENTS.md는 최근 90일 안에 갱신된 저장소의 6.2%, 전체 공개 저장소의 1.0%에서 발견됐습니다. CLAUDE.md도 활성 저장소의 5.4%로 비슷한 비율을 보였지만, 파일이 실제로 에이전트의 작업 결과를 개선하는지는 측정하지 않았습니다.
CLI-Anything — 소프트웨어를 에이전트가 다룰 수 있는 CLI로 변환합니다
CLI-Anything은 소프트웨어 코드베이스를 분석해 AI 에이전트용 명령줄 인터페이스(CLI)를 생성하는 도구입니다. 7단계 생성 절차와 CLI-Hub를 제공하며, JSON 출력·실제 백엔드 연동·다층 테스트를 통해 에이전트가 다양한 앱의 기능을 명령으로 실행하도록 구성합니다.
Scientific Linux를 포기한 것은 실수였습니다
Scientific Linux를 CentOS로 대체한 결정은 독립적인 Enterprise Linux 환경을 유지할 역량까지 없앴다고 글쓴이는 지적합니다. CERN의 Debian 전환 사례를 바탕으로, 연구기관은 단기 유지비뿐 아니라 공급망 의존과 대안을 보유할 가치를 함께 따져야 한다고 설명합니다.
텔레메트리를 켜야 AGENTS.md를 읽던 Claude Code
Claude Code 2.1.280에서는 원격 기능 플래그를 가져오지 못하면 AGENTS.md 로더가 꺼져 텔레메트리를 비활성화한 환경에서 프로젝트 지침을 읽지 않았습니다. 작성자는 우회 방법과 함께 문제를 보고했고, Anthropic 개발자는 임시 배포 설정 실수였으며 2.1.281에서 수정했다고 밝혔습니다.
DEV.to를 걸어 다니는 3D 도서관으로 만들었습니다 — 디버깅은 악몽이었습니다
Forem API에서 DEV.to의 실제 글 목록을 불러와 탐색 가능한 3D 도서관으로 구현한 과정을 소개합니다. 글이 수천 건으로 늘면서 발생한 위치 이동과 React ref 타이밍 문제를 추적하고, 결정론적 경로와 선반 배치로 해결한 경험을 설명합니다.
Spirula Studio — Vulkan·CUDA로 영상에서 3D Gaussian Splatting과 메시까지
Spirula Studio는 사진·영상에서 3D Gaussian Splatting 모델과 텍스처 메시를 만드는 데스크톱 도구입니다. Python·PyTorch나 별도 COLMAP 설치 없이 NVIDIA, AMD, Intel, Apple GPU에서 실행하며, 8GB VRAM으로 최대 1,000만 개의 SH3 Gaussian을 학습한다고 소개합니다.
클로드식 문체에 지쳤습니다 — AI 보조 개발은 어디로 갈까요
개발자 Kristian Polso는 AI 도구 사용을 강하게 밀어붙이는 경영진이 코드 품질과 유지보수성을 놓친다고 지적합니다. 비용 상승과 개발자의 불만이 쌓이면 AI 사용이 조정되고, 다른 도구와 함께 쓰는 균형점에 도달하리라고 전망합니다.
내가 바라는 GNOME의 LLM 정책
GNOME 기고자는 LLM으로 만든 제출물을 전면 금지하는 정책 초안을 제안합니다. 정책의 목적은 개발자의 작업 방식을 세세히 감시하는 게 아니라, 공동체가 어떤 기여를 환영하는지 밝히고 사람 중심의 협업 문화를 지키는 데 있다고 설명합니다.
Go의 `if err != nil`이 그리워 TypeScript용 errval을 만들었습니다
errval은 TypeScript에서 오류를 명시적으로 반환하고, 호출부에서 처리하도록 돕는 라이브러리입니다. 오류 타입을 호출에서 추론하고 `match`의 누락된 분기를 컴파일 오류로 잡습니다. 실패 경로 벤치마크와 오류 생성 방식도 공개했습니다.
Strands Agents — Python·TypeScript용 오픈소스 AI 에이전트 SDK
Strands Agents는 에이전트 실행 루프부터 도구, 메모리, 세션, 추적까지 제공하는 Python·TypeScript SDK입니다. 기본 설정을 갖춘 하네스로 빠르게 시작하거나, SDK를 사용해 루프와 구성 요소를 직접 제어할 수 있습니다.
PNG는 손상을 드러내지만 JPEG는 숨깁니다
512×512 이미지의 PNG, JPEG 등 6개 형식에서 비트 하나를 바꾸고 디코딩 결과를 비교했습니다. PNG는 처리 도구가 손상을 감지해 거부했지만 Chromium은 손상 전까지의 픽셀을 그렸고, JPEG·WebP·AVIF는 손상된 이미지를 온전한 것처럼 보여주기도 했습니다.
PanWatch — TradingAgents를 통합한 셀프 호스팅 AI 주식 모니터링 도구
PanWatch는 A주·홍콩·미국 주식의 시세와 보유 종목을 관리하고, TradingAgents 기반 분석 결과와 알림을 제공하는 셀프 호스팅 도구입니다. Docker로 배포하며 FastAPI와 React를 사용하고, 선택 사항으로 OpenTelemetry 추적 데이터를 Jaeger·Tempo 등에 보냅니다.
모바일 `100vh` 문제를 JavaScript로 고치지 마세요
모바일 브라우저에서 `100vh`는 현재 보이는 화면이 아니라 브라우저 UI가 접힌 상태의 높이를 기준으로 삼을 수 있습니다. 글은 `dvh`, `svh`, `lvh`의 차이를 설명하고, 목적에 맞는 CSS 뷰포트 단위를 쓰면 JavaScript 우회 코드를 없앨 수 있다고 안내합니다.
Codebase Memory MCP — 코드베이스를 지식 그래프로 색인하는 로컬 코드 분석 서버
Codebase Memory MCP는 Tree-sitter와 언어별 의미 분석을 결합해 코드 구조를 영속적인 지식 그래프로 만드는 MCP 서버입니다. Linux 커널 전체 색인에 3분, 구조 질의에 1ms 미만이 걸렸다고 보고하며, 다섯 가지 질의에서 파일별 탐색보다 토큰 사용량을 99.2% 줄였다고 제시합니다.
Impeccable — AI 코딩 도구에 디자인 지침과 검사 기능을 더하는 도구
Impeccable은 AI 코딩 도구에서 프런트엔드 디자인을 계획하고 다듬도록 돕는 스킬과 CLI입니다. 24개 명령과 61개 결정론적 검사 규칙을 제공하며, 브라우저에서 시안을 반복 수정하거나 CI에서 디자인 문제를 탐지할 수도 있습니다.
resize 디바운싱을 멈추세요. 브라우저가 이미 변화를 감지합니다
창 크기 변경 때마다 실행하는 resize 핸들러 대신 matchMedia()의 change 이벤트를 쓰면, 미디어 쿼리 조건이 바뀌는 순간에만 반응합니다. 화면 너비뿐 아니라 prefers-reduced-motion 같은 설정 변화도 감지할 수 있습니다.
Fulvid — Markdown·MDX 독립형 데스크톱 편집기
Fulvid는 Markdown과 MDX 문서를 로컬 파일로 관리하는 오픈소스 데스크톱 편집기입니다. 검색, 미리보기, 문서 링크와 그래프 탐색 기능을 제공하며 Linux, Windows, macOS에서 사용할 수 있습니다.
obra/superpowers — 코딩 에이전트용 스킬 프레임워크와 개발 방법론
Superpowers는 코딩 에이전트가 요구사항을 구체화하고 설계를 확인한 뒤, 계획과 테스트 주도 개발에 따라 구현하도록 돕는 스킬 프레임워크입니다. Claude Code, Codex, Cursor 등 여러 에이전트 환경에서 설치할 수 있으며, 작업별 검토와 브랜치 정리까지 개발 절차에 포함합니다.