웹개발 관련

Introducing: React Best Practices : Vercel에서 React와 Next.js의 최적화 지식을 AI가 사용할 수 있도록 정리한 react-best-practices 저장소를 공개했다. 이 저장소에는 비동기 폭포 제거, 번들 사이즈 최적화, 서버사이드 성능, 클라이언트 데이터 패칭, 렌더링 등의 내용이 포함되어 있다.(영어)
Yarn 6 Preview : JavaScript 패키지 매니저인 Yarn의 새 버전인 6 프리뷰가 발표되었다. Yarn이 등장한 지 10년 가까이 되는 시점에 거대한 모노레포에서 성능 한계에 도달해서 Yarn을 1년 전부터 Rust로 재작성한 버전으로 6~8개월 이내에 Rust 전환이 완료될 것으로 보고 있다. 프리뷰에서도 만족할 만한 성능 개선이 있었고 Node.js Corepack을 대체할 Yarn Switch도 개발했고 6.0부터는 Lazy Install을 지원하여 브랜치 전환 시 package.json을 보고 필요하다면 자동으로 패키지를 설치하는 기능도 제공한다.(영어)
Rethinking “Pixel Perfect” Web Design : 웹에서 디자이너의 의도대로 모든 요소가 정확하게 표시되는 Pixel Perfect는 인쇄 디자인부터 이어진 개념인데 현대 웹에서는 Pixel Perfect의 개념이 모호하고 뷰포트나 해상도 등은 무한하고 다국어 등 콘텐츠도 고정적이지 않고 접근성 문제도 있어서 어울리지 않는다. Pixel Perfect를 얘기할 게 아니라 디자인의 의도를 이해하고 디자인 토큰으로 협업해야 한다고 설명한다.(영어)

그 밖의 개발 관련

