Outsider's Dev Story

Outsider

웹개발 관련
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 업계 뉴스
초대형 디지털금융 플랫폼 온다…네이버·두나무 합병안 이사회 통과 : 네이버파이낸셜과 두나무의 포괄적 주식 교환을 통한 합병안이 통과되면서 두나무가 네이버파이낸셜의 100% 자회사가 되게 되었다.(한국어)
업비트서 445억 해킹 사고, 입출금 중단…"전액 보전" : 업비트에서 Solana 기반의 가상 자산에서 해킹으로 445억가량이 출금되는 사고가 발생했다. 피해 금액은 업비트가 보전할 방침이다.(한국어)
넷마블, 해킹 당해 개인정보 유출… “주민번호는 제외” : 게임사인 넷마블이 지난 22일 해킹으로 사용자와 일부 임직원 정보가 유출되었다. 넷마블 PC 게임 사이트의 고객 이름, 생년월일, 암호화된 비밀 정보가 유출될 것으로 현재 파악되어 사용자에게 비밀번호를 변경할 것을 권고했다.(한국어)
프로젝트
typeagent : Structured RAG의 Python 버전.
Fara-7B : 컴퓨터 사용에 최적화된 Microsoft의 첫번째 SLM(Small Language Model)
Zigbook : Zig 프로그래밍 언어를 배울 수 있는 온라인 책.
penpot : 오픈소스 Figma 대체제.
Claude Code Infrastructure Showcase : TypeScript 마이크로 서비스를 6개월간 운영하며 얻은 경험을 바탕으로 만든 Claude Code 쇼케이스의 한국어 번역.
버전 업데이트
Angular v21.0.0 : JavaScript 프레임워크, 릴리스 공지
Signals 위에 구축된 실험적인 Signal Forms 출시
Angular Aria 개발자 프리뷰
MCP 서버 지원
Vitest를 새로운 테스트 러너로 통합
Spring Boot v4.0.0 : 스프링 애플리케이션의 구축을 도와주는 도구, 릴리스 공지
Spring Framework 7 기반
완전환 모듈화로 더 작은 JAR 제공
Spring Security v7.0.0 : Spring 인증 프레임워크, 릴리스 공지
Spring Integration v7.0 : Spring 내부/외부 메시징 프레임워크, 릴리스 공지
Spring Vault 4.0.0 : 스프링 시크릿 관리, 릴리스 공지
Spring Modulith v2.0 : 모듈화된 스프링 부트 애플리케이션을 만들어주는 도구, 릴리스 공지
Spring for GraphQL 2.0.0 : Spring 프레임워크의 GraphQL 통합, 릴리스 공지
Spring Web Services 5.0.0 : 문서 주도 웹버시스를 만드는 Spring 라이브러리, 릴리스 공지
Spring Cloud v2025.1.0 : 분산 시스템의 일반적인 패턴을 구축하게 하는 도구, 릴리스 노트
Git v2.52.0 : 분산 형상관리 도구, 변경사항
디렉터리나 파일을 마지막으로 수정한 커밋을 빠르게 찾는 git last-modified 명령어 추가
저장소를 관리하는 git maintenance 명령어가 git gc에 의존하기 때문에 매우 느린 문제가 있는데 geometric 태스크를 도입하여 더 원활하게 관리할 수 있게 됨.
저장소 정보를 검색하는 실험적 git repo 명령어
Git 3.0부터는 기본 브랜치명이 main으로 변경
Grafana v12.3 : 매트릭 대쉬보드, 릴리스 공지
새롭게 구축된 로그 패널
대시보드를 이미지로 내보내기
Nx v22.1.0 : 모노레포 빌드 시스템, 릴리스 공지
pnpm v10.24.0 : Node.js 패키지 매니저, 릴리스 공지
Zed v0.214.6 : 코드 에디터, 릴리스 공지
Prisma v7.0.0 : TypeScript/Node.js 데이터베이스 툴킷, 릴리스 공지
astro v5.16 : JavaScript 웹 프레임워크, 릴리스 공지
PHP v8.5.0 : 스크립트 언어, 릴리스 공지
내장 URI 익스텐션 추가
왼쪽에서 오른쪽으로 호출을 체이닝 할 수 있는 |> 파이프 오퍼레이터 지원
새로은 clone() 문법 지원
반환 값이 사용되지 않을 때 경고해 주는 #[\NoDiscard] 속성 추가
Cursor v2.1 : AI 코드 에디터, 릴리스 공지
GitLab v18.6 : 오픈소스 설치형 Git 플랫폼, 릴리스 공지
Prettier v3.7.0 : JavaScript/TypeScript 포매터. 릴리스 공지
Kyverno v1.16 : Kubernetes 정책 엔진, 릴리스 공지
kgateway v2.1 : Kubernetes Gateway API 구현체, 릴리스 공지
Traefik Proxy v3.6 : HTTP 리버스 프락시/로드 밸런서, 릴리스 공지
댓글 쓰기

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

댓글