TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
114011391138113711361135113411331132113111301129
Frontend
Tailwind CSS v4 Oxide 엔진 — Rust 빌드 5배 가속 실측
Tailwind v4 Oxide(Rust) 엔진 실측. 대형 프로젝트 빌드 4.8배·증분 11배 가속. CSS-first config 전환 함정과 v3 호환 한계.
AI
Claude Code Subagents 패턴 — 멀티 에이전트 개발 워크플로 6개월 운영기
Claude Code subagent 분리 호출로 main 컨텍스트 보호. 6개월 운영 실측 토큰 38% 절감, 정확도 +12%p, 위임 기준과 함정.
Database
pgvector vs Qdrant vs Pinecone — 1억 벡터 운영 실측·결정 가이드
같은 1억 벡터 RAG 워크로드를 pgvector·Qdrant·Pinecone에 동시 운영한 6개월 실측. 정확도·QPS·비용·운영 부담.
Infra
Vercel vs Cloudflare Workers vs Bun 단독 — Edge 런타임 3개 6개월 운영기
같은 SaaS를 Vercel·Cloudflare Workers·Bun(자체 호스팅) 셋에서 6개월 운영. 콜드 스타트·비용·DX·운영 함정 실측.
AI
Sonnet 4.7 코딩 벤치마크 — 사내 코드베이스 100문제 실측
SWE-bench 같은 표준 벤치 말고, 사내 실제 코드에서 100문제 골라 Claude Sonnet 4.7 vs Opus 4.7 vs GPT-5.5 비교.
Etc
Passkeys 도입 6개월 — WebAuthn · FIDO2 운영기 + 비밀번호 제거 의사결정
Passkeys 도입 6개월 운영 경험. 등록률·로그인 성공률·CS 문의 변화, 동기화·디바이스 분실 처리 패턴.
Backend
WebSocket vs SSE vs Long-polling — AI 스트리밍 시대의 재평가
LLM 응답 스트리밍이 표준이 된 시대에 3가지 실시간 통신 재평가. 양방향성·프록시·재연결·인프라 비용까지.
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 익스텐션 부재, 운영 도입 결정 가이드.