👋🏻 JavaScript Dev Weekly | 2026년 3월 2일

이번 주는 런타임의 효율성 극대화, 프론트엔드의 경량화 및 표준화, 그리고 AI 에이전트 기반 개발 워크플로우에 대한 논의가 핵심이었습니다.

🚨 주요 릴리스 & 런타임 업데이트

• Node 25 Web Storage 이슈: Node 25에서 Web Storage를 기본 활성화하면서 일부 toolchains에서 localStorage SecurityError가 발생하는 이슈가 보고되었습니다.
• AdonisJS v7 출시: 'Batteries-included'를 지향하는 Node.js 프레임워크인 AdonisJS의 v7 버전과 업그레이드 가이드가 공개되었습니다.
• 패키지 및 라이브러리 업데이트: Deno 2.7 출시, Bun v1.3.10 출시, 그리고 ESLint 10.0.2 등 주요 런타임과 도구들의 업데이트가 이어졌습니다.

⚛️ React & 프론트엔드 생태계

• React Foundation 출범: React 생태계의 발전을 위한 React Foundation이 공식적으로 출범했습니다.
• Navigation API Baseline 등록: Navigation API가 이제 Baseline Newly Available로 등록되어 브라우저 호환성이 확보되었습니다.
• Tailwind CSS 4.2: 4가지의 새로운 Color Palettes가 추가되었으며, 고해상도 이미지를 위한 OpenSeadragon 6.0 등이 출시되었습니다.
• 새로운 웹 기능: 표준 HTML Video & Audio의 지연 로딩(Lazy Loading) 기능 도입이 예고되었습니다.

🧠 JavaScript 영역 확장 및 아키텍처 비판

• 엔진 및 라이브러리 다변화: 6개 문자로 JS를 작성하는 JSFuck, 임베더블 엔진 Sciter, 고정밀 연산을 위한 BigNumber.js 10.0 등이 소개되었습니다.
• 성능 및 안티 패턴: JavaScript 및 Python의 루프 안티 패턴 벤치마킹을 통해 V8 엔진의 처리 능력을 분석한 내용이 주목받았습니다.
• TypeScript 6.0: TypeScript 5.x에서 6.0으로의 마이그레이션 노트가 공유되며 차기 버전에 대한 준비가 시작되었습니다.

🤖 AI & 개발 워크플로우 (2026 트렌드)

• AI Agent Ready API: 당신의 API를 에이전트가 바로 사용할 수 있도록 만드는(Agent-Ready) 설계 원칙이 강조되었습니다.
• 실전 AI 활용 사례: Cloudflare가 일주일 만에 AI로 Next.js를 재구축한 사례와 AI Coding Agents를 위한 프로젝트 설정법이 공유되었습니다.
• 인간 중심의 개발: AI 시대에 인간적인 연결의 필요성과 개발자 생산성 데이터(AI가 개발자를 19% 더 느리게 만든다는 분석 등)에 대한 비판적 시각이 대두되었습니다.

---

🎯 한 줄 총평

표준 API(Navigation, Video Lazy Load)의 확산과 React 재단 출범으로 생태계가 공고해지는 동시에, AI 에이전트 중심의 설계(Agent-Ready)가 실무의 핵심으로 부상하고 있는 시기

---

Awesome JavaScript

Popular News and Articles

• JavaScript Oxidation Compiler
• Node 25에서 Web Storage를 기본으로 활성화하는 것이 일부 toolchains를 손상시키고 있습니다 (localStorage SecurityError)
• JavaScript 및 Python에서 루프 안티 패턴 벤치마킹: V8이 처리하는 것과 그렇지 않은 것
• Blop 1.2: 웹을 위한 실험적 언어
• DUMPLING: 세분화된 차등 JavaScript Engine Fuzzing
• Sciter – 임베더블 HTML/CSS/JavaScript Engine
• CloudPebble이 돌아왔습니다! 새로운 순수 JavaScript 및 라운드 2 SDK와 함께
• Dwitter Beta - 140자로 하는 창의적인 코딩
• JSFuck - 6가지 문자 !+로 어떤 JavaScript든 작성하기
• no- 또는 lo-JS 옵션으로 JavaScript 작업량 줄이기

Popular projects

• youlag
• marketingskills
• awesome-copilot
• self-hosted
• dcts-shipping

Frontend Focus

• BORDER-SHAPE: 비직사각형 웹의 미래
• 앱에 AUTH 추가가 한 번의 명령으로 가능하다면?
• CSS로 목록을 사용자 정의하는 심층 가이드
• 표준 HTML VIDEO & AUDIO 지연 로딩이 다가오고 있습니다

