TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
865864863862861860859858857856855854
Infra
GitHub Actions에서 Docker 이미지 빌드 및 배포
GitHub Actions에서 Docker 이미지를 빌드하고 Container Registry에 배포하는 CI/CD 구축.
Frontend
웹 폰트 최적화 — FOUT, FOIT 방지와 성능 개선
웹 폰트 로딩 전략과 FOUT/FOIT 방지, subset 최적화로 성능을 개선하는 방법.
Frontend
Zod + React Hook Form 타입 안전 폼 유효성 검사 심화
Zod 스키마와 React Hook Form을 결합하여 런타임과 타입 레벨 모두에서 안전한 폼 유효성 검사를 구현하는 심화 패턴입니다.
Infra
Grafana Loki — 로그 수집과 검색의 새 표준
Grafana Loki로 대규모 로그를 수집하고 라벨 기반으로 효율적으로 검색하는 방법.
Infra
PM2 프로세스 관리 — Node.js 프로덕션 운영
PM2로 Node.js 애플리케이션을 프로덕션에서 안정적으로 운영하는 방법.
Backend
JSON Schema로 API 문서와 검증 통합하기
JSON Schema를 활용해 API 문서화와 입력 검증을 한번에 해결하는 방법.
Database
데이터베이스 정규화와 비정규화 — 실전 판단 기준
데이터베이스 정규화의 각 단계별 목적과 실무에서 비정규화를 선택해야 하는 구체적인 상황 및 판단 기준을 정리합니다.
Frontend
마이크로프론트엔드 — Module Federation과 Single-SPA
마이크로프론트엔드 아키텍처의 Module Federation과 Single-SPA 접근법 비교.
Backend
Supabase Edge Functions — Deno 기반 서버리스
Supabase Edge Functions로 Deno 기반 서버리스 함수를 배포하는 방법.
Frontend
CSS :has() 선택자 — 부모 선택의 혁명
CSS :has() 선택자로 부모 요소를 기준으로 스타일링하는 혁신적 방법.
Infra
Caddy 웹 서버 — 자동 HTTPS의 편리함
Caddy 웹 서버의 자동 HTTPS, 리버스 프록시, Nginx 대비 장점 분석.
Infra
Proxmox VE 입문 — 홈 서버 가상화 구축 가이드
Proxmox VE를 활용한 홈 서버 가상화 환경 구축부터 KVM 가상머신과 LXC 컨테이너 관리까지 실전 가이드를 정리했습니다.