Outsider's Dev Story

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

기술 뉴스 #295 : 2026-06-01

웹개발 관련

  • CSS vs. JavaScript : 애니메이션을 CSS와 JavaScript로 구현했을 때의 차이점을 데모로 보여준다. 공이 움직이는 간단한 애니메이션은 실제 성능 차이가 거의 없다. 다만 자바스크립트는 메인 스레드에서 실행되므로, 메인 스레드가 바쁘면 자바스크립트 애니메이션 동작이 멈춘다. Motion이나 GSAP 같은 라이브러리와 비교하면, Motion은 Web Animations API를 사용하므로 메인 스레드의 영향을 받지 않지만 GSAP는 영향받는다.(영어)
  • Announcing lynx-ui : ByteDance가 웹 기반 기술로 모바일 앱도 만들 수 있는 Lynx 기반 ReactLynx의 UI 라이브러리 lynx-ui를 공개했다.(영어)
  • ECMAScript Explicit Resource Management - Stage 4 : 파일이나 디비 연결처럼 명시적으로 닫아야 하는 리소스를 안전하게 정리할 수 있도록 using 키워드를 도입하는 제안이 ECMAScript Stage 4에 도달했다.(영어)
  • HTML-in-Canvas API 오리진 트라이얼 소개 : HTML-in-Canvas API가 Chrome 148~150에서 실험적으로 사용할 수 있다. HTML-in-Canvas API는 2D·3D 그래픽을 처리하는 Canvas 안에 웹의 기본 요소인 DOM을 배치하는 브리지다. 덕분에 Canvas 내에서도 HTML의 장점을 그대로 이용할 수 있다.(한국어)
  • 에이전트 1.0용 Chrome DevTools로 AI 코딩 워크플로 간소화 : Chrome DevTools를 에이전트가 접근할 수 있도록 하는 Chrome DevTools for agents의 1.0 안정 버전이 출시되었고 MCP, CLI, 에이전트 스킬을 제공해서 코딩에이전트에서 쉽게 자동화할 수 있다.(영어)
  • Lighthouse 에이전트형 브라우징 점수 : Lighthouse에 사이트가 에이전트와 상호작용을 하기에 얼마나 잘 구성되어 있는지 평가하는 점수가 추가되었다.(한국어)
  • Announcing Web Serial Support in Firefox : Firefox 151에서 마이크로 컨트롤러, 개발보드, 3D 프린터 등 Serial로 연결된 하드웨어와 통신할 수 있는 Web Serial API를 지원한다.(영어)

그 밖의 개발 관련

  • Modern Java at Stripe: Language upgrades as a service : Stripe에서 JDK 버전을 업그레이드할 때마다 따르는 번거로운 수동 작업을 개선하기 위해 AutoJDK를 만들었다. AutoJDK를 실행하면 빌드 그래프를 분석해 업그레이드 가능 여부를 판단하고, 범위가 명확해 검토하기 쉬운 Pull Request를 생성하며, 해결해야 할 남은 문제를 파악해 알려준다. 도입 후 이른 시간 안에 JDK 17 도입률이 93%가 넘어 가장 보편적인 버전이 되었고 Java 8을 완전히 제거하고 대부분의 Java 11을 제거할 수 있게 되었다.(영어)
  • Introducing dynamic workflows : Claude Code에 단일 세션 내에서 수십, 수백 개의 서브 에이전트를 병렬로 실행하는 오케스트레이션을 통해 복잡한 작업을 수행할 수 있는 다이나믹 워크플로우가 추가되었다.(영어)
  • An important update: Transitioning Gemini CLI to Antigravity CLI : Google이 그동안 Gemini의 터미널용 코딩 에이전트로 Gemini CLI를 제공하고 있었지만 이제 요구사항이 달라져서 다수의 에이전트가 필요하기에 터미널 도구를 워크플로우의 다른 부분과 통합해서 사용해야 하게 되었다. 이를 단일 플랫폼으로 제공하기 위해 Antigravity로 통합하고 Antigravity CLI로 대체할 것이므로 Gemini CLI와 Gemini Code Assist IDE 확장은 6월 18일부터 무료 요청이 중단된다.(영어)
  • Composer 2.5 소개 : Cursor에서 자체 코딩 모델인 Composer 2.5를 출시했다. Composer 2.5는 2보다 지능과 동작이 크게 향상되어 장기간 작업을 꾸준히 실행할 수 있게 되었고 2.5도 2와 똑같이 Moonshot의 Kimi K2.5를 기반으로 한다.(한국어)
  • Codex 모바일 : ChatGPT 모바일 앱에 데스크탑에서 실행되는 Codex와 연결해서 모바일에서도 원격 작업을 할 수 있도록 Codex 기능이 프리뷰로 추가되었다.(한국어)
  • Introducing Workshop: launch sandboxed development environments on Ubuntu with a single command : Canonical에서 workshop launch dev 같은 명령어로 바로 개발 환경을 실행할 수 있는 워크숍 기능을 출시했다. 이 환경은 권한 없는 시스템 컨테이너에서 실행되어 격리된 환경을 제공하고, 한번 구성하면 똑같은 환경을 바로 띄울 수 있다.(영어)