⚡️ IN BRIEF

• WordPress 7.0의 첫 번째 베타
• Navigation API가 이제 Baseline Newly Available입니다.
• 누군가 CSS로 x86 emulator를 만들었습니다
• Zach가 HTML 로고 제작을 시도했습니다

📙 Articles, Opinions & Tutorials

• 웹의 SPRITES
• VISUALLY-HIDDEN에 대해 절대 알고 싶지 않았던 모든 것
• CLAUDE SKILLS를 사용하여 MOBILE APPS 구축하기
• SMART LAYOUTS
• 잠재적으로 당신 근처의 BROWSER에 찾아올 :NEAR()
• CSS로 링크 밑줄 긋기
• :HEADING(), SIBLING-INDEX(), 그리고 POW()를 사용한 CSS의 TYPOGRAPHIC SCALES
• INTEROP 2026: 브라우저들이 드디어 따라잡고 있습니다
• Mobile OS 텍스트 크기 존중하기
• 더 스마트하게 로드하기: 현대 웹 디자인에서 SVG 대 Raster Loaders
• 네이티브 HTML Components가 좋은 UX를 보장하지는 않습니다
• Eco-Friendly Interfaces를 위한 디자이너 가이드

🧰 Tools, Code & Resources

• TAILWIND CSS 4.2의 네 가지 새로운 COLOR PALETTES
• BASE.CSS: 시맨틱 규칙을 가진 다목적 CLASSLESS STYLESHEET
• ANALYTICS는 당신의 POSTGRES DATABASE 안에 있어야 합니다, 그 옆이 아니라
• OPENSEADRAGON 6.0: 고해상도 이미지를 위한 WEB VIEWER
• IMAGE-COMPARE: 이미지를 비교하기 위한 접근성 있는 WEB COMPONENT
• PWASCORE: 인기 MOBILE BROWSERS에서 PROGRESSIVE WEB APP 기능 비교하기
• SUGARCUBE TOOLKIT 소개
• PAGE GYM: 페이지 속도 테스트 및 최적화 도구

🀄️ ...and finally

• VOXJONG: 3D CSS 마작 솔리테어

JavaScript Weekly

Popular News and Articles

• JavaScript Oxidation Compiler
• Node 25에서 Web Storage를 기본으로 활성화하는 것이 일부 toolchains를 손상시키고 있습니다 (localStorage SecurityError)
• JavaScript 및 Python에서 루프 안티 패턴 벤치마킹: V8이 처리하는 것과 그렇지 않은 것
• Blop 1.2: 웹을 위한 실험적 언어
• DUMPLING: 세분화된 차등 JavaScript Engine Fuzzing
• Sciter – 임베더블 HTML/CSS/JavaScript Engine
• CloudPebble이 돌아왔습니다! 새로운 순수 JavaScript 및 라운드 2 SDK와 함께
• Dwitter Beta - 140자로 하는 창의적인 코딩
• JSFuck - 6가지 문자 !+로 어떤 JavaScript든 작성하기
• no- 또는 lo-JS 옵션으로 JavaScript 작업량 줄이기

Popular projects

• youlag
• marketingskills
• awesome-copilot
• self-hosted
• dcts-shipping

NODE Weekly

• ADONISJS V7 출시: 'BATTERIES-INCLUDED' NODE.JS FRAMEWORK
• v6에서 v7으로의 업그레이드 가이드

⚡️ IN BRIEF

• Node.js v25.7.0 (Current)
• v24.14.0 (LTS)
• node:sqlite RC stage
• 네이티브 logger module 진행 상황
• HackerOne 신호 요구 사항 증가
• NODE에서 PATH TRAVERSAL ATTACKS를 방지하는 방법
• NODE에서 VERCEL AI SDK 시작하기
• Git의 마법 파일들
• JavaScript가 Structured Concurrency를 필요로 하는 이유
• GitHub Actions에서 npm으로 게시하는 방법

🛠 Code & Tools

• NUMPY-TS: TYPESCRIPT를 위한 NUMPY 구현
• EDGE: NODE를 위한 JS-LIKE TEMPLATE ENGINE
• BIGNUMBER.JS 10.0: ARBITRARY-PRECISION ARITHMETIC 라이브러리
• Emscripten 5.0.2
• Hono 4.12
• BullMQ v5.70
• Orange ORM 5.2
• Basic FTP 5.2
• ESLint 10.0.2

📢 ELSEWHERE IN THE ECOSYSTEM

