Blog | 김영훈 블로그

필터22 topics

React 소스 코드를 직접 읽으면서 발견한 V8 Hidden Class, Object.freeze, 분기 순서 등 한 줄 수준의 최적화 기법들을 정리합니다.

ESM vs CJS 비교에서 가장 먼저 든 의문. 비동기 로딩과 정적 분석은 다른 시점의 이야기이며, ESM 로딩 3단계를 이해하면 모순이 아님을 알 수 있습니다.

해시 테이블 기반 자료구조(Map, Set)와 Array의 시간 복잡도 차이, 해시 함수의 동작 원리, 그리고 순회 시 캐시 지역성까지 정리합니다.

ai 툴 품질을 감으로만 판단하지 않고, 데이터셋과 자동 채점으로 개선 폭을 수치화한 기록.

이 글에서는 번들러가 왜 등장했는지, 의존성 그래프란 무엇인지, Vite는 왜 다른 접근을 택했는지 정리해보았습니다.

오픈소스 라이브러리 문서에 RAG 기반 AI 챗봇을 붙인 과정을 공유합니다. 기술 선택부터 비용 최적화까지, 실제 구현 과정을 정리했습니다.

React Server Components를 사용하면 클라이언트 번들 크기가 줄어든다는 것은 알지만, 실제로 어떤 메커니즘으로 번들이 분리되는지는 명확하지 않았습니다. Next.js 저장소의 실제 코드를 추적하며 빌드 타임부터 런타임까지의 처리 과정을 확인했습니다.

필터를 구현하면서 불안감을 질문으로, 질문을 측정으로, 측정을 확신으로 사고한 과정

IndexedDB는 비동기지만 React는 동기 상태를 요구합니다. useSyncExternalStore와 메모리 캐시 패턴으로 이 간극을 메우고, 서버 동기화 보일러플레이트를 90% 줄인 과정을 공유합니다.

CSR 앱의 재방문 빈 화면 문제를 스냅샷 복원으로 해결하는 과정. 중복 렌더링 버그부터 오버레이 모드 도입까지, Prepaint가 ~0ms 복원을 달성한 여정을 공유합니다.