Skip to content

Instantly share code, notes, and snippets.

@leedc0101
leedc0101 / 01-electrobun-v1.md
Created February 22, 2026 01:02
frontend-briefing-2026-02-22-KST

원문 제목: Electrobun v1 - Blackboard Blog 원문 링크: https://blackboard.sh/blog/electrobun-v1/ 번역 생성일: 2026-02-22 KST


Build ultra fast, tiny, and cross-platform desktop apps with TypeScript.

2년 전에 나는 내가 정말 원하던 데스크톱 앱 프레임워크를 만들기 위해 기존 프로젝트를 잠시 멈췄다. 그리고 지금 안정적인 v1을 내면서, Zig/C/C++/Objective-C를 배우며 보낸 2년을 돌아본다.

@leedc0101
leedc0101 / 01-table-editor-xstate.md
Created February 23, 2026 01:02
frontend-briefing-2026-02-23-KST

원문 제목: Building a Production-Grade Table Editor with React and XState 원문 링크: https://dev.to/keyurparalkar/building-a-production-grade-table-editor-with-react-and-xstate-41ke 번역 생성일: 2026-02-23 KST

(길이상 요약 번역)

소개

테이블 편집기는 단순해 보이지만, 실제 제품 수준 기능(되돌리기/다시하기, 재정렬, 그룹화, 일관된 피드백)을 넣으면 상태 관리가 금방 복잡해진다. 글은 React + XState로 “예측 가능한 편집기 아키텍처”를 만드는 방법을 설명한다.

목표

@leedc0101
leedc0101 / harness-engineering-ko.md
Created February 23, 2026 01:08
OpenAI Harness Engineering 한국어 번역

Harness engineering: agent-first 세계에서 Codex를 활용하는 방법 (한국어 번역)

원문: https://openai.com/index/harness-engineering/

번역 메모: 원문의 구조와 핵심 문장을 최대한 유지해 자연스럽게 한국어로 옮겼습니다.

지난 5개월 동안 우리 팀은 하나의 실험을 진행했다. 사람이 직접 코드를 한 줄도 쓰지 않고, 내부 베타 소프트웨어 제품을 만들어 배포하는 실험이다.

이 제품은 내부 일일 사용자와 외부 알파 테스터를 보유하고 있다. 배포되고, 깨지고, 고쳐진다. 다른 점은 다음과 같다. 애플리케이션 로직, 테스트, CI 설정, 문서, 관측(Observability), 내부 도구까지 모든 코드가 Codex에 의해 작성됐다. 체감상 수작업 대비 약 1/10의 시간으로 만들었다.

@leedc0101
leedc0101 / 01-how-i-use-claude-code.md
Created February 24, 2026 01:03
frontend-briefing-2026-02-24-KST

원문 제목: How I Use Claude Code 원문 링크: https://boristane.com/blog/how-i-use-claude-code/ 번역 생성일: 2026-02-24 KST

How I Use Claude Code

작성자는 약 9개월 동안 Claude Code를 주 개발 도구로 쓰면서, "바로 코딩" 대신 계획을 먼저 문서로 확정하는 방식을 핵심 원칙으로 삼았습니다.

핵심 문장:

  • 계획 승인 전에는 코드 작성 금지
@leedc0101
leedc0101 / 01-vinext-nextjs-rebuild.md
Created February 25, 2026 01:03
frontend-briefing-2026-02-25-KST

원문 제목: How we rebuilt Next.js with AI in one week 원문 링크: https://blog.cloudflare.com/vinext/ 번역 생성일: 2026-02-25 KST

(길이상 요약 번역)

AI로 1주일 만에 Next.js 대체 구현(vinext)을 만든 이야기

Cloudflare는 Next.js를 다른 서버리스 환경에 배포할 때 생기는 마찰(출력 포맷 호환, OpenNext 유지 부담, dev 환경 불일치)을 줄이기 위해, **Next.js API 표면을 Vite 위에서 다시 구현한 vinext**를 공개했습니다.

@leedc0101
leedc0101 / 01-stop-using-init-for-agents-md.md
Created February 26, 2026 01:02
frontend-briefing-2026-02-26-KST

원문 제목: Stop Using /init for AGENTS.md 원문 링크: https://addyosmani.com/blog/agents-md/ 번역 생성일: 2026-02-26 KST

한국어 번역