• Deno 2.7 출시
• NanoVM: 브라우저 내 RISC-V Linux emulator
• React Foundation 출범
• TypeScript 5.x에서 6.0으로의 마이그레이션 노트
• Rust여 안녕: 개발자의 Node로의 이동

React Status

• CLOUDFLARE가 일주일 만에 AI로 NEXT.JS를 재구축한 방법
• STALE DASHBOARD DATA 전송 중단
• REACT FOUNDATION이 출범했습니다
• QUERY ABSTRACTIONS 생성하기
• META QUEST에 REACT NATIVE가 찾아옵니다
• API TYPES를 손으로 작성하기엔 인생은 너무 짧다: OPENAPI-DRIVEN REACT
• VERCEL BILL이 너무 높나요? REACT를 위해 CLOUD 66으로 전환하세요
• Async React를 사용하여 Action Props로 Design Components 구축하기
• AI Coding Agents를 위한 Next.js Project 설정 방법
• React에서 JSON Schema-Driven Forms 구축하기

🛠 CODE, TOOLS & LIBRARIES

• YOOPTA EDITOR 6.0: React를 위한 HEADLESS RICH TEXT EDITOR
• EXPO SDK 55 출시: REACT NATIVE FRAMEWORK
• REACT-NATIVE-ENRICHED-MARKDOWN 0.3: REACT NATIVE를 위한 MARKDOWN TEXT
• React PDF 10.4
• React DayPicker 9.14
• ReactToPrint 3.3

📢 ELSEWHERE IN THE ECOSYSTEM

• State of React Native 2025 결과 현황
• Bun v1.3.10 출시
• Deno 2.7 출시
• Tailwind CSS 4.2의 새로운 color palettes
• Navigation API가 이제 Baseline Newly Available입니다.

DEVTO

• 당신을 놀라게 할 16가지 최신 JavaScript Features
• Major League Hacking (MLH)이 주관하는 "Built with Google Gemini: Writing Challenge"에 참여하세요. Raspberry Pi AI Kit을 받으세요!
• 옛날 옛적에, 코드 작성은 즐거웠다
• 0달러 개발자 단계 — 그리고 Dev.to가 나를 어떻게 벗어나게 했는지
• 지금 진행 중: DEV Weekend Challenge!! 제출 마감 March 2 at 7:59am UTC.
• 개발자들은 AI가 자신들을 24% 더 빠르게 만든다고 생각합니다. 데이터는 19% 더 느리다고 말합니다.
• AI가 숙제를 먹어치웠다: 이제 커뮤니티는 실제로 무엇을 위한 것인가
• RFC 2324를 무시하지 마세요. 그것은 당신이 한 번도 구현해 본 적 없는 가장 중요한 Protocol입니다.
• DEV 게시물에서 업그레이드된 임베드 경험 및 새로운 임베드 유형
• 당신의 Project를 위해 자신만의 Hand Pose Model을 훈련시킬 수 있는 App! 🤌
• 이번 주 당신의 승리는 무엇이었나요?!
• The Token Economy
• Software 3.1? - AI Functions
• AI와 Technology에 대한 나의 생각 (순수 Developer PoV 외)
• 런던의 숨겨진 영화 클럽을 찾아낼 수 있게 만들기
• 내가 절대 되지 않아 다행이라고 생각하는 개발자
• AI 시대에 인간적인 연결의 필요성 증가
• 내가 나만의 Humanizer를 만든 이유 (그리고 당신도 그래야 하는 이유)
• 🐾 FurEver Log — Abu를 잃은 후 내가 만든 App
• Self-Hosted GitLab의 Kubernetes에서 Gitaly 및 Kernel Memory Consumption 이해하기
• 일요일 DEV Drive: 당신의 DEV Community Articles를 통한 Synthwave Driving Experience
• DevStretch: 몸이 있다는 것을 잊은 Devs를 위한 Antiburnout Protocol
• 내가 주말에 학생들을 위한 "Cyber-Immune System"을 구축한 이유
• 당신의 API를 Agent-Ready로 만드는 방법: Agentic Era를 위한 Design Principles
• 나는 AI Agent가 나의 DevOps Engineer가 되도록 허용했습니다
• Vibe Coding 현실 점검
• SQLite에서 INSERT와 JOIN이 실제로 실행되는 방법
• 나는 AI Agents가 나의 Production Server를 7일 동안 실행하도록 두었습니다. 여기가 불타버린 것입니다.
• Agent Skills Gold Rush는 Malware Problem을 가지고 있습니다