Outsider's Dev Story

Outsider

웹개발 관련
Resilient Import Maps - Better Theme Development and Beyond : Shopify에서 빌드 파이프라인을 개선하기 위해 Module을 사용하기 시작했지만, 모듈이 제대로 로드되지 않는 문제를 발견했고 발견해서 이를 해결해 간 과정이다. import maps를 사용하면 URL이 아닌 이름으로 참조할 수 있는 등 다양한 이점을 일으킬 수 있다. 하지만 import maps가 로드되기 전에는 다른 모듈을 로드할 수 없고 import maps는 하나만 존재할 수 있었기에 이러한 시나리오를 어기면 오류가 발생하도록 만들어져서 채택하기가 쉽지 않았다. 이 문제는 이를 조정해 주는 메커니즘이 없었기 때문이라고 판단하고 모든 문서에 하나의 전역 import maps가 있고 모든 모듈을 포함하는 모듈 세트가 있으며 머지 알고리즘으로 모든 import maps를 전역 map으로 합치도록 했다. 이 기능을 테스트 후 승인을 받아 HTML 명세로 토론을 옮겨서 사양을 변경하고 최신 브라우저에도 구현되어 import map을 자유롭게 사용할 수 있게 되었다.(영어)
Next.js 트러블슈팅: CORS와 Version Skew 에러 원인부터 해결까지 : 카카오페이에서 웹 뷰 배포하면서 예상과 달리 CSS 요청으로 캐시된 파일을 CORS 요청에서 그대로 사용하려고 하면서 헤더 문제로 CORS 오류가 나는 문제를 해결하기 위해 Vari: Orgin 응답헤더를 고려 후 Next.js의 crossOrigin: 'anonymous'를 설정해서 모든 요청이 CORS 요청이 되도록 해서 해결했지만 결국 특정 브라우저에서 다른 CORS 오류가 발생해서 dynamic import로 해결했다. 이후 프로덕션 배포 이후 파일의 해시때문에 배포 때마다 404가 발생해서 Sticky Session을 적용해서 문제를 완화했다.(영어)
How Imports Work in RSC : RSC에서 모듈 임포트가 동작하는 방식을 설명하기 위해 간단히 모듈이 임포트할 때 어떻게 동작하는지 설명하고 이전과 달리 이제는 서버에서도 실행되면서 클라이언트와 서버가 코드를 재사용하기 때문에 양쪽에서 모듈을 임포트할 때 각각 별도의 임포트 시스템으로 동작한다는 걸 설명한다. 코드를 재사용하는 경우 클라이언트에 포함되면 안 되는 민감한 코드가 포함될 수 있는데 이런 상황을 막기 위해 server-only와 client-only 모듈을 임포트하면 빌드 단계에서 잘못된 임포트를 빠르게 잡아낼 수 있다. 그럼에도 서버와 클라이언트는 서로 참조할 수 없는 문제가 있기 때문에 use client와 use server를 통해서 서로 간의 문 열기를 통해 참조할 수 있게 해준다.(영어)
HTML spec change: escaping < and > in attributes : Mutation XSS 취약점을 해결하기 위해 5월 20일 HTML 속성에서 <, >를 이스케이프 처리하도록 HTML 스펙이 업데이트되었고 Chrome 138에 도입되어 6월 24일 안정상태로 바뀔 예정이다. 기존에는 HTML 속성에 HTML 태그가 있는 경우 outerHTML이 태그를 그대로 반환했지만 이제는 &lt;, &gt;로 이스케이프해서 반환한다.(영어)
Nuxt Roadmap to v4 : Nitro v3와 함께 Nuxt 4를 작년에 릴리스하려던 계획을 수정해서 Nuxt 4를 6월 2일 알파버전으로 릴리스하고 Nitro v3가 준비되는 대로 Nuxt 5를 릴리스하겠다고 로드맵을 공개했다.(영어)
[State of FE·JS Korea 2025] 설문조사 결과를 공유합니다! : 국내 FE 개발자를 대상으로 249명에게 설문 조사한 결과가 공유되었다. 답변자의 대다수가 TypeScript를 사용한다고 대답했고 React를 사용한다는 비중은 94%에 달했다. 상태 관리 라이브러리는 Zustand가 1위였으면 빌드 도구는 Vite가 1위를 차지했다.(한국어)
그 밖의 개발 관련
Agentic Coding Recommendations : Armin Ronarcher가 본인이 사용하는 에이전트 코딩 방식을 정리한 글이다. Claude Code를 주로 사용하는데, 에이전트에 작업을 할당하고 대부분의 권한을 주어 작업을 완료할 수 있게 하고 있으면 대부분의 도구를 단순하게 유지하려고 하면 대체 서비스가 불안정할 때만 MCP를 사용하고 있다. 가능하다면 Go 언어의 사용을 강력히 추천하며 효과적인 도구를 같이 사용하는 것이 중요하며 빠른 도구를 사용하면 더 좋은 결과를 얻을 수 있고 의존성을 업그레이드할 때는 AI가 알아서 해줄 것이라는 유혹에 빠지지 말고 더 보수적으로 해야 한다고 경고한다. 그리고 AI의 발전이 아주 빨라서 이 권장 사항도 금방 유효하게 않아질 것이라고 얘기한다.(영어)
I Read All Of Cloudflare's Claude-Generated Commits : Cloudflare에서 Claude로 작성해서 공개한 OAuth 2.1 라이브러리의 커밋을 읽고 생각을 정리한 글이다. 이 라이브러리는 Cluade Code로 주로 작성했는데 커밋에 Claude에 요청한 프롬프트 기록을 다 남겨두었고 사람이 개입한 커밋은 따로 올려서 이를 알 수 있게 했는데 Cloudflare의 수석 엔지니어인 Kenton Varda이 AI 회의론자로 시작했지만, 결과적으로 프로덕션에서 사용할 수 있는 라이브러리를 만들 수 있었다고 한다. 프롬프트를 통해 예제를 제공하고 명확한 상황을 설명하는 프롬프트가 꽤 도움이 되지만 커밋이 20개가 넘어가면서 사람의 개입이 점점 많아지게 되었다.(영어)
A look at CloudFlare’s AI-coded OAuth library : 바로 윗글에서도 소개한 Cloudflare가 Claude Code로 작성한 OAuth 라이브러리를 IETF의 OAuth 워킹그룹에서도 활동하고 OAuth 제공업체의 기술 책임자인 사람이 코드를 읽어보고 평가한 글이다. 코드는 꽤 인상적이었지만 이해하기 어려운 CORS 헤더 설정이 있었고 표준 보안헤더가 부족했으며 OAuth 명세에 익숙지 않은 사람이 작성한 것처럼 인증을 잘못 구현하거나 편향된 토큰 ID를 생성하고 있었다고 한다.(영어)
jemalloc Postmortem : memory allocator jemalloc을 20년간 개발한 Jason Evans가 직접 정리한 회고이다. 2004년에 Lyken 프로그래밍 언어를 작업하다가 메모리 할당기를 만들고 이를 FreeBSD에 통합하기 시작했다. 당시는 멀티 프로세스로의 전환이 이뤄지던 시기였고 FreeBSD에는 phkmalloc가 있었지만, 병렬 스레드를 제대로 지원하지 못했기에 jemalloc을 FreeBSD에 통합하기 시작했지만, 심각한 조각화 문제를 발견했고 이를 개선하기 위해 레이아웃 알고리즘을 완전히 변경했다. 2009년 Facebook에서 일하기 시작하면서 jemalloc에 계측이 부족하다는 것을 깨닫고 힙 프로파일링 기능을 구현하고 GitHub으로 저장소를 옮겨서 다른 사람들의 기여도 받기 시작한다. Facebook의 내부 사용으로 많은 개선을 하면서 Facebook 내부에서 jemalloc 팀을 꾸려서 jemalloc 개발을 할 수 있었고 Facebook을 떠난 후에도 해당 팀을 jemalloc을 계속 개발했다. 이후 Facebook의 분위기가 달라지면서 jemalloc에 대한 개발도 끊기게 되었고 오픈 소스이지만 다른 외부 주요 기여자를 확보하지 못해서 업스트림 개발도 멈추게 되었지만 가장 보람찬 프로젝트였다고 한다.(영어)
인프라 관련
Cloudflare service outage June 12, 2025 : 지난 6월 12일 Cloudflare 대부분의 서비스가 2시간 28분 동안 중단되는 장애가 발생했다. 이번 장애는 Cloudflare 대부분의 제품이 Workers KV 서비스에 의존하고 있는데 Workers KV 인프라의 일부가 타사 클라우드(상황상 GCP)의 의존하고 있었기에 타사 클라우드에 장애가 나면서 같이 장애가 났다. 근본 원인은 타사 클라우드의 장애가 원인이었지만 Cloudflare는 Workers KV에 단일 장애 지점이 없어야 했지만, 이 부분에서 놓친 부분이 있어서 Cloudflare까지 장애가 발생했다.(영어)
GCP Outage : Google Cloud 대부분의 서비스가 한국 기준 13일 3:51부터 11:18까지 제대로 동작하지 않는 대규모 장애가 발생했다. Google Cloud에는 API의 정책과 할당량을 확인하는 Service Control이 있고 Serive Control을 분산된 구조의 지역 서비스이지만 데이터스토어의 메타데이터는 전 세계로 복제되어 할당량 정책을 관리하는 구조이다. 5월 29일에 할당량 정책을 확인하는 추가 기능이 배포되고 이 바이너리에 널포인트 오류 문제가 포함되어 있었고 13일 3시 45분 정책 변경이 적용되었는데 이 정책에 의도치 않은 빈 필드가 포함되면서 바이너리가 널포인트에 도달하는 오류가 발생하게 되었다.(영어)
DASH 2025: Guide to Datadog's newest announcements : Datadog의 기술 콘퍼런스인 Dash에서 AI 워크로드 모니터링 기능, 장기 로그를 싸게 저장하면서 쿼리할 수 있는 Flex Logs, 복잡한 데이터를 분석할 수 있는 Datadog Sheets, 개선된 Datadog Internal Developer Portal(IDP), 온콜을 도와주는 Bits AI SRE 등을 공개했다.(영어)
The Kubernetes Networking Guide : Kubernetes의 CNI, Ingress/Egress, 정책 등 네트워킹 컴포넌트를 학습할 수 있는 사이트이다.(영어)
Introducing Gateway API Inference Extension : LLM은 기존 웹 요청과는 달리 오리 실행되고 리소스 집약적이며 상태가 저장되는 경우가 많기 때문에 Kuberntes Gateway API에 추론 전용 라우팅 기능을 추가하는 Gateway API Inference 확장이 만들어졌다. 이 확장을 사용하면 Gateway 라우팅 뒤에 Inference Model API를 제공하고 InferencePool을 통해 제공 위치와 방법을 관리할 수 있다.(영어)
Announcing Multigres: Vitess for Postgres : supabase에 Vitess의 공동 창시자인 Sugu가 합류해서 Postgres용 Vitess인 Multigres를 만들게 되었다. Multigress는 MySQL의 클러스터링 시스템인 Vitess와 마찬가지로 Postgres 앞에 동작하는 샤딩을 위한 프록시이다.(영어)
Ubuntu 25.10 Replaces sudo With a Rust-Based Equivalent : Canonical에서 sudo를 Rust로 다시 작성한 sudo-rs로 대체하기로 발표했다. 이 변경은 보안을 개선해서 메모리 안전한 sudo를 위해서 만들어졌다.(영어)
AI 관련
The last six months in LLMs, illustrated by pelicans on bicycles : Simon Willison이 AI Engineer World's Fair에서 키노트로 지난 6개월간의 LLM의 변화를 정리한 내용이다. Simon Willison은 LLM에서 자전거를 타는 펠리컨을 SVG로 그려달라고 요청하면서 지난 6개월간 나온 LLM 모델이 어떻게 그려주고 어떻게 달라졌는지를 보여준다.(영어)
ScreenSuite - The most comprehensive evaluation suite for GUI Agents! : Hugging Face에서 GUI 에이전트의 성능을 벤치마크할 수 있는 도구를 출시했다. GUI 에이전트는 데스크톱이나 핸드폰의 화면을 보고 클릭이나 탐색을 할 수 있는 에이전트인데 Ubuntu와 Android 가상머신으로 테스트할 수 있게 만들어졌다.(영어)
BenchmarkQED: Automated benchmarking of RAG systems : Microsoft에서 RAG의 성능을 벤치마크할 수 있는 BechmarkQED를 공개했다. 새로운 RAG 기술이 계속 등장함에 따라 벤치마크 도구가 필요하다고 느꼈고 로컬 쿼리와 전역 쿼리까지 합성 쿼리를 생성하는 AutoQ, RAG의 답변을 비교 평가하는 AutoE, 일관된 입력 데이터를 보장하는 AutoD로 구성되어 있다.(영어)
we dropped the price of o3 by 80%!! : OpenAI가 o3 모델의 가격을 80% 낮췄다.(영어)
IT 업계 뉴스
[예스24 해킹] 예스24 사이트 복구...e북 등 일부는 아직 : Yes24가 지난 9일 랜섬웨어 해킹을 받으면서 서비스 불가되었다가 13일 서비스가 복구되었다. 아직 일부 서비스는 순차적으로 복구 중이다.(한국어)
Bill Atkinson, Macintosh Pioneer and Inventor of Hypercard, Dies at 74 : Apple의 51번째 직원으로 QuickDraw를 만들고 메뉴바, 올가미 선택 도구, MacPaint 등을 만든 Bill Atkinson가 지난 6월 5일 췌장암으로 74세의 나이로 돌아가셨다. 삼가 고인의 명복을 빕니다.(영어)
Mikeal Rogers has died : Node.js 초창기부터 기여하면서 생태계를 이끌고 NodeConf 뿐 아니라 재단 설립과 운영에도 많이 기여했던 Mikeal Rogers가 암 투병 끝에 사망했다. 삼가 고인의 명복을 빕니다.(영어)
Goodbye CVE? European Vulnerability Database EUVD Now Live : 유럽 연합 사이버 보안 기관 ENISA에서 유럽 취약점 데이터베이스인 EUVD의 베타버전을 출시했다. 업계에서 CVE가 취약점의 표준이지만 미국 정부의 자금 지원으로 운영되면서 최근 지원에 대한 우려가 제기되었기 때문에 유럽연합에서 EUVD를 만들었다.(영어)
Congratulations on creating the one billionth repository on GitHub! : GitHub에 10억 번째 저장소가 생성되었다.(영어)
프로젝트
AXe : Apple 접근성 API를 사용해서 iOS 시뮬레이터를 조작하는 CLI.
Onlook : 디자이너를 위한 Cursor를 표방하고, 비쥬얼 에디터를 우선시하는 오픈소스 코드 에디터.
SimplePDF : 웹에서 사용할 수 있는 PDF 에디터.
Talos Linux : Kubernetes용으로 제작된 Linux 배포판.
container-use : 코딩에이전트를 위한 개발 환경.
Containerization : macOS에서 Linux 컨테이너를 실행할 수 있는 Swift 패키지로 Apple에서 공개했다.
container : macOS에서 경량 가상 머신으로 Linux 컨테이너를 실행하는 도구로 Apple에서 공개했다.
Rstest : Rspack 기반 테스팅 프레임워크.
버전 업데이트
Android v16 : 모바일 운영체제, 릴리스 공지
Cursor v1.0 : 코드 에디터, 릴리스 공지
Jest 30 : JavaScript 유닛 테스트 프레임워크, 릴리스 공지
Oxlint v1.0.0 : JavaScript/TypeScript Linter, 릴리스 공지
Amaro v1.0.0 : Node.js TypeScript wrapper, 릴리스 공지
LogTape v0.12.0 : JavaScript 로깅 라이브러리, 릴리스 공지
Vitest v3.2.0 : Vite 유닛 테스트 프레임워크, 릴리스 공지
Kubernetes Gateway API v1.3.0 : Kubernetes L4/L7 라우팅 API, 릴리스 공지
Zed v0.190.6 : 코드 에디터, 릴리스 공지
Kargo v1.5.0 : Kubernetes용 배포 도구, 릴리스 공지
Module Federation v0.15.0 : 자바스크립트 애플리케이션의 아키텍처 패턴, 릴리스 공지
astro v5.9 : JavaScript 웹 프레임워크, 릴리스 공지
Prisma v6.9.0 : TypeScript/Node.js 데이터베이스 툴킷, 릴리스 공지
Ionic v8.6 : 하이브리드 모바일 앱 프레임워크, 릴리스 공지
TinyBase v6.2 : 로컬 우선 앱을 위한 리액티브 데이터 스토어, 릴리스 공지
ClickHouse v25.5 : 컬럼형 데이터베이스, 릴리스 공지
Grafana Tempo v2.8.0 : 분산 트레이싱 백엔드, 릴리스 공지
Nx v21.2.0 : 모노레포 빌드 시스템, 릴리스 공지
Visual Studio Code v1.101 : 에디터, 릴리스 공지
Spring Tools v4.31.0 : Spring 코딩 환경을 위한 도구, 릴리스 공지
Docker Desktop v4.42 : 데스크톱용 Docker 애플리케이션, 릴리스 공지
Podman Desktop v1.19 : 컨테이너/Kubernetes 관리용 데스크톱 어플리케이션, 릴리스 공지
Node.js v24.2.0 (Current) : 자바스크립트 런타임, 릴리스 공지
pgAdmin 4 v9.4 : PostgreSQL 클라이언트 도구, 릴리스 공지
pnpm v10.12.1 : Node.js 패키지 매니저, 릴리스 공지
Karpenter 1.5.0 : Kubernetes 노드 관리자, 릴리스 공지
댓글 쓰기

기술 뉴스 #272 : 25-06-16

댓글