AI 관련

  • Introducing Claude Opus 4.8 : Anthropic이 새로운 모델 Opus 4.8을 공개했다. Opus 4.8은 벤치마크 전반적으로 성능이 좋아졌고, 속도가 2.5배 빠른 Fast 모드의 비용도 1/3로 낮아졌다. 특히 정직성이 개선되어 근거 없는 주장을 하는 비율이 적어졌다.(영어)
  • Gemini 3.5: frontier intelligence with action : Google I/O에서 최신 모델인 Gemini 3.5를 공개하고 3.5 Flash를 출시했다. 3.5 Flash는 코딩과 에이전트 벤치마크에서 Gemini 3.1 Pro도 높게 나오며 출력 토큰 처리 속도도 다른 최첨단 모델보다 4배 빨라졌다.(영어)
  • Qwen3.7: The Agent Frontier : Alibaba가 최신 모델인 Qwen3.7-Max를 공개했다. Qwen3.7-Max는 코드 작성 및 디버깅, 워크플로우 자동화, 자율 실행을 지속하는 등 다방면에서 활용할 수 있는 범용 에이전트로 만들어져서 에이전트 기능의 폭과 깊이에서 뛰어난 성능을 보여준다.(영어)
  • DeepSeek-V4-Pro 75% Off - Now Permanent! : DeepSeek-V4-Pro가 가격을 4월에 할인 정책을 적용하다가 이 할인 가격을 계속 유지하기로 했다. 캐시된 입력 토큰은 $0.0145 -> $0.003625, 캐시 안 된 입력 토큰은 $1.74 -> $0.435, 출력 토큰은 $3.48 ->$ 0.87로 가격이 낮아졌다.(영어)
  • Gemini Spark - Your 24/7 personal AI agent : Google I/O에서 사용자의 지시를 하루 종일 처리할 수 있는 개인 AI 에이전트인 Gemini Spark를 발표했고 아직 출시되진 않았다.(영어)
  • ‘제미나이 옴니(Gemini Omni)’를 소개합니다 : Google I/O에서 이미지, 오디오, 영상, 텍스트를 같이 입력해서 고품질 영상을 만들 수 있는 Gemini Omni를 발표하고 첫 번째 모델로 Gemini Omni Flash를 출시했다.(한국어)
  • Daily Brief - Your personalized overview of today’s priorities : Gemini가 받은 편지함, 일정, 할 일을 살펴보고 하루의 우선순위 등을 요약해 주는 Daily Brief 기능을 공개했다.(영어)
  • A new era for AI Search : Google 검색의 AI Mode가 1년 만에 월간 사용자 10억 명을 돌파하면서 기본 모델을 Gemini 3.5 Flash를 도입하고 검색 엔진과 AI를 결합하는 방향으로 나아가기로 했다. 이제 검색 에이전트의 시대로 진입하면서 원하는 정보를 지속적으로 검색해서 알려줄 수 있는데 이번 여름에 유료 구독자에게 먼저 제공될 예정이다.(영어)

