TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
113311321131113011291128112711261125112411231122
Frontend
Web Vitals INP — FID 작별, 응답성 개선 실전 전략
FID를 대체한 INP의 정의·측정·개선. 무엇이 페이지를 "버벅이게" 보이게 하는가, 실제 개선 사례 6가지.
Frontend
Vite 6 vs Turbopack 1.0 — 모노레포 5,000 모듈 빌드 실측 비교
같은 5,000 모듈 Next.js 모노레포를 Vite 6와 Turbopack 1.0으로 빌드 비교. dev start·HMR·prod build·메모리.
AI
RAG가 망가지는 5가지 패턴 — 청킹·리랭킹·하이브리드 검색 실전 해법
RAG가 "그럴듯하지만 틀린 답"을 내는 5가지 원인과 실전 해법. 청킹·리랭킹·하이브리드·메타필터·도메인 임베딩.
Infra
OpenTofu 1.10 — Terraform 포크의 1년, 마이그레이션·기능 격차
OpenTofu 1.10 시점의 Terraform 격차·신규 기능(state encryption, dynamic providers) 정리. 마이그레이션 단계와 함정.
Backend
Python 3.13 No-GIL — 진짜 멀티스레드, 어디서 빠르고 어디서 망가지나
Python 3.13 free-threaded 빌드 실측. CPU 바운드 4.7배 가속, 일부 C 익스텐션 부재, 운영 도입 결정 가이드.
Database
Edge SQLite — Turso · LiteFS · Cloudflare D1 운영 비교
엣지 SQLite 3대장(Turso·LiteFS·D1)의 모델·일관성·운영 비용 실측. "사용자에 가까이"가 답이 되는 워크로드와 안 되는 워크로드.
Frontend
CSS @scope · @layer · nesting — 2026년 새 캐스케이드 전략
CSS 캐스케이드를 재설계하는 3가지 신기능(@scope·@layer·native nesting). 우선순위, BEM/Tailwind와의 공존, 실전 패턴.
Infra
eBPF로 컨테이너 관찰 — Cilium·Pixie·Parca 실전 비교
eBPF 기반 관찰성 도구 3종(Cilium Hubble·Pixie·Parca)의 적용 영역, 오버헤드, 운영 트레이드오프 비교.
AI
Whisper 4 + Realtime API — 실시간 음성 챗봇 구축 가이드
OpenAI Whisper 4 + Realtime API + TTS를 결합한 실시간 음성 챗봇 구축. 지연시간 분해, 인터럽트 처리, 비용 실측.
Etc
AI 코드 리뷰 자동화 — Claude Code + GitHub Actions로 PR 리뷰 봇 만들기
사람 리뷰 보조용 PR 리뷰 봇 구축기. Claude Code Action으로 변경 파일만 보고 보안·성능·테스트 누락을 코멘트하는 패턴.
Backend
tRPC v11 + React Query v6 — 풀스택 타입 안전성의 끝판왕
tRPC v11과 React Query v6 결합으로 백엔드-프론트 타입을 한 줄로 공유. 인증·에러·캐싱 패턴과 6개월 운영 회고.
Frontend
Astro 5 Server Islands — 정적과 동적의 균형, 실전 정답
Astro 5의 Server Islands가 만드는 새 아키텍처. 정적 페이지에 부분만 동적, 캐시 정책·데이터 페칭·SEO·실측까지.