지식 지도 — Knowledge Index

리액트의 전통적인 가상 DOM 리렌더링 한계를 넘어, 세밀한 값 변화 추적(Fine-grained Reactivity)을 통해 컴포넌트 단위 리렌더링 없이 UI를 초고속 업데이트하는 Signal 기반 상태 관리의 원리와 실무 적용 가이드.

오픈소스 패키지의 치명적인 버그나 버전 충돌을 맞닥뜨렸을 때, fork 없이 우아하게 패키지 코드를 직접 수정하고 강제 우회하는 pnpm overrides 및 patch 기법 실무 활용기.

배포된 프론트엔드 애플리케이션의 에러를 정확하게 분석하기 위해 Sentry SDK를 연동하고, 보안 유출 없이 소스맵(Source Maps)을 업로드하는 빌드 파이프라인 구축 방법.

서버리스 아키텍처에서 발생하는 데이터베이스 커넥션 소진 문제를 해결하기 위한 Supabase의 차세대 커넥션 풀러 Supavisor의 작동 원리와 실무 설정 및 최적화 방법.

단일 거대 언어 모델(LLM)에 의존하는 방식의 한계를 넘어, 전문성을 가진 여러 하위 에이전트들이 협력하여 정교한 개발 및 리서치 작업을 완수하도록 조율하는 Multi-Agent Orchestration(다중 에이전트 오케스트레이션) 설계 구조와 실무 적용기.

Static Site Generation(SSG)의 속도와 Dynamic Rendering의 실시간성을 하나의 페이지 안에서 동시에 달성하기 위해 Next.js의 Partial Prerendering(부분 사전 렌더링)을 실제 프로덕션 서비스에 적용해 본 경험과 분석.

TypeScript 4.9에 도입된 satisfies 연산자의 도입 배경과, 기존에 불안정하게 객체 타입을 캐스팅하던 타입 단언(as) 및 엄격한 타입 지정(Annotation) 방식과의 근본적인 차이에 대한 분석.

기존에 Popper.js나 Floating UI 같은 대형 자바스크립트 라이브러리에 의존해야만 했던 툴팁과 팝오버 위치 계산을 브라우저 네이티브 CSS 사양인 Anchor Positioning으로 깔끔하게 바꾼 경험.

최근 발표된 Vite 6의 핵심 동향과, Vite 생태계의 차세대 번들러로서 개발되고 있는 Rolldown(Rust 기반 Rollup 대체)에 대해 알아보고 이것이 앞으로의 웹 개발 워크플로우에 미칠 영향에 대한 나의 기대와 분석.

기존 벡터 DB 단독 검색 방식의 한계를 극복하기 위해 키워드 기반 BM25 검색과 벡터 검색을 융합하는 Hybrid Search, 그리고 LLM의 컨텍스트 품질을 극대화하기 위한 Reranking을 내 프로젝트에 직접 도입한 과정과 교훈.

Node.js 22.6.0에 실험적으로 추가되고 최신 버전에 점차 내장되고 있는 네이티브 TypeScript 실행 기능(--experimental-strip-types)에 대한 나의 이해와 실제 사용 소감.

React 19에 추가된 Actions 기능을 보며 그동안 지저분하게 관리하던 비동기 Form 전송과 로딩 상태를 어떻게 깔끔하게 바꿀 수 있는지, 그리고 왜 이렇게 변화했는지에 대한 나의 이해와 실무 적용기.

Pages Router에서 App Router로 전환하면서 겪은 것들 — 마이그레이션 전략, Server Components 함정, 데이터 페칭 변화, 그리고 성능 결과까지 솔직하게 정리했다.

모노레포를 쓰다 보면 어느 순간 빌드가 10분이 넘어간다. Turborepo의 태스크 그래프와 캐싱이 이 문제를 어떻게 해결하는지, 실제 Next.js 모노레포 셋업으로 보여준다.

마이크로서비스 환경에서 요청이 어디서 느려지는지 어떻게 찾을까? OpenTelemetry로 로그·메트릭·트레이스를 하나로 묶어 병목을 정확히 짚어내는 법을 실전 코드와 함께 알아보자.

Vercel AI SDK를 써서 Next.js에서 스트리밍 AI 채팅을 만드는 방법을 정리했다. useChat 훅, Server Actions, 프로바이더 전환, 도구 통합까지 실제 코드로 한 번에 설명한다.

SaaS에 결제를 붙이려고 Stripe을 연동했다. 결제 코드는 다른 코드와 차원이 다른 긴장감이 있었다. Checkout Session부터 Webhook까지 실전 경험.

서비스를 운영하면서 유저가 어디서 이탈하는지, 어떤 기능을 쓰는지 전혀 몰랐다. PostHog를 붙이고 데이터 기반으로 결정하기 시작한 경험.

REST API와 수동 타입 관리의 한계를 Zod 스키마 검증과 tRPC로 해결하는 방법을 정리했어. 라우터 설정부터 클라이언트 타입 추론, Zod 에러 처리, REST 마이그레이션까지 실전 예제로 커버해.

회원가입 확인 이메일을 보내야 하는데 HTML 이메일이 지옥이었다. React Email로 컴포넌트처럼 이메일을 만들고 Resend로 보내는 방법을 정리했다.