인프라 관련

  • From Silos to Service Topology: Why Netflix Built a Real-Time Service Map : Netflix가 수많은 분산 서비스에서 문제를 빨리 파악할 수 있도록 실시간 서비스 맵을 구축한 과정이다. 마이크로 서비스 아키텍처로 유연성과 혁신을 얻었지만, 의존성 파악 문제는 계속 남아 있었다. 그동안의 경험을 통해, 1초 내로 응답하는 빠른 실시간 쿼리로 애플리케이션 계층과 네트워크 계층을 한꺼번에 살펴볼 수 있는 UI와 API가 필요하다고 결론지었다. 그래서 eBPF Flow log, IPC 메트릭, Trace 세 가지 데이터를 수집·처리한 뒤 그래프 스토리지에 저장했다. 그 결과 의존성을 쉽게 파악하고 문제 있는 곳을 바로 찾아내고 영향 범위도 쉽게 파악할 수 있게 되었다.
  • Introducing Nova, our internal platform for coding agents : Dropbox에서 클라우드 환경에서 코딩 에이전트를 실행할 수 있는 Nova 플랫폼을 구축했다. 코딩 에이전트가 점점 중요해지지만, 개발 워크플로우가 Dropbox 내부의 인프라와 검증 경로에 의존하기 때문에 별도의 AI 전용 워크플로우 대신 코딩 에이전트가 시스템 내에서 동작하길 원했기에 CI가 실패했을 때 에이전트가 결과를 확인하고 대응하도록 하는 문제부터 시작해서 Nova를 구축했다. 이후 동일한 인터페이스로 여러 코딩 에이전트를 지원하도록 확장하게 되었다. Dropbox 내에서 개발자가 웹 UI에서 코딩 에이전트로 개발하다가, Flaky test가 생기면 성공·실패 예시를 찾아 수정하게 하는 것이 가장 성공적으로 활용되는 사례다. 이를 통해 코딩 에이전트의 가치가 코드 생성뿐 아니라 주변 플랫폼에서 나오고 상황에 따라서는 주변 워크플로우가 에이전트를 불러 수정하게 하는 것이 더 효과적이라는 것을 깨달았다.(영어)
  • Beyond code generation: rethinking engineering productivity in the age of AI agents : 위의 글에서 얘기한 Dropbox의 Nova 플랫폼을 만든 이유와 그 효과를 설명한 글이다. AI가 코드 생산성을 높였지만 그 영향으로 코드 리뷰, CI, 검증 워크플로우, 릴리스, 운영에 가해지는 부담이 더 커지면서 이 부분을 조정해야 한다는 판단하에 Nova를 만들었다. 현재 회사 내 풀 리퀘스트의 1/12을 차지하고 있고 배포 직전 사람이 최종 판단하는 거 외에는 자동으로 모든 과정을 진행할 수 있다는 점이 가장 큰 변화이다. 또한 AI로 인해서 풀 리퀘스트 처리량만으로는 생산성 지표로 충분하지 않다고 판단하고 더 포괄적인 측정 모델을 만들었다. AI 도구를 활용하는지에 대한 Fuel 단계, 팀 전반적인 워크플로우의 변화를 추적하는 Adoption 단계, AI가 실제 업무에 기여하는지를 측정하는 Output 단계, 제품 개발 속도를 높이고 고객 가치 창출까지 걸리는 시간을 추적하는 Impact 단계 4가지 측정 모델을 만들었다.(영어)
  • Toto 2.0: Time series forecasting enters the scaling era : Datadog에서 옵저버빌리티 메트릭에 최적화된 시계열 예측 파운데이션 모델인 Toto 2.0을 오픈소스 라이센스로 공개하고 Hugging Face에 2m, 22m, 313m, 1B, 2.5B의 다섯 가지 가중치로 올렸다. 이전 버전보다 파라미터 효율성이 7배 좋아지고 추론 속도도 빨라졌으며, 벤치마크에서도 우수한 성능을 보였다. 또한 메트릭 패턴을 예측하는 데에서도 시계열에서도 모델 크기가 커질수록 성능이 좋아지는 것을 확인했다.(영어)
  • Benchmarking Kubernetes Log Collectors: vlagent, Vector, Fluent Bit, OpenTelemetry Collector, and more : VictoriaMetrics에서 VictoriaLogs를 위한 로그 수집 도구인 vlagent를 개발하고 다른 8개의 로그 수집 도구와 비교 테스트를 진행했다. 비교한 도구들은 VictoriaLogs Agent, Vector, Promtail, Grafana Alloy, Grafana Agent, Fluent Bit, OpenTelemetry Collector, Filebeat, Fluentd이다. 벤치마크에 따르면 로그 처리량에서 다른 도구들은 4만 미만에서 한계에 도달함에 비해 vlagent는 14만까지 선형적으로 증가하면서도 CPU와 메모리도 가장 적게 사용했다.(영어)
  • OpenTelemetry is a CNCF Graduated Project : OpenTelemetry가 CNCF의 졸업 프로젝트가 되었다.(영어)
  • OpenAI: Secure MCP Tunnel : OpenAI에서 회사 내부의 MCP 서버를 외부에 노출하지 않고 MCP 터널을 통해서 아웃바운드 요청만으로 OpenAI와 연결할 수 있는 Secure MCP Tunnel를 공개했다.(영어)