Self-Improving Coding Agents : Ryan Carson이 쓴 "How to make your agent learn and ship while you sleep"을 확장해서 스스로 일하는 코딩 에이전트를 설명하는 글이다. Geoffrey Huntley와 Ryan Carson이 대중화한 Ralph Wiggum 기법이라는 반복적 에이전트 루프를 이용해서 작업 목록에서 구현하고 검증한 뒤에 기록하고 초기화한 뒤에 다시 다음 일을 하게 만들어서 에이전트가 계속 일을 하게 만든다. 이렇게 하려면 작업을 잘 나누어야 하고 좀 더 복잡한 작업은 여러 단계의 루프를 조율할 수 있는 시스템이 필요하다. 이러한 에이전트 루프를 사용하려면 단일 세션을 늘리는 대신 AGENTS.md를 사용해서 중요한 정보와 지침을 제공해야 하는데 에이전트가 직접 AGENTS.md를 업데이트해서 사람과 AI가 모두 쉽게 읽을 수 있게 관리해야 한다. AGENTS.md 외에도 Git 히스토리와 진행 로그 파일, 작업 상태 파일을 이용해서 에이전트가 맥락을 쉽게 파악하게 할 수 있다.(영어)
Shipping at Inference-Speed : 이번에 OpenClaw로 유명해진 Peter Steinberger가 AI를 어떻게 사용하는지를 정리한 글이다. 보통 여러 프로젝트를 동시에 하는 데 집중해서 하는 큰 프로젝트와 위성 프로젝트를 같이 개발하는 편이고 codex의 큐잉 기능을 사용해서 새로운 아이디어가 생기면 파이프라인에 추가한다. 체크포인트 같은 것은 쓰지 않고 변경이 필요하면 모델에게 바꾸라고 하고 이미 해결한 문제는 다른 프로젝트를 보라고 하는 편이다. 프로젝트 docs 폴더에 문서를 유지하고 글로벌 AGENTS 파일에 지침을 주어서 사용하고 있다. 대부분의 작업을, 에이전트를 이용해서 자동화해서 사용하고 있다. 무엇을 만들든지 CLI로 먼저 시작해 보라고 얘기하며 gpt-5.2-codex high 모델을 가장 많이 사용한다고 한다.(영어)
** Code Review in the Age of AI : AI도 코드 리뷰를 없애진 않았는데 혼자 개발하는 사람들은 자동화된 테스트를 안전망으로 사용하면서도 속도를 위해 모든 코드를 읽지 않으면서도 최종적으로는 수동 테스트와 비판적 추론을 수행한다. 팀 협업에서도 최종 승인은 사람이 아는데 PR도 커지고 수도 많아지면서 코드 리뷰가 병목이 되고 있다. AI 코드 리뷰 도구는 신중하게 설정해야 하고 Pull Request를 여전히 작게 만드는 게 중요하고 AI가 생성한 코드를 검증해야 하는 초안으로 다루는 것이 모범 사례가 되고 있다. AI를 1차 검토자로 활용하고 AI가 놓친 부분은 사람이 집중해야 하면 높은 테스트 기준을 유지해야 한다.(영어)
From pixels to characters: The engineering behind GitHub Copilot CLI’s animated ASCII banner : ASCII 아트가 초기 인터넷의 향수를 불러일으키는 잔재라고 생각하지만, 터미널에는 캔버스가 없고 ANSI 이스케이프 코드도 일관성이 없고 색상을 제대로 표현하는 것 자체가 쉽지 않다. GitHub Copilot CLI에서는 3초짜리 ASCII 배너 애니메이션을 만드는 데 6,000라인 이상의 TypeScript가 필요했는데 이는 대부분 터미널 간의 차이, 접근성 문제, 렌더링 로직에 사용되었다. 이를 어떻게 만들었는지를 설명하는 글이다.(영어)
Apache Hudi™ at Uber: Engineering for Trillion-Record-Scale Data Lake Operations : Uber에서 수백 페타바이트 규모의 데이터 레이크를 운영하면서 데이터 레이크 스토리지 엔진인 Apache Hudi를 어떻게 만들게 되었는지를 정리한 글이다. 2015년 Uber의 데이터 시스템이 크게 성장하면서 자주 변경되는 데이터를 실시간으로 제대로 인코딩하지 못해서 데이터 레이크의 성능을 유지하기 위해 다른 특성을 포기할 수밖에 없었고 이 문제를 해결하기 위해 Hudi를 만들게 되었다. Uber에서는 Hudi를 기본 구성 요소로 두고 인제스쳔 레이어, 쿼리 레이어 등과 통합해서 사용하고 있다.(영어)
The CLI for developers and agents : 오류 수집 플랫폼인 Sentry가 개발자와 에이전트가 사용할 수 있는 CLI를 새로 공개했다. 새 CLI에서는 이슈를 살펴보고 근본 원인을 AI로 분석하고 결과를 JSON 등으로 출력할 수 있다.(영어)
Skip Is Now Free and Open Source : 단일 Swift와 SwiftUI 코드 베이스로 iOS와 Android 앱을 모두 만들 수 있게 2023년 출시된 Skip이 오픈소스가 되었다. 그동안 일정 기준 이하의 인디 개발자만 무료로 이용하고 기업을 유료로 사용해야 했는데 광범위하게 사용되려면 무료로 제공되어야 하고 유료 폐쇄 소스는 선택할 때도 망설이게 되기 때문에 개방하는 게 맞다고 판단했다.(영어)

인프라 관련

