TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
977976975974973972971970969968967966
Frontend
CSS Scroll-Driven Animations — 스크롤 기반 애니메이션
CSS Scroll-Driven Animations API로 JavaScript 없이 스크롤 애니메이션을 구현하기.
AI
MCP 서버 실전 — 데이터베이스, API, 파일시스템 연동
MCP 서버로 AI가 DB 쿼리, API 호출, 파일 관리를 수행할 수 있도록 구축하는 방법.
Infra
Kubernetes 네트워크 정책으로 Pod 간 통신 제어
Kubernetes NetworkPolicy를 활용하여 Pod 간 네트워크 트래픽을 세밀하게 제어하고 마이크로서비스 보안을 강화하는 방법을 설명합니다.
Frontend
Vite 7 — 차세대 빌드 도구의 진화
Vite 7의 Rolldown 통합, 빌드 성능 혁신, 새로운 플러그인 API.
Etc
개발자 생산성 측정 — DORA 메트릭과 SPACE
DORA 4대 메트릭과 SPACE 프레임워크로 개발 생산성을 올바르게 측정하는 방법.
Backend
Inngest — 이벤트 드리븐 백그라운드 작업 프레임워크
Inngest로 이벤트 기반 백그라운드 작업, 워크플로, 재시도를 구현하는 방법.
AI
자율 AI 에이전트 2026 — 실제 업무 자동화 사례
2026년 자율 AI 에이전트의 실제 업무 자동화 사례와 구축 아키텍처.
AI
AI 윤리와 편향 — 공정한 모델을 만드는 기술적 접근
AI 모델의 편향 문제를 기술적으로 진단하고 해결하는 방법론과 공정성 지표, 편향 완화 기법을 체계적으로 정리합니다.
AI
AI 이미지/비디오 생성 2026 — Sora, Stable Video, Runway
2026년 AI 이미지/비디오 생성 도구의 현황과 API 활용, 실전 적용 사례.
Infra
Kubernetes Horizontal Pod Autoscaler — 자동 스케일링
Kubernetes HPA로 CPU, 메모리, 커스텀 메트릭 기반 자동 스케일링을 설정하는 방법.
Frontend
WebGPU 심화 — 브라우저 내 AI 추론 실행
WebGPU로 브라우저에서 AI 모델을 로드하고 추론을 실행하는 고급 가이드.
Frontend
Motion (Framer Motion) — React 애니메이션의 정석
Motion(구 Framer Motion)으로 React에서 선언적으로 애니메이션을 구현하는 방법.