실행하지 않는 JavaScript를 10MiB까지 늘려봤다
호출하지 않는 함수가 10MiB 들어 있으면 얼마나 손해일까. 바이트가 만든 비용과 코드 형태가 만든 비용을 갈라 855회 측정했다. 미호출 선언은 MiB당 약 21ms로 CPU를 4배 늦춰도 늘지 않았고, 파일을 읽자마자 실행되는 초기화 코드는 MiB당 201ms를 메인 스레드에 얹었다. 실제 라이브러리에서는 import만 해도 모듈 평가가 실행됐다.
20 POSTS
Javascript 1
『npm Deep Dive』가 2026년 세종도서 학술부문에 선정되었습니다
『npm Deep Dive』가 2026년 세종도서 학술부문에 선정되었습니다. 함께 써주신 분, 만들어주신 분, 읽어주신 분들께 감사드립니다.
Next.js turbopack에서 싱글톤이 두 개가 됐다: scope hoisting 버그와 순환 import
Next.js 16 turbopack 프로덕션 빌드에서 모듈 스코프 싱글톤이 런타임에 두 개가 됐다. 같은 동기 구간에서 조건 판정이 뒤집히고, 응답이 도착해도 타임아웃이 나는 증상을 번들 산출물로 추적한 기록. scope hoisting의 부분 병합, 순환 import, 이미 고쳐져 있던 upstream 버그, 그리고 뒤늦게 돌린 단일 변수 실험까지.
number-flow를 구형 브라우저로 이식하기: 다섯 가지 결정과 두 가지 번복
number-flow가 애니메이션을 켜는 최소 버전은 Chrome 125, Safari 17.2다. 이 하한을 Chrome 66과 WebKit 16.4까지 내리는 포크를 만들면서 내린 결정들과, 뒤집게 된 판단 두 가지, 그리고 자동 강등을 포기한 Safari 버그 조사의 기록.
Node.js vm 모듈의 함정: 샌드박스가 아닌 이유
집필 중인 Node.js Deep Dive의 5.2장(vm 모듈의 함정) 일부를 미리 공개합니다.
Node.js Deep Dive (가제) 베타 리더를 모십니다.
많관부22
IntersectionObserver 싱글톤 패턴과 WeakMap으로 메모리 누수 방지하기
수백 개의 요소를 효율적으로 관찰하면서 메모리 누수도 방지하는 방법
거대한 JSON 응답을 효율적으로 처리하는 방법
JSON.parse()가 버거워할 때 살아남는 법
React의 "서버로 회귀"는 역사의 반복인가?
RSC가 PHP/JSP 시절로의 회귀인지, 아니면 나선형 발전일까? 아닐까? 뭘까
React의 새로운 lint 규칙: set-state-in-effect
Effect에서 setState를 호출하면 안 되는 이유와 대안
『npm Deep Dive』 스터디원 모집중입니다!
홍보성 글은 여기까지... 다시 공부하는 블로그로 찾아오겠습니다.
『npm Deep Dive』 가 출간되었습니다.
🙇🏻♂️
- ◆ 웹 서비스 성능 분석 · 2편
웹 서비스 성능 분석 (2)
관심 가져주셔서 감사합니다. 🙇🏻♂️
맵과 객체 중 무엇을 언제 쓰는 것이 좋을까?
Map 도 씁시다
리액트의 신규 훅, "use"
상황에 따라 이름이 변경되거나 사라질 수도 있습니다
3부) 왜 esmodule 이어야 하는가?
2부는 어디갔냐구요? 내맘입니다.
1부) commonjs란 무엇인가?
const module = require("./module.js")
나만의 eslint 룰 만들어보기
rust로 eslint를 만들어도 재밌겠네용
JSON.stringify 만들어보기
V8로는 아니더라도 내부 동작 직접 구현해보기
npm, yarn, pnpm 비교해보기
그리고 승자는 🤔