지식 지도 — 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 함정, 데이터 페칭 변화, 그리고 성능 결과까지 솔직하게 정리했다.

XSS 공격이 성공해도 실행되지 않게 막는 마지막 방어선이 CSP다. 디렉티브 문법부터 nonce 방식, Next.js 설정, 점진적 도입 전략까지 정리했다.

인젝션, 인증 취약점, XSS부터 최신 위협까지 — OWASP Top 10을 실제 코드 예시와 함께 하나씩 뜯어보고, 각 취약점을 어떻게 막는지 정리했다.

REST는 왜 지금도 지배적인가, GraphQL은 어떤 문제를 해결하는가, gRPC는 언제 진짜 빛나는가. 세 프로토콜의 차이와 선택 기준을 실전 코드와 함께 정리했다.

백엔드는 마이크로서비스로 분리하면서 프론트는 왜 여전히 거대한 모놀리스일까? 마이크로프론트엔드가 해결하는 문제와 실전 적용법을 정리했다.

개발자라면 다 아는 그 느낌. 아이디어에 불타서 시작했다가 어느 순간 레포지토리가 먼지만 쌓인다. 완성까지 가는 마인드셋과 실전 전략을 내 경험 기반으로 정리했다.

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

Figma와 Google Earth는 왜 브라우저에서도 빠를까? WebAssembly의 실체와 Rust로 WASM 모듈을 만들어 JavaScript에서 호출하는 전 과정을 파헤쳐봤다.