New Conversion from cgroup v1 CPU Shares to v2 CPU Weight : Kubernetes이 cgroup v1을 염두에 두고 설계되었기 때문에 CPU share 개념을 사용하고 있었는데 cgroup v2로 바뀌면서 CPU share가 CPU weight로 바뀌게 되었다. 그래서 Kubernete에서는 공식을 통해서 share를 weight로 변경해서 사용했는데 이는 선형적 매핑이었기 때문에 share가 꽤 낮은 weight로 변환되기 때문에 Kubernetes가 아닌 리소스에 비해서 우선순위가 낮아지는 문제가 있었고 값이 너무 작아서 세분화하기 어려운 문제도 있었다. 이를 해결하기 위해 새로운 변환 공식을 만들어서 두 문제를 다 해결했고, 이는 OCI 런타임에 구현되어 있으므로 runc 1.3.2나 crun 1.23을 채택하면 새로운 공식이 적용된다.(영어)
CodeBreach: Infiltrating the AWS Console Supply Chain and Hijacking AWS GitHub Repositories via CodeBuild : 최근 CI를 이용한 인증 탈취 공격이 계속됨에 따라 Wiz Research는 AWS CodeBuild를 이용한 공격 방법을 리서치했다. 일반적으로 Pull Request를 이용해서 CI를 실행하도록 만들어서 시크릿을 탈취하게 되는데 CodeBuild는 이를 막기 위해 Webhook 필터로 허가된 GitHub 사용자를 ACTOR_ID를 지원한다. 이 ACTOR_ID는 123|456|789처럼 정규표현식으로 지정하는데 사용자들이 일반적으로 패턴을 고정하지 않으므로 11233이라는 사용자가 있으면 123 패턴과 매치되어 필터를 통과하게 된다. 그래서 Wiz Research는 GitHub App을 계속 생성해서 승인된 사용자의 ID를 포함하는 ID를 획득할 수 있었고 이 사용자를 통해서 CI를 트리거하고 어드민 권한을 탈취할 수 있었다.(영어)
What came first: the CNAME or the A record? : Cloudflare에서 1.1.1.1에 최적화 업데이트 후 DNS 해석 문제가 발생하면서 롤백하게 되었습니다. 도메인을 질의할 때 CNAME을 받게 되면 연쇄적으로 따라가서 A 레코드까지 찾게 된다. 이 도메인 질의의 응답 체인에서 각각은 TTL이 다르기 때문에 일부만 만료되는 경우 만료된 것만 갱신하게 되는데, 이번에 Cloudflare에서 메모리 최적화를 하면서 기존에 항상 CNAME이 먼저 오던 로직에서 새로 갱신된 CNAME을 응답의 마지막에 넣게 되었다. 일부 DNS 클라이언트는 CNAME을 먼저 찾기 때문에 순서가 바뀌면서 응답을 제대로 해석하지 못해서 문제가 생긴 건데 RFC 상으로 살펴보아도 CNAME이 먼저와야 한다는 조건은 없지만 일부 클라이언트가 이미 이렇게 구현되어 있기 때문에 CNAME이 먼저 오게 하는 로직을 유지할 계획이다.(영어)
Ingress NGINX: Statement from the Kubernetes Steering and Security Response Committees : 작년에도 발표했지만 26년 3월에 Ingress NGINX는 3월에 은퇴하게 된다. Ingress NGINX를 계속 사용할 경우 보안 문제가 생길 수 있으므로 Gateway API나 서드파티 Ingress 컨트롤러로 전환하기를 강력하게 권고한다.(영어)
6-day and IP Address Certificates are Generally Available : Let's Encrypt에서 6일(160시간) 동안 유효한 IP 주소 인증서를 발급하기 시작했다.(영어)
Introducing the Official ClickHouse Kubernetes Operator: Seamless Analytics at Scale : ClickHouse가 공식 Kubernetes Operator를 오픈 소스로 공개해서 Kubernetes에서 ClickHouse를 쉽게 프로비저닝하고 운영할 수 있게 지원한다.(영어)
Introducing OpenEverest: An Independent Open Source Project for the Future of Data Platforms : 데이터베이스 기술 지원 업체인 Percona에서 MySQL, PostgreSQL, MongoDB를 자동으로 프로비저닝하고 관리할 수 있는 오픈소스 플랫폼인 OpenEverest를 공개했다.(영어)

AI 관련

볼만한 링크

