Outsider's Dev Story

Stay Hungry. Stay Foolish. Don't Be Satisfied.
RetroTech 팟캐스트 44BITS 팟캐스트

기술 뉴스 #283 : 25-12-01

웹개발 관련

  • The Web Animation Performance Tier List : JavaScript 애니메이션 라이브러리를 만드는 Motion에서 웹 애니메이션의 성능 퍼포먼스의 티어를 정리했다. 렌더 파이프라인은 Layout, Paint, Composite 순으로 진행되고 앞 단계를 반드시 다음 단계로 실행된다는 특징이 있기에 Composite만 실행할 수 있으면 성능이 가장 좋고 Compositor 스레드가 별도로 있기 때문에 메인 스레드를 사용하지 않는다면 애니메이션이 더 자연스럽게 될 수 있다. 이 특징을 바탕으로 티어별로 어떤 애니메이션이 어떤 티어에 속하는지를 설명한다.(영어)
  • 리액트 서버 컴포넌트는 정말 성능을 개선할까요? : React Server Components: Do They Really Improve Performance?의 번역 글로 React Server Component를 이해하기 위해서 적당한 예제를 중심으로 CSR로 성능을 측정한 뒤에 LCP, 데이터 표시, 상호작용에 걸리는 시간을 캐시 여부와 함께 비교하면서 개선해 간다. CSR의 문제점에서 SSR로 개선한 뒤에 데이터 패칭을 바꿔가면서 테스트한 뒤에 RSC로 바꿨을 때 문제점과 효과적인 부분을 보여주면서 비교해서 이해하기가 좋다.(한국어)
  • 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를 연결하면서도 안전하게 사용할 수 있도록 도구를 제공하게 되었다.(영어)
  • Introducing Code Wiki: Accelerating your code understanding : 기본 코드를 읽는 데 드는 비용을 줄이기 위해서 코드 저장소를 읽고 구조화된 위키를 지속적으로 유지하는 플랫폼인 Code Wiki를 Google에서 프리뷰로 출시했다.(영어)
  • Introducing Google Antigravity, a New Era in AI-Assisted Software Development : Google이 새로운 에이전트 개발 플랫폼인 Google Antigravity를 발표했다. Antigravity는 Gemini 3 Pro를 사용해서 브라우저도 제어하고 오랜 시간 생각하면서 에이전트가 소프트웨어를 작성할 수 있는 IDE이다.(영어)
  • How we built the v0 iOS app : Vercel이 AI 디자인 서비스인 v9의 iOS 앱을 출시하면서 React Native로 이를 어떻게 만들었는지를 설명한다. v0 앱이 모바일 IDE가 아니라 외부에서 아이디어가 떠올랐을 때 노트 앱을 사용하듯이 아이디어를 구현해 보는 경험을 목표로 했기 때문에 훌륭한 채팅이 중요하다고 생각했고 이를 위해 많은 시도 끝에 지금의 형태를 완성했다. 모바일에서 좋은 채팅 경험을 위해 채팅 공간과 키보드로 인한 채팅 영역의 전환, 스크롤, 자연스러운 키보드 처리 등 구현한 방법을 설명하고 있다.(영어)
  • Pyrefly Beta is here! : Meta라 Rust로 새로 만들고 있는 Python 타입 체커인 Pyrefly를 지난 5월에 오픈소스로 공개했는데 이번에 최종 안정화를 위한 Beta 단계에 돌입했다.(영어)
  • 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배 가까이 많은 처리량을 달성할 수 있게 되었다.(영어)
  • A tale of two incident responses: How our AI assistant found the root cause 3.5x faster : Grafana Labs내에서 장애가 발생했는데 내부에서 개발 중이던 Grafana Assistant Investigations가 8분 만에 원인을 찾아냈지만, 온콜 팀은 같은 결론을 찾아내는 데 28분이 걸렸다고 한다.(영어)
  • 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는 추론력이 향상되어 세계 지식과 실시간 정보를 바탕으로 더 많은 자료를 만들 수 있고 한국어를 포함해서 다양한 언어를 이미지 내에서 사용할 수 있게 되었다.(영어)
  • Introducing Meta Segment Anything Model 3 and Segment Anything Playground : Meta에서 이미지나 비디오의 객체를 감지, 추적할 수 있는 SAM 3 모델을 발표했다. 이번 발표와 함께 SAM을 테스트해 볼 수 있는 Segment Anything Playground도 함께 발표했다.(영어)
  • Introducing SAM 3D: Powerful 3D Reconstruction for Physical World Images : Meta가 위 SAM 3 발표와 함께 이미지에서 3D 객체와 인간 신체를 분리해서 3D로 재구성할 수 있는 SAM 3D를 공개했다.(영어)
  • Introducing advanced tool use on the Claude Developer Platform : Claude가 도구를 잘 사용할 수 있도록 도구를 검색하는 Tool Search Tool, 코드 실행 환경에서 도구를 호출하는 Programmatic Tool Calling, 도구의 사용 방법을 알려주는 Tool Use Examples 세 가지 기능을 추가했다.(영어)

볼만한 링크

  • 웹 업계를 떠나며 : 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로 옮겨 달라고 부탁하고 있다.(영어)

IT 업계 뉴스

프로젝트

  • typeagent : Structured RAG의 Python 버전.
  • Fara-7B : 컴퓨터 사용에 최적화된 Microsoft의 첫번째 SLM(Small Language Model)
  • Zigbook : Zig 프로그래밍 언어를 배울 수 있는 온라인 책.
  • penpot : 오픈소스 Figma 대체제.
  • Claude Code Infrastructure Showcase : TypeScript 마이크로 서비스를 6개월간 운영하며 얻은 경험을 바탕으로 만든 Claude Code 쇼케이스의 한국어 번역.

버전 업데이트

Comments

RetroTech 팟캐스트 44BITS 팟캐스트
Valid HTML5 Valid CSS WCAG 2.1 AA tested