TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
106810671066106510641063106210611060105910581057
Backend
tonic·gRPC vs Connect-Web — 2026 RPC 표준 선택
gRPC의 표준 vs Connect-Web의 단순함. 마이크로서비스 간 RPC, 브라우저 호환, gRPC-Web의 한계까지 실전 비교.
Frontend
Web Performance 2026 — INP 최적화 + Speculation Rules 실전
Core Web Vitals의 INP(Interaction to Next Paint)를 200ms 아래로 끌어내리는 실전 기법 + Speculation Rules로 페이지 전환 0초.
Frontend
Astro 5 vs Next.js 16 — 콘텐츠 사이트 vs 앱 선택 가이드
Astro 5와 Next.js 16의 본질적 차이는 "Islands vs Components" 철학. 블로그·문서·이커머스에는 Astro가 압도, 앱·대시보드는 Next.js.
Frontend
shadcn/ui v3 + Radix Primitives — 2026 디자인 시스템 구축 가이드
shadcn/ui v3 + Radix Primitives + Tailwind v4 + CVA로 만드는 모던 디자인 시스템. 다크 모드·접근성·테마 토큰까지 실전 구축.
Infra
Observability 스택 구축 — OpenTelemetry + Tempo + Loki + Mimir
관측성 3 pillar(Logs·Metrics·Traces)을 OpenTelemetry로 수집하고 Grafana LGTM(Loki·Grafana·Tempo·Mimir) 스택으로 저장하는 실전.
Backend
Rust Axum 마이크로서비스 — gRPC·SSE·WebSocket 풀 스택 구축
Rust + Axum 0.8로 마이크로서비스 풀 스택 구축 — REST·gRPC·SSE·WebSocket을 단일 서비스에서 모두 지원하는 검증된 패턴.
AI
LLM 비용 최적화 종합 — 캐싱·라우팅·프롬프트 압축·로컬 폴백
LLM API 비용을 5~10배 줄이는 검증된 5가지 기법 — Prompt Caching, Model Routing, Prompt Compression, Local Fallback, Batch API. 실측 사례.
Database
Database Zero-downtime 마이그레이션 — Schema Evolution 실전 패턴
운영 중 DB를 멈추지 않고 스키마를 바꾸는 검증된 7단계 패턴 — column rename, type change, NOT NULL 추가, FK 변경 모두 다룸.
Frontend
TanStack Query v6 + RSC 통합 — HydrationBoundary·streamedQuery 실전
TanStack Query v6와 Next.js 16 RSC를 통합하는 검증된 패턴. 서버 prefetch + 클라이언트 hydration + streamedQuery로 실시간 응답.
AI
MCP 서버 구축 실전 — Python·TypeScript·Go 3개 언어 비교
Anthropic MCP(Model Context Protocol) 서버를 Python·TypeScript·Go로 구현하고 비교. 각 언어별 SDK 차이, stdio vs HTTP transport 선택.
Infra
Service Mesh 2026 — Istio Ambient vs Linkerd vs Cilium Mesh 선택
2026년 시점 Service Mesh 3강 — Istio Ambient (사이드카리스), Linkerd (단순함), Cilium Mesh (eBPF) 의 워크로드별 선택 가이드.
Backend
tRPC v12 vs GraphQL — 2026 API 패러다임 선택 가이드
2026년 4월 기준 tRPC v12와 GraphQL의 실전 비교. 풀스택 TypeScript는 tRPC, 다양한 클라이언트는 GraphQL — 의사결정 매트릭스.