요약: AGENTS.md를 자동 생성해서 루트에 고정해두는 방식은, 에이전트가 이미 코드에서 찾을 수 있는 정보를 중복으로 넣어 성능을 떨어뜨리고 비용을 올릴 수 있다. 정말 필요한 정보(코드만으로는 알기 어려운 운영 규칙, 지뢰, 예외)만 남겨야 한다.

개발자들 사이에서 /init으로 AGENTS.md를 만드는 습관이 빠르게 퍼졌다. 저장소 구조, 스택, 테스트 규칙이 깔끔히 정리되니 “설정 완료”처럼 느껴진다. 하지만 2026년의 두 연구는 이 습관이 오히려 느리고 비싸며, 정확도 개선도 제한적일 수 있음을 보여준다.

@leedc0101
leedc0101 / 01-please-fix-next-open-letter.md
Created February 27, 2026 01:02
frontend-briefing-2026-02-27-KST

원문 제목: Please, fix Next.js — An open letter 원문 링크: https://please-fix-next.com/ 번역 생성일: 2026-02-27 KST

Next.js를 고쳐주세요 — 공개 편지

우리는 Next.js의 평판을 함께 만든 개발자들입니다. 회사에 도입을 추천했고, 팀에 가르쳤고, 중요한 서비스를 Next.js로 만들었습니다.

그런데 어느 순간부터 월요일 아침에 프로젝트를 여는 일이 두려워졌습니다.

@leedc0101
leedc0101 / 01-better-web-streams-api.md
Created February 28, 2026 01:02
frontend-briefing-2026-02-28-KST

원문 제목: We deserve a better streams API for JavaScript 원문 링크: https://blog.cloudflare.com/a-better-web-streams-api/ 번역 생성일: 2026-02-28 KST

(길이상 요약 번역)

JavaScript 스트림 API는 더 나아져야 한다

작성자는 현재 Web Streams API가 브라우저/서버 전반에서 표준처럼 쓰이지만, 실제 실무에서는 사용성·성능 문제가 구조적으로 크다고 말한다.

@leedc0101
leedc0101 / 01-vinext.md
Created March 1, 2026 01:01
frontend-briefing-2026-03-01-KST

How we rebuilt Next.js with AI in one week — 한국어 번역

Cloudflare는 Next.js의 결과물을 “어댑터로 변환”하는 기존 방식(OpenNext)의 한계를 문제로 보고, 아예 Next.js API 표면을 Vite 위에서 재구현한 vinext를 공개했다. 핵심 아이디어는 Turbopack 출력물을 맞추는 대신, 라우팅/SSR/RSC/서버 액션/캐싱 등을 Vite 플러그인 기반으로 직접 구현해 다양한 런타임 배포를 더 단순하게 만드는 것이다.

초기 벤치마크에서 33개 라우트 앱 기준으로 빌드 시간은 최대 4.4배 빠르고, 클라이언트 번들 크기는 최대 57% 작게 나타났다(Next.js 16.1.6 대비). Cloudflare는 이 수치를 “방향성 지표”로 명시하며, 테스트 환경과 방법론을 공개했다.

개발자 경험 측면에서는 nextvinext로 바꾸는 수준의 드롭인 사용성을 목표로 하며, vinext deploy 한 번으로 Workers 배포를 지원한다. KV 기반 ISR 캐시 핸들러를 기본 제공하고, R2 등으로 교체 가능한 구조를 강조한다.

@leedc0101
leedc0101 / 01-hn-react-native-inspector-ko.md
Created March 2, 2026 01:01
frontend-briefing-2026-03-02-KST

원문 제목: Show HN: On-device element inspector for React Native 원문 링크: https://news.ycombinator.com/item?id=47204144 번역일: 2026-03-02 (KST)

React Native용 온디바이스 엘리먼트 인스펙터 소개

이 도구는 모바일 기기에서 바로 Chrome DevTools의 "Inspect Element" 경험을 제공하는 것을 목표로 한다. 화면의 요소를 탭하면 스타일을 확인하고, 값을 인라인으로 수정하고, 속성을 켜고 끌 수 있으며, margin/padding/content 오버레이도 시각적으로 볼 수 있다.

핵심 구현 방식은 React DevTools 전역 훅을 통해 Fiber 트리에 연결하는 것이다. 이후 호스트 엘리먼트를 측정해 레이아웃 스냅샷을 만들고, 탭 지점을 기준으로 hit-testing을 수행한다. 스타일 변경은 Fiber의 overrideProps() 경로를 통해 적용되어 React 렌더링 흐름과 일관성을 유지한다.