보안 및 장애

  • Compromised coding tool helped hackers breach thousands of GitHub repositories : 해커들이 수천 개의 GitHub 저장소 데이터를 탈취했다고 밝히고 다음 날 GitHub도 직원이 사용한 Visual Studio Code 확장의 악성 버전을 통해 침해가 발생했으며 3,800개의 저장소가 유출되었다고 확인했다. 추가 조사 결과 5월 18일에 공개된 Nx Console의 확장 프로그램에 악성 코드가 포함된 것이 밝혀졌다.(영어)
  • Incident Report: May 19, 2026- GCP Account Suspension : Google Cloud가 올인원 클라우드 플랫폼인 Railway의 프로덕션 계정을 정지하면서 UTC 기준 5월 19일 22:20부터 5월 20일 6:14까지 약 8시간 동안 플랫폼 전체가 중단되었다. Railway는 자체 메탈 워크로드와 AWS 워크로드가 있었지만, 컨트롤 플레인이 Google Cloud에 있었기 때문에 모든 Railway 워크로드를 이용할 수 없게 되었다. 이는 Google Cloud의 자동화가 Railway 계정을 잘못 정지 상태로 전환하면서 발생했다.(영어)
  • Project Glasswing: An initial update : Anthropic의 차세대 모델인 Mythos가 보안 취약점에 악용되는 걸 막기 위해 시작된 Project Glasswing의 현황이다. 50여 개의 파트너와 협업한 결과 1만 건이 넘는 취약점을 발견했고 몇몇 파트너는 취약점 발견 속도가 빨라졌다고 얘기한다. 1,000개 이상의 오픈소스 프로젝트를 스캔한 결과 6천여 건의 고위험·치명적 취약점을 발견했다. 이 중 1,700여 건을 보안 업체와 평가한 결과 90%가 양성으로 판명되었고, 62%가 고위험·치명적 심각도의 취약점으로 확인되었다.(영어)

볼만한 링크

  • I think Anthropic and OpenAI have found product-market fit : Simon Willison이 그동안 Anthropic과 Claude의 정액제 요금제를 쓰고 있어서 몰랐는데 최근 두 회사 모두 엔터프라이즈 요금제에서 라이센스 요금에 API 사용량 과금을 추가한 것을 확인했다. 이렇게 가격 정책을 바꾼 이유는 두 회사가 엔터프라이즈 시장에서 PMF를 찾은 것으로 보인다고 설명한다.(영어)

IT 업계 뉴스

프로젝트

  • Agent Executor (AX) : 분산형 에이전트 런타임으로 Google 만들고 있고 개발 초기 상태이다.
  • K8S Cleaner : Kubernetes 클러스터에서 오래되거나 고아 상태인 리소스를 식별해서 제거하거나 업데이트할 수 있는 컨트롤러로 Slack, Discord 등 다양한 곳으로 알림을 보낼 수 있다.
  • MniSim : iOS, Android 에뮬레이터.
  • AI-DLC (AI-Driven Development Life Cycle) : AI-Driven Development Life Cycle은 AI의 실수를 줄이기 위해 표준 품질을 유지하고 프로세스 제어권을 유지하도록 돕는 지능형 소프트웨어 개발 워크플로우다.
  • herdr : 터미널용 에이전트 런타임
  • Claude Code Security Reviewer : Claude로 보안 취약점을 찾아주는 GitHub Actions
  • Antigravity CLI : Google의 코딩 에이전트인 Antigravity의 CLI
  • Hyperagent : Airtable 팀이 만든 클라우드 에이전트 시스템.
  • Webwright : LLM이 브라우저를 실행해서 페이지를 분석하고 웹 작업을 할 수 있게하는 웹 에이전트로 Microsoft에서 만들었다.
  • Koog : JetBrains에서 만든 AI 에이전트를 만드는 JVM 네이티브 프레임워크.
  • SkillSpector : AI 에이전트 스킬의 취약점을 분석해 주는 보안 스캐너로 Nvidia에서 만들었다.
  • CostBench : 데이터 웨어하우스의 비용 대비 성능을 보여주는 벤치마크 도구.

버전 업데이트

Valid HTML5 Valid CSS WCAG 2.1 AA tested