Why Senior Engineers Let Bad Projects Fail : 다른 팀의 프로젝트가 잘못되었다는 얘기를 직접 하지 않는 경험을 하면서 그 이유와 옳은 것과 효과적인 것이 다르기 때문이라고 설명한다. 나쁜 프로젝트는 매우 주관적인데 경험이 쌓이면서 어떤 프로젝트를 봤을 때 나쁜 프로젝트라는 신호가 오게 되는데 이를 해당 팀에 가서 설명한 적도 있었다. 하지만 우려는 속도를 늦추기 때문에 이러한 우려가 변화를 일으키기보다는 무시당할 가능성이 높고 인정받을 가능성은 거의 없으면 적을 만들게 될 수 있다. 효과적으로 영향을 끼치려면 일을 하며 사람들을 돕고, 프로젝트를 성공시키면서 영향력을 쌓았다가 우려를 제기하거나 할 때 이때 쌓아놓은 영향력을 소비할 수 있어야 한다. 목소리를 낼 때는 프로젝트가 본인의 팀과 얼마나 가까운지, 잘못되었을 때 팀에 어떤 영향을 주는지, 회사에 어떤 영향을 주는지를 기준으로 판단한다.(영어)
The Long Now of the Web: Inside the Internet Archive’s Fight Against Forgetting : 디지털 자료를 보관하는 비영리 재단인 Internet Archive가 저비용으로 운영하기 위해 발전한 과정을 설명한 글이다.(영어)
- 핵심은 최소한의 전력과 열로 대량의 데이터를 저장하기 위해 설계된 PetaBox라는 저장 서버다.
- 2000년대 초 대부분의 스토리지 솔루션은 고속 데이터에 맞춰졌기에 비싸고 전력 소비가 컸으므로 Internet Archive를 만든 Brewster Kahle은 소비자용 제품으로 PetaBox를 만들었다.
- 2004년 PetaBox는 랙당 100TB를 저장하며 6kW 전력을 사용했다.
- 2010년 PetaBox는 랙당 480TB를 저장하며 6~8kW 전력을 사용했다.
- 현재 세대인 2024년부터는 PetaBox가 랙당 1,400TB를 저장하며 6~8kW 전력을 사용한다.
- 샌프란시스코의 서늘한 해향성 기후를 이용해서 에어컨 없이 공기를 이용해서 열관리를 한다.
- 데이터를 여러 머신에 미러링하고 물리적 위치를 분산해서 일정 수의 죽은 드라이브를 허용하는 방법으로 유지보수 노력을 적게 유지한다.
- 오랫동안 Heritrix라는 자바로 개발된 오픈소스 크롤러를 사용했다.
- Heritrix는 텍스트뿐 아니라 이미지, CSS 등의 아티팩트도 수집해서 WARC 형식으로 패키징하고 페이지뿐 아니라 요청 헤더까지 보존한다.
- 웹이 동적으로 바뀌면서 Heritrix는 페이지를 제대로 수집하지 못했기에 Brozzler라는 헤드리스 크롬으로 사이트를 저장하고 Umbra라는 브라우저 자동화를 통해 페이지를 스크롤 하는 등의 동작으로 Brozzler가 페이지를 저장할 수 있게 한다.
- Internet Archive의 연간 수익은 2,500~3,000만 달러인데 2024년에는 2,350만 달러를 지출했습니다.
- 수익의 60~70%는 기부금과 보조금이며 그 외에는 아카이브 서비스를 제공해서 수익을 창출한다.
- 디지털 도서 대출과 관련한 소송은 인터넷 아카이브가 져서 해당 도서는 제외했고, 음원에 대한 분쟁도 있었지만 2025년 9월 합의로 해결되었다.
- 인터넷 아카이브는 2025년 7월 미국 연방 보관 도서관으로 지정되어 법적 보호를 받게 되었다.
A few random notes from claude coding quite a bit last few weeks : Andrej Karpathy가 Claude 코딩을 하면서 적은 메모다. 11월에는 80% 수동 작업을 했지만, 12월에는 80% 에이전트 코딩을 한다. 물론 아직 실수를 하고 과한 코드를 작성하는 경우가 있으므로 살펴보면서 지시해 주어야 한다. 속도가 향상되었다고 느끼긴 하지만 이전에 할 가치가 없거나 몰라서 못 했던 일을 한다는 면에서 확장에 가깝다고 느끼고 성공 기준을 제시하고 지키도록 하는 게 좋았고 에이전트 프로그래밍이 재미있게 느껴진다고 한다. LLM 에이전트 기능은 25년 12월에 일관성 임계점을 넘겼다고 얘기한다.(영어)
Agent Psychosis: Are We Going Insane? : Armin Ronacher가 에이전트 코딩에 대해 비판한 글이다. Armin Ronacher도 에이전트 코딩을 많이 쓰는 편이지만 에이전트 코딩을 쓰면서 프롬프트로 결과를 만드는 것에 중독되곤 하는데 꽤 만족스러운 결과물이 나오지만 실제로 사용하지 않는 경우도 많고 다듬기도 어렵고 코드 품질도 좋지 않았다. 또한 코드를 생성하는 덴 몇 분이지만 이 코드를 리뷰하는 데는 훨씬 더 긴 시간이 걸리는 비대칭성이 엄청나고 메인테이너의 부담도 엄청나게 커지게 된다. AI 에이전트가 정말 훌륭하지만 관리하지 않으면 정말 큰 쓰레기 기계가 될 수 있다고 경고한다.(영어)
Automatic programming : Redis를 만든 antirez가 AI의 도움을 받아 소프트웨어를 만드는 과정을 Automatic Programming이라고 부르기 시작했다고 한다. 바이브 코딩은 무슨 일이 일어나는지 모르는 채 소프트웨어를 만드는 과정이고 Automatic Programming은 고품질을 추구하고 소프트웨어 비전을 엄격하게 따르는 소프트웨어를 만드는 과정이라고 설명하며 AI 생성한 코드도 본인의 것이라고 얘기한다.(영어)

