TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
111511141113111211111110110911081107110611051104
AI
LLM 추론 비용 최적화 — 캐싱·배치·라우팅으로 70% 절감하는 7가지 기법
LLM API 운영 비용 70% 절감하는 7가지 실전 기법. 프롬프트 캐싱·배치 API·모델 라우팅·프롬프트 압축 가이드.
Etc
Pre-commit Hook + Git LFS — 모노레포 빌드 30초 단축한 작은 변경
pre-commit hook 정렬과 Git LFS 도입으로 50명 모노레포 CI 빌드 시간 30초 단축 사례. 적용 단계와 함정.
Frontend
CSS Container Queries 실전 — 미디어 쿼리 작별, 컴포넌트 단위 반응형
2026년 표준이 된 Container Queries 실전 가이드. 컴포넌트가 위치에 따라 다르게 보이는 진정한 반응형 패턴.
Infra
Kubernetes 1.31 — Sidecar 컨테이너 GA, 운영 환경 마이그레이션 가이드
k8s 1.31에서 Sidecar 컨테이너가 GA. 기존 init·workaround 패턴이 어떻게 단순해지는지, 마이그레이션 단계별 가이드.
Etc
Tmux + Neovim + Claude Code — 2026년 터미널 워크플로 완성형
Tmux·Neovim·Claude Code를 결합한 2026년 풀 터미널 개발 워크플로 가이드. 키바인딩·세션 관리·생산성 패턴.
AI
GPT-5.5 vs Claude 4.7 vs Gemini 3 — 코드 작업 실전 비교 (2026 5월 기준)
OpenAI GPT-5.5·Claude 4.7 Opus·Gemini 3 Pro 코드 작업 실전 비교. 실제 SWE 태스크·디버깅·리팩토링 케이스.
Database
Redis 8 Vector Sets — pgvector·Qdrant와 어디서 갈리는가
Redis 8의 Vector Sets 자료구조와 pgvector·Qdrant 비교. 사용 사례별 결정 가이드와 실측 벤치마크.
Backend
gRPC vs REST vs Connect — 2026년 마이크로서비스 통신 결정 가이드
REST·gRPC·Connect·tRPC 비교. 2026년 시점에서 마이크로서비스 통신 프로토콜 선택 결정 트리와 실측.
Frontend
Vue 4.0 Vapor 모드 마이그레이션 — Virtual DOM 작별, 무엇이 달라지나
Vue 4.0 Vapor 모드 동작 원리와 마이그레이션 가이드. Virtual DOM 시대를 끝내는 컴파일 시점 직접 DOM 모델.
AI
Claude MCP 서버 직접 만들기 — 사내 도구를 Claude에 통합하는 패턴
MCP(Model Context Protocol) 서버를 만들어 사내 시스템을 Claude·Cursor에 통합하는 실전 가이드. TypeScript 구현·배포·인증.
Infra
OpenTelemetry 1.0 — Trace·Metric·Log 단일 표준 통합 운영 가이드
OpenTelemetry 1.0의 Trace·Metric·Log 통합 SDK를 실서비스에서 운영하는 가이드. SDK 설정·콜드 스타트·비용 최적화.
Database
PostgreSQL 18 비동기 I/O 튜닝 — io_uring 실측·OLTP 35% 향상의 비밀
PG 18의 비동기 I/O가 OLTP 35% 향상을 만드는 이유. io_uring·Direct I/O 작동 원리, 운영 환경별 튜닝 가이드.