TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
968967966965964963962961960959958957
Infra
Kubernetes Horizontal Pod Autoscaler — 자동 스케일링
Kubernetes HPA로 CPU, 메모리, 커스텀 메트릭 기반 자동 스케일링을 설정하는 방법.
Frontend
WebGPU 심화 — 브라우저 내 AI 추론 실행
WebGPU로 브라우저에서 AI 모델을 로드하고 추론을 실행하는 고급 가이드.
Frontend
Motion (Framer Motion) — React 애니메이션의 정석
Motion(구 Framer Motion)으로 React에서 선언적으로 애니메이션을 구현하는 방법.
Infra
Zero Trust 네트워크 구현 — Tailscale, Cloudflare Tunnel
Tailscale과 Cloudflare Tunnel로 Zero Trust 네트워크를 구현하는 실전 가이드.
Backend
Go Fiber 프레임워크 — Express 스타일의 고성능 웹 개발
Go의 Fiber 프레임워크를 사용하여 Express.js와 유사한 문법으로 고성능 REST API를 개발하는 방법을 실전 예제로 설명합니다.
Frontend
shadcn/ui 2026 — 테마와 애니메이션 커스터마이징
shadcn/ui의 테마 커스터마이징, 애니메이션 추가, 프로젝트별 컴포넌트 확장.
Infra
보안 자동화 — SAST, DAST, SCA를 CI/CD에 통합
정적/동적 분석, 의존성 검사를 CI/CD 파이프라인에 자동 통합하는 방법.
Frontend
React 19 Form Actions — 폼 처리의 새로운 패러다임
React 19 Form Actions로 서버 사이드 폼 처리를 선언적으로 구현하는 방법.
Infra
AI 기반 모니터링 — Grafana AI, Datadog AI 활용
AI를 통합한 모니터링 도구로 이상 탐지, 알림 최적화, 근본 원인 분석하기.
AI
AI 코드 품질 분석 — 기술 부채 자동 탐지
AI를 활용한 코드 품질 분석, 기술 부채 측정, 리팩토링 우선순위 결정.
Frontend
CSS Scroll Snap으로 네이티브 같은 캐러셀 만들기
JavaScript 라이브러리 없이 CSS Scroll Snap만으로 네이티브 앱처럼 부드러운 캐러셀과 풀페이지 스크롤을 구현하는 방법을 소개합니다.
Infra
AI DevOps — AI가 인프라를 관리하는 시대
AI를 활용한 인프라 모니터링, 자동 스케일링, 장애 예측 및 복구 전략.