IT 업계 뉴스

The Astro Technology Company joins Cloudflare : 2021년 만들어진 웹 프레임워크 Astro가 인기를 얻으며 사업을 키우기 위해 만들어진 Astro Technology Company가 Cloudflare에 인수되었다. 인수된 후에도 Astro는 오픈소스로 유지되고 계속 개발될 것이며 Cloudflare뿐 아니라 다른 플랫폼도 배포 대상으로 지원하겠다고 밝혔다.(영어)
Mozilla is building an AI ‘rebel alliance’ to take on industry heavyweights OpenAI, Anthropic : Mozilla가 약 14억 달러의 자금으로 OpenAI와 Anthropic 등을 견제할 수 있는 기술 스타트업, 개발자, 공익 기술자의 반란 동맹 네트워크를 구축하고 있다고 한다.(영어)
Nvidia's plan to invest up to $100 billion in OpenAI has stalled, WSJ reports : NVIDIA가 OpenAI에 최대 1,000억 달러를 투자하기로 했던 계획이 내부에서 의문이 제기되어 중단되었다는 기사가 나왔다.(영어)
ClickHouse raises $400M Series D led by Dragoneer to accelerate expansion across analytics and AI infrastructure : Clickhouse가 4억 달러를 조달하면서 시리즈 D 투자 라운드를 마쳤다.(영어)

프로젝트

Claude Code Opus 4.5 Performance Tracker : SWE-Bench-Pro 벤치마크를 매일 실행해서 Claude Code Opus 4.5의 성능이 실제로 저하되는지를 감지하는 서비스.
Skills : AI 에이전트에서 재사용할 수 있는 Skills를 모아놓은 사이트.
QMD - Quick Markdown Search : Shopify CEO인 Tobias Lütke가 만든 마크다운 문서 로컬 검색 엔진.
Kthena : 스케쥴링 시스템을 만드는 Volcano에서 만든 Kubernetes 네이티브 AI 서빙 플랫폼.
Langfuse : Clickhouse가 인수한 오픈소스 LLM 엔지니어링 플랫폼.
playwright-cli : Playwright를 위한 공식 CLI.
iconify : 아이콘 세트.

버전 업데이트

jQuery v4.0.0 : JavaScript 라이브러리, 릴리스 공지
- IE 10 이하 지원 중단.
- Tursted Type 지원으로 CSP require-trusted-types-for를 위반하지 않음.
- AMD에서 ES modules로 마이그레이션 됨.
- 브라우저에서 네이티브로 지원하는 많은 API를 제거하여 IE 지원 중단과 함께 gzip 크기가 3k 이상 줄어듦.
Mastra v1.0 : TypeScript AI 에이전트 프레임워크, 릴리스 공지
Wine v11.0 : Windows API 호환 라이브러리, 릴리스 공지
Electron v40.0.0 : 크로스 플랫폼 데스크톱 애플리케이션 플랫폼, 릴리스 공지
Rspress v2.0 : 정적 사이트 생성기, 릴리스 공지
Zed v0.220.3 : 코드 에디터, 릴리스 공지
Node.js v25.5.0 (Current) : 자바스크립트 런타임, 릴리스 공지
Nuxt.js v4.3.0 : 서버렌더링 Vue.js 애플리케이션 프레임워크, 릴리스 공지
Grafana Tempo v2.10.0 : 분산 트레이싱 백엔드, 릴리스 공지
astro v5.17 : JavaScript 웹 프레임워크, 릴리스 공지
container 0.8.0 : Apple이 만든 macOS에서 Linux 컨테이너를 실행하는 도구, 릴리스 공지
Oxlint v1.42.0 : JavaScript/TypeScript Linter, 릴리스 공지
Oxfmt v0.27.0 : JavaScript/TypeScript 포매터, 릴리스 공지
Falco 0.43.0 : 클라우드 네이티브 런타임 보안, 릴리스 공지

2026/02/01 19:41
Newsletter
AI, cgroup, OpenClaw, Ralph Wiggum, react

기술 뉴스 #287 : 26-02-01

댓글