Vibe Coding Kills, Opus Dials, 그리고 Git이 시네마로
Source: Dev.to
Anthropic이 “effort” 다이얼이 달린 Claude Opus 4.5를 출시했습니다—드디어 모델이 아니라 개발자가 추론 예산을 제어할 수 있게 된 것이죠! 한편, vibe‑코딩된 SaaS가 팀을 망하게 만든 사례(우리가 모두 필요했지만 피하고 싶어했던 교훈)와 Elio Capella Sánchez가 AI 에이전트와 AST를 활용해 일주일 만에 6,000개의 React 테스트를 마이그레이션한 이야기가 있습니다—레거시 코드를 다룰 때 AI가 실제로 빛을 발한다는 증거죠.
이번 호의 다른 내용: Matt Perry가 애니메이션 성능을 격투 게임 티어 리스트처럼 평가하고, Josh Comeau가 CSS Subgrid를 마침내 이해시키며, Lazar Nikolov가 Speculation Rules API를 활용해 전자상거래 로드를 100 ms 미만으로 끌어내고, PostgreSQL 19가 먼저 집계하고 나중에 조인하도록 학습하고, Matteo Collina가 Kubernetes에서 Next.js의 성능을 93 % 끌어올리며, Burak Yigit Kaya가 밸러트 키를 사용해 패키지를 배포해 공급망 보안을 강화하는 방법을 알려줍니다.
도구 소식: Rete.js가 React, Vue, Angular, Svelte에 시각적 프로그래밍을 제공하고, gitlogue가 Git 히스토리를 터미널 시네마로 바꾸며, Athas가 Vim 모드와 에이전시 AI를 갖춘 가벼운 Cursor 대안을 제공하고, SyncKit이 CRDT 기반 로컬‑퍼스트 앱을 제로‑컨피그 오프라인 지원으로 간단하게 만듭니다.
Migrating 6000 React tests using AI Agents and ASTs
by Elio Capella Sánchez
인터넷에는 인상적인 vibe‑스타일 코딩 데모가 넘쳐나지만, Filestage에서 일상 업무는 거의 새 코드베이스를 처음부터 시작하는 것이 아닙니다. 이 가이드는 AI 에이전트와 추상 구문 트리를 활용해 일주일 만에 6,000개의 React 테스트를 마이그레이션한 방법을 보여줍니다.
Introducing Claude Opus 4.5
by Anthropic
Claude Opus 4.5가 이제 출시되었으며, “effort” 다이얼을 통해 개발자가 모델의 추론 예산을 설정할 수 있어 성능과 비용을 보다 예측 가능하게 제어할 수 있습니다.
The Web Animation Performance Tier List
by Matt Perry
애니메이션 성능을 격투 게임 티어 리스트처럼 순위 매겨, 어떤 CSS 속성과 기법이 가장 부드러운 경험을 제공하는지 보여줍니다(스포일러: width는 F‑tier).
Brand New Layouts with CSS Subgrid
by Josh W. Comeau
CSS Subgrid가 마침내 중첩 그리드가 부모 그리드 레이아웃에 참여하도록 허용해, 강력한 새로운 레이아웃 가능성을 열어줍니다.
<100 ms E‑commerce
by Lazar Nikolov
Speculation Rules API를 사용하면 전자상거래 사이트가 100 ms 미만의 로드 시간을 달성할 수 있어 사용자 경험이 크게 향상됩니다.
A Vibe‑Coded SaaS Killed My Team
by cendyne.dev
“vibe coding”으로 구축된 SaaS가 팀을 붕괴시킨 사례를 통해 과도하게 실험적인 개발 관행이 초래할 위험을 경고합니다.
Releasing Packages with a Valet Key
by Burak Yigit Kaya
npm, PyPI 등 패키지를 “밸러트 키”로 배포해 공급망 보안을 강화하는 방법을 안내합니다.
Super fast aggregations in PostgreSQL 19
by Hans‑Jürgen Schönig
PostgreSQL 19는 조인 전에 조기 집계를 도입해 쿼리 성능을 크게 향상시킵니다.
93 % Faster Next.js in (your) Kubernetes
by Matteo Collina
Kubernetes에서 실행되는 Next.js 애플리케이션의 성능을 93 % 끌어올리는 기술과 벤치마크를 소개합니다.
Rete.js
by retejs.org
React, Vue, Angular, Svelte와 함께 작동하는 시각적 프로그래밍을 위한 JavaScript 프레임워크입니다.
gitlogue
by Yuji Ueki
터미널용 영화 같은 Git 커밋 재생 도구로, Git 히스토리를 살아있는 애니메이션 스토리로 변환합니다.
Athas
by athas.dev
Vim 모드, Git 통합, 에이전시 AI 편집 기능을 갖춘 가벼운 코드 편집기입니다.
SyncKit
by Daniel Bitengo
실시간 협업 애플리케이션을 구축하기 위한 강력하고 타입‑안전한 동기화 엔진입니다. 로컬‑퍼스트이며 CRDT 기반이고, 제로‑컨피그 오프라인 지원을 제공합니다.