GyaanSetu JavaScript

The JavaScript and TypeScript ecosystem.

100 articlesDeep, practical knowledge

AI 기반의 'Pi'와 'Tardis' 덕분에 Shopify, 6년 만에 React Native 탈피

Shopify는 기능 매핑을 위한 'Pi'와 실시간 디버깅을 위한 'Tardis'라는 두 개의 내부 AI 에이전트를 구축하여 코드 재작성 과정을 자동화했습니다. 이를 통해 6년 동안 사용해 온 React Native 스택을 교체하면서도, 앱 시작 속도는 2초 빨라지고 용량은 109MB 줄었으며, 앱 충돌 횟수는 약 10분의 1로 감소하는 성과를 거두었습니다.

JavaScript · 2 min read

Node 22의 Promise.withResolvers, Claude 도구 루프를 절반으로 줄이다

번거로운 `new Promise` 패턴을 단일 `Promise.withResolvers()` 호출로 대체함으로써, 개발자는 resolve/reject 함수를 시스템의 어느 곳으로든 전달할 수 있습니다. 이를 통해 resolve 누락, 이중 reject 경고, 깊은 중첩 문제를 해결할 수 있으며, 이는 특히 서버리스 Lambda 환경에서 매우 유용합니다.

JavaScript · 4 min read

TLS 핑거프린팅으로 인한 Playwright 스크레이퍼의 클라우드 컴퓨팅 자원 낭비 및 비용 상승

서버는 원본 TLS ClientHello를 해싱하여 JA3/JA4 핑거프린트를 생성합니다. 이때 설정된 User-Agent나 HTTP/2 설정이 일치하지 않으면 해당 요청을 스크립트에 의한 것으로 간주합니다. 유일하고 확실한 해결책은 요청의 모든 계층이 동일한 브라우저 정보를 나타내도록 만드는 것입니다.

JavaScript · 4 min read

Vue 3.6의 Vapor Mode, 가상 DOM 제거로 게임 성능 향상

Vue 3.6에 도입될 Vapor Mode는 싱글 파일 컴포넌트를 직접적인 DOM 호출로 컴파일하여 가상 DOM의 diff(비교) 단계를 생략합니다. 초당 수십 번씩 화면을 다시 그리는 벤치마크 게임의 경우, 이 변화를 통해 렌더링 시간이 단축되고 번들 크기가 줄어들지만, 업데이트 빈도가 낮은 UI에서는 성능 향상이 미미합니다.

JavaScript · 4 min read

Anthropic, 11일 만에 Bun을 Rust로 재작성하는 데 Claude 토큰 비용으로 16만 5천 달러 사용

Anthropic의 엔지니어들은 64개의 병렬 Claude Fable 5 에이전트를 활용해 11일 만에 Bun의 코드베이스를 Rust로 재작성했으며, 이 과정에서 16만 5천 달러의 토큰 비용이 발생했습니다. 하지만 병합 후의 컴퓨팅 비용과 안전성 감사 비용까지 고려한다면 실제 비용은 이보다 훨씬 더 높을 것으로 예상됩니다.

JavaScript · 3 min read