The Web Animation Performance Tier List : JavaScript 애니메이션 라이브러리를 만드는 Motion에서 웹 애니메이션의 성능 퍼포먼스의 티어를 정리했다. 렌더 파이프라인은 Layout, Paint, Composite 순으로 진행되고 앞 단계를 반드시 다음 단계로 실행된다는 특징이 있기에 Composite만 실행할 수 있으면 성능이 가장 좋고 Compositor 스레드가 별도로 있기 때문에 메인 스레드를 사용하지 않는다면 애니메이션이 더 자연스럽게 될 수 있다. 이 특징을 바탕으로 티어별로 어떤 애니메이션이 어떤 티어에 속하는지를 설명한다.(영어)
Brand New Layouts with CSS Subgrid : CSS Grid에 이어 새로 등장한 Subgrid의 사용방법을 설명하는 글이다. Grid를 사용했을 때의 편리한 점뿐 아니라 한계점을 보여주면서 이 상황에서 Subgrid를 사용했을 때 얼마나 유용한지 여러 가지 예시와 함께 보여준다.(영어)
WebGPU is now supported in major browsers : 고성능 3D 그래픽과 GPU 연산을 할 수 있는 WebGPU API가 Chrome, Edge, Firefox, Safari에서 모드 지원하게 되었다. WebGPU는 기존 WebGL을 단순히 대체하는 것이 아니라 최신 GPU 기능에 직접 접근할 수 있고 GPU 가속 범용 계산도 가능하게 함으로써 계산 집약적 애플리케이션에서 데스크톱 급의 성능을 제공할 수 있다.(영어)
그 밖의 개발 관련
1,500+ PRs Later: Spotify’s Journey with Our Background Coding Agent (Part 1) : Spotify에서 수천 개의 저장소에 적용되는 의존성 업데이트, 구성 파일 업데이트, 간단한 코드 리팩토링 같은 플릿 매니지먼트의 자동화에 오랫동안 노력했지만, 이 접근방법에는 한계가 있어서 이미 변환 스크립트가 2만 줄이 넘어선 상태였다. 시대가 AI로 넘어가면서 이러한 작업에 AI를 사용하기 위해 작은 CLI를 만들고 MCP를 이용해서 PR을 생성하도록 개선했고 6개월여의 시간 동안 1,500개의 PR을 머지할 수 있게 되었다.(영어)
Background Coding Agents: Context Engineering (Part 2) : Spotify에서 위의 플릿 매니지먼트 자동화 이후 코딩 에이전트를 잘 활용하기 위한 노력이 정리된 글이다. 초기에는 Goose나 Aider 등을 실험했지만 잘되지 않았고 LLM API로 에이전트 루프를 구축했지만, 간단한 변경에서만 잘 작동할 뿐 사용하기가 쉽지 않고 복잡한 변경에서는 어려움을 겪었다. 하지만 Claude Code를 사용하기 시작하면서 훨씬 문제를 잘 해결할 수 있었고 결국 프롬프트를 정교하게 작성해야 한다는 교훈을 깨닫고 이를 개선하기 위해 MCP를 연결하면서도 안전하게 사용할 수 있도록 도구를 제공하게 되었다.(영어)
How we built the v0 iOS app : Vercel이 AI 디자인 서비스인 v9의 iOS 앱을 출시하면서 React Native로 이를 어떻게 만들었는지를 설명한다. v0 앱이 모바일 IDE가 아니라 외부에서 아이디어가 떠올랐을 때 노트 앱을 사용하듯이 아이디어를 구현해 보는 경험을 목표로 했기 때문에 훌륭한 채팅이 중요하다고 생각했고 이를 위해 많은 시도 끝에 지금의 형태를 완성했다. 모바일에서 좋은 채팅 경험을 위해 채팅 공간과 키보드로 인한 채팅 영역의 전환, 스크롤, 자연스러운 키보드 처리 등 구현한 방법을 설명하고 있다.(영어)
SHA1-Hulud, npm supply chain incident : 지난 24일 snyk는 NPM 생태계에 SHA1-Hulud로 알려진 새로운 공급망 공격을 확인했다. SHA1-Hulud는 침투한 곳에서 공격자가 제어하는 행동을 할 수 있는 웜으로 숨겨진 preinstall 스크립트가 포함된 트로이목마 npm 패키지가 설치될 때 CI 시스템에서 시크릿을 유출하는 방식으로 동작한다. 이번 공격으로 Zapier, Posthog, Postman 등 600개 이상의 패키지가 감염된 것으로 확인되었다. 같은 공격에 대해 GitLab의 분석 보고서도 있다.(영어)
인프라 관련
2025년 11월 18일 Cloudflare 서비스 중단 : 지난 18일 20시 20분 Cloudflare 네트워크에 오류가 발생했다. Cloudfare에서는 트래픽을 라우팅하는 장비의 Bot 관리 시스템은 요청을 봇 접수를 매기기 위해 머신러닝 모델이 사용하는 특성을 모아놓은 피처 구성 파일이 있다. 이 피처 파일은 몇 분마다 갱신되어 네트워크 전체에 배포되는데, 잘못된 쿼리 결과 때문에 중복 피처가 많이 포함되었고 파일 크기가 2배로 증가하면서 오류가 발생하게 되었다. 봇 모듈의 오류로 여기에 의존하는 핵심 프록시 시스템까지 오류가 발생하게 되었다.(한국어)
From OTel to Rotel: Petabyte-scale tracing with 4x greater throughput : OpenTelemetry 컬렉터와 Kafka를 이용해서 Clickhouse에 저장할 때 OpenTelemetry가 병목 구간이 되는 점을 발견하고 OpenTelemetry 데이터 플레인인 Rotel에서 Rotel로 이를 개선한 과정을 설명한 글이다. 기존과 같은 테스트 환경을 만들고 병목 구간을 확인한 후 Rotel을 사용한 결과를 비교한다. 병목이 되는 부분을 찾아서 JSON 바이너리 직렬화를 구현하고 Tokio의 병목 구간을 개선하고 LZ4을 사용해서 초기 테스트 결과보다 4배 가까이 많은 처리량을 달성할 수 있게 되었다.(영어)
The chip made for the AI inference era – the Google TPU : 2013년 구글은 딥러닝 작업이 컴퓨팅 자원에 크게 문제 될 것으로 생각하고 준비한 TPU가 어떤 특징이 있고 AI에 최적화된 ASIC 장비라서 범용적인 GPU보다 속도 및 비용 효율성 면에서 큰 이점이 있다. TPU의 정보는 제한적으로 공개되어 있으므로 정확한 비교는 없고 많은 사람의 의견을 정리해서 얘기하고 있고 TPU가 향후 Google 클라우드의 경쟁 우위가 될 것이지만 한편으로는 CUDA를 지원하지 않기 때문에 Google 외부에서는 확장성에 문제가 있다.(영어)
The Future of AWS CodeCommit : 2004년 7월 CodeCommit에 새로운 고객을 받지 않던 AWS가 관리하는 코드 저장소가 필요하다는 사용자의 요구 사항에 따라 AWS가 CodeCommit을 다시 사용 상태로 바꾸었다.(한국어)
AI 관련
Introducing Claude Opus 4.5 : Anthropic이 Claude Opus 4.5 모델을 발표했다. Claude Opus 4.5는 소프트웨어 엔지니어링 벤치마크에서 Sonnet 4.5와 Opus 4.1보다 훨씬 우수한 결과를 보여주고 있고 다른 분야에서도 가장 우수한 점수를 보여주었고 토큰 사용량은 더 적은 것으로 나타났습니다.(영어)
A new era of intelligence with Gemini 3 : Goolge이 Gemini 3 Pro를 출시했다. 모든 주요 벤치마크에서 Gemini 2.5 Pro보다 뛰어난 성능을 보여주는 것으로 나왔고 Gemini 3 Deep Think 모드는 추론과 다중 이해 능력이 크게 향상되었다.(영어)
Introducing Nano Banana Pro : Google이 이미지 모델인 Nano Banana의 새 모델인 Nano Banana Pro(Gemini 3 Pro Image)를 발표했다. Nano Banana Pro는 추론력이 향상되어 세계 지식과 실시간 정보를 바탕으로 더 많은 자료를 만들 수 있고 한국어를 포함해서 다양한 언어를 이미지 내에서 사용할 수 있게 되었다.(영어)
웹 업계를 떠나며 : 20년 이상 웹 디자이너/개발자였던 Simone이라는 사람이 쓴 Leaving the web industry의 번역 글이다. 오랫동안 웹 개발자로 일했지만, 디자인과 개발자 사이를 항상 오가면서 풀스택 개발자는 아니었고 프레임워크를 통한 지금의 웹 개발 장식은 망가졌다고 생각해서 더 이상 웹 개발자가 되는 것이 내키지 않았다고 한다. 결국 다른 업계로 전향하기로 하고 케임브리지 대학교의 IT 부서 테크니션 자리에 지원하면서 오히려 그동안 자신이 그 역할을 많이 했다는 것을 깨닫고 이력서도 갈아엎고 합격하게 되었다.(한국어)
Migrating from GitHub to Codeberg : 프로그래밍 언어인 Zig가 처음 git init을 한 이후로 GitHub을 사용하고 있었는데 Microsoft에 인수된 이후 과거에 엔지니어링 우수성이 없어졌다는 게 명백해졌다고 한다. 수많은 GitHub Actions의 버그를 우회하는 데 낭비하기보다는 호스팅 업체를 Codeberg로 바꾸기를 결정했다. GitHub 저장소는 바로 읽기 전용으로 변경되었고 마이그레이션하면서 가장 고민한 건 GitHub Sponsors가 Zig 모금에 큰 부분을 차지하고 있었지만, 이 부분도 부채로 간주하기로 했고, 후원자들도 기부를 Every.org로 옮겨 달라고 부탁하고 있다.(영어)
넷마블, 해킹 당해 개인정보 유출… “주민번호는 제외” : 게임사인 넷마블이 지난 22일 해킹으로 사용자와 일부 임직원 정보가 유출되었다. 넷마블 PC 게임 사이트의 고객 이름, 생년월일, 암호화된 비밀 정보가 유출될 것으로 현재 파악되어 사용자에게 비밀번호를 변경할 것을 권고했다.(한국어)
Comments