TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
118811871186118511841183118211811180117911781177
Frontend
Remix 3 + React Router 8 통합 — 라우팅의 미래는 어디로?
Remix와 React Router의 통합 발표 이후 1년. 무엇이 합쳐졌고, Next.js와 어떻게 다르며, 누가 어느 쪽을 선택해야 하나.
Frontend
Storybook 9 + Vitest — 컴포넌트 테스트 모던 워크플로
Storybook 9의 Vitest 네이티브 통합으로 story가 곧 테스트가 되는 모델. CSF 4, addon 정리, CI 시간 단축 사례.
Frontend
Next.js 16 PPR — Partial Prerendering 프로덕션 3개월 운영기
Next.js 16 PPR 정식 활성 이후 3개월 운영. LCP, TTFB, 캐시 hit rate, 운영 함정과 마이그레이션 패턴.
Frontend
Tauri 3.0 6개월 — Electron 대체 실제 데스크탑 앱 운영 후기
Tauri 3.0 GA 후 6개월 실제 데스크탑 앱(50만 MAU)을 운영하며 마주친 장단점. 번들 크기, 자동 업데이트, OS별 함정.
Frontend
Lit 4 + Stencil 5 — 프레임워크 없는 Web Components 2026 전략
React·Vue에 의존하지 않는 디자인 시스템과 마이크로 프론트엔드. Lit 4와 Stencil 5의 2026년 현황과 실전 적용.
Frontend
Million.js v4 은퇴 — React Compiler 1.0 이후 재평가
React Compiler 1.0 출시 후 Million.js가 v4를 끝으로 메인 개발 종료. 우리 코드베이스에 미친 영향과 마이그레이션 실측.
Frontend
Solid 2.0 vs RSC — fine-grained vs 스트리밍, 결정 가이드
Solid 2.0의 fine-grained 반응성과 React Server Components의 서버 우선 모델, 어떤 프로젝트에 어느 쪽이 맞는지 실측 비교.
Frontend
React 20 use() 안정화 — Suspense 데이터 페칭 실전 패턴
React 20에서 use() 훅이 정식 출시. Promise·Context 통합과 Suspense 경계 설계, 에러 핸들링까지 실전 적용.
AI
Anthropic Batch API — 대량 처리 비용 50% 절감 운영 패턴
Anthropic Batch API로 분석·임베딩·재처리 워크로드 비용을 절반으로. 큐 설계, 실패 처리, 데드라인 보장 패턴.
AI
Claude Skills 사내 배포 — 팀 지식을 에이전트 능력으로 패키징
Claude Skills로 팀별 SOP·도메인 지식·코드 컨벤션을 패키징해서 사내 모든 Claude Code 세션에 자동 적용하는 운영기.
AI
구조화 출력 2026 — Anthropic · OpenAI JSON Schema 모드 실전 비교
Anthropic의 structured output GA와 OpenAI Strict 모드를 동일 스키마 50개로 비교. 응답 신뢰성과 비용 검증.
AI
AI 에이전트 관측 — Phoenix · LangSmith · Helicone 3개월 운영 비교
LLM 호출 trace와 비용·지연 모니터링. Phoenix, LangSmith, Helicone을 모두 적용해 3개월 운영한